@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dosis&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Birthstone+Bounce&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant&display=swap");
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
body {
  height: auto !important;
}

.bg-navbar-theme {
  background-color: #0c0b27 !important;
  color: #fff;
  box-shadow: none !important;
}

.bg-menu-theme.menu-horizontal {
  background-color: #312673 !important;
}

.dark-layout .swiper-slide {
  background-color: transparent !important;
}

.dark-layout .card {
  background-color: rgba(97, 84, 167, 0.1);
}

.dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  background-color: transparent;
}

.dark-layout .main-menu-content .navigation-main .nav-item.open > a {
  background-color: #312673 !important;
}

.swiper-button-next,
.swiper-button-prev {
  width: 40px !important;
  margin: 0;
  background: transparent;
  top: 36%;
  height: 40px !important;
  right: 0 !important;
  justify-content: flex-end;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  border-radius: 0;
  background-color: #312673;
  box-shadow: none !important;
  background-size: 24px !important;
  height: 40px !important;
  width: 40px !important;
  padding: 0 !important;
  position: relative;
  right: 0;
}

.swiper-button-prev {
  right: auto;
  left: 0;
}

.swiper-button-disabled {
  display: none;
}

.main-menu.menu-dark .navigation > li > a {
  margin: 0 15px 0 10px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header {
  margin-left: 1.8rem !important;
}

.demo-inline-spacing {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .media-heading {
  width: auto;
}

.dark-layout .dropdown-menu .dropdown-item:hover,
.dark-layout .dropdown-menu .dropdown-item:focus {
  background: transparent;
}

.dark-layout .table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th,
.dark-layout .table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th {
  background-color: transparent;
  border: none;
  color: #fff;
}

.dark-layout .nav-tabs .nav-item .nav-link.active,
.dark-layout .nav-pills .nav-item .nav-link.active,
.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.active {
  background-color: transparent;
}

.dataTables_length label,
.dataTables_info {
  display: none;
}

.dataTables_length #customFilter label {
  display: inline-block;
}

.dataTables_filter {
  padding: 0 15px 0 0;
}
.dataTables_filter input {
  width: 100% !important;
  height: 40px;
  font-size: 0.85rem !important;
  font-weight: 500;
  margin: 0 !important;
}

.pagination {
  text-align: right;
  float: right;
  padding: 0 5px 0 0;
  margin: 10px 0;
}
.pagination a {
  background-color: #140b2c !important;
}
.pagination .page-item.active {
  background: transparent !important;
}
.pagination .page-item.active .page-link {
  background-color: #7367f0 !important;
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
  margin-top: 0;
  margin-bottom: 0;
}

.dark-layout input.form-control,
.dark-layout .custom-file-label,
.dark-layout textarea.form-control {
  background-color: #20143a;
  color: #fff;
}

.dark-layout .modal .modal-content,
.dark-layout .modal .modal-body,
.dark-layout .modal .modal-footer {
  background-color: #20143a;
  border-color: #20143a;
}

.modal .modal-footer {
  padding: 0 1.4rem 0.8rem 1.4rem;
}

.dark-layout .modal .modal-header,
.dark-layout .modal .modal-header[class*=bg-] {
  background-color: #170c31;
}

.dark-layout pre {
  background-color: #ffffff !important;
  border: 0;
  position: relative;
}

.chat-widget .chat-app-window .user-chats {
  background-color: rgba(97, 84, 167, 0.1) !important;
}
.chat-widget .chat-app-window .chats .chat-body {
  margin: 10px 0 0 0;
}
.chat-widget .chat-app-window .chats .chat-body .chat-content {
  max-width: 100% !important;
}
.chat-widget .chat-app-window .chats .chat-body .chat-content p {
  max-width: 100%;
  font-size: 11px;
  line-height: 14px;
}
.chat-widget .chat-app-window .chats .chat-left .chat-body .chat-content {
  background-color: rgba(19, 18, 47, 0.75) !important;
  text-align: left;
}
.chat-widget .chat-app-form {
  display: flex;
  flex-direction: column;
  height: auto !important;
  padding: 10px !important;
  background: #13122f;
}
.chat-widget .chat-app-form input {
  background-color: #f0f0f2;
  color: #13122f;
  padding: 0 0 0 4px !important;
}
.chat-widget .chat-app-form button {
  margin-top: 10px;
}

.wppb-toggle-pw {
  display: none;
}

.main-menu.menu-dark .navigation li.nav-item a.sociallink:hover > * {
  transition: all 0.25s ease;
  transform: none;
}

.main-menu.menu-dark .navigation li.nav-item a.sociallink i {
  font-size: 15px;
}

.main-menu.menu-dark .navigation li.nav-item a.sociallink:hover {
  background: #7367f0 !important;
  color: #fff !important;
}
.main-menu.menu-dark .navigation li.nav-item a.sociallink:hover i {
  color: #fff !important;
}

a.sociallink:hover {
  background: #7367f0 !important;
  color: #fff !important;
}
a.sociallink:hover i {
  color: #fff !important;
}

.dark-layout .dropdown-menu {
  z-index: 9999999;
}

.reset_size {
  height: auto !important;
}

.dark-layout input.form-control::-moz-placeholder, .dark-layout .custom-file-label::-moz-placeholder, .dark-layout textarea.form-control::-moz-placeholder, .dark-layout input.form-control::-moz-placeholder, .dark-layout .custom-file-label::-moz-placeholder, .dark-layout textarea.form-control::-moz-placeholder {
  color: rgb(255, 255, 255) !important;
}

.dark-layout input.form-control::placeholder,
.dark-layout .custom-file-label::placeholder,
.dark-layout textarea.form-control::placeholder,
.dark-layout input.form-control::placeholder,
.dark-layout .custom-file-label::placeholder,
.dark-layout textarea.form-control::placeholder {
  color: rgb(255, 255, 255) !important;
}

.title-contender img {
  border-radius: 0 !important;
}

.card {
  margin-bottom: 1rem;
}

.menu-inner {
  justify-content: space-between;
  padding: 0 0 0 155px;
}
@media (max-width: 768px) {
  .menu-inner {
    justify-content: flex-start;
    align-items: start !important;
    padding: 100px 0 0 0;
  }
  .menu-inner .propose a {
    width: 90%;
  }
  .menu-inner .menu-item {
    width: 90% !important;
  }
}

.menu-vertical {
  width: 90%;
}

.menu-vertical .menu-inner > .menu-item {
  margin: 0.8rem 0;
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a, .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover {
  display: block;
  margin-bottom: 0;
  color: #fff !important;
  font-weight: 600;
  font-size: 20px;
}

.bg-menu-theme {
  box-shadow: none;
  color: #fff !important;
}

.layout-navbar, .menu-horizontal {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.btn {
  font-weight: 600 !important;
  font-family: montserrat;
  font-size: 13px;
  letter-spacing: 0.14px;
}

.logo img {
  width: 130px;
  position: relative;
  top: 43px;
}

.app-brand {
  overflow: visible;
}

.bg-navbar-theme .navbar-brand {
  max-height: 60px;
}

.swal2-modal.swal2-popup .swal2-title {
  margin: 0;
  max-width: 100%;
  line-height: 1.47;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.dark-style .swal2-popup .swal2-html-container {
  color: rgba(255, 255, 255, 0.5411764706);
  font-size: 13px;
}

.btn-label-danger {
  background: transparent;
}

/*
.btn:not([class*=btn-label-]):not([class*=btn-outline-]) {
    box-shadow: unset!important;
}
*/
input[type=submit] {
  border: none;
}

.btn-flat-primary:hover:not(.disabled):not(:disabled) {
  background-color: rgba(115, 103, 240, 0.12);
}

.offcanvas, .offcanvas-backdrop {
  margin: 0 !important;
}

.offcanvas {
  z-index: 99999999;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after {
  display: none;
}

.dataTables_wrapper table.dataTable thead .sorting_asc {
  background: transparent !important;
}

.text-right {
  text-align: right !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
  font-weight: 600;
}

.dark-style table.dataTable td a.btn {
  color: #fff;
  font-weight: 700 !important;
  font-family: "Montserrat", Helvetica, Arial, serif !important;
}

.navbar-collapse {
  flex-grow: 0;
}

.cover {
  background-size: cover !important;
}

body {
  background-size: cover !important;
  position: relative;
}

.contain {
  background-size: contain !important;
}

.space {
  display: inline-block;
  width: 10px;
}

.vertical-layout.vertical-menu-modern.menu-expanded .footer {
  margin-right: 80px;
}

.separateur {
  height: 1px;
  width: 100%;
  margin: 30px 0;
  background-color: rgba(255, 255, 255, 0.2);
}

.dark-style {
  background: linear-gradient(35deg, #0c0b27 40%, #230b36 100%) fixed;
  animation: gradient 15s ease infinite;
}
.dark-style body {
  background: transparent;
  font-family: "Montserrat", Helvetica, Arial, serif !important;
  font-weight: 600;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.dark-style .main-menu-content .navigation-main {
  background-color: #0c0b27;
}
.dark-style .navbar-dark {
  background: #312673;
  transition: all 0.5s ease-in-out;
}

.dark-layout .main-menu-content .navigation-main {
  background-color: transparent;
}

html .content.app-content {
  padding: 6.75rem 2rem 10rem;
  min-height: 100vh;
}

html .content.app-content .content-overlay {
  opacity: 0.8;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0c0b27;
  z-index: 0;
}

.opfull {
  background: #13122f !important;
}

.ico {
  width: 20px;
  display: inline-block;
}
.ico img {
  max-width: 22px;
}

.ico3 {
  width: 20px;
  display: inline-block;
}

.ico4 {
  font-size: 30px;
}

.main-menu-content .ico {
  width: 30px;
}

.breadcrumbs-top a {
  color: #fff;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  position: relative;
  left: 0;
}
.breadcrumbs-top a .ico {
  width: 20px;
  display: inline-block;
}
.breadcrumbs-top a:hover {
  left: 3px;
  color: #fff;
}

.ico2 {
  width: 30px;
  display: inline-block;
}

.card-text {
  font-size: 15px;
}
@media (max-width: 768px) {
  .card-text {
    font-size: 14px;
  }
}

.card-text-18 {
  font-size: 18px;
  max-width: 228px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .card-text-18 {
    font-size: 16px;
  }
}

.kl-wrapper-slick {
  position: relative;
}
.kl-wrapper-slick::before {
  content: "";
  background-image: linear-gradient(90deg, rgba(54, 10, 131, 0.3) 25%, rgba(62, 66, 180, 0.483) 50%, rgba(54, 10, 131, 0.3) 75%);
  background-size: 400% 100%;
  animation: wave 4s linear infinite;
  border-radius: 5px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}
.kl-wrapper-slick .kl-slick,
.kl-wrapper-slick .slick-nav {
  transition: opacity 0.5s ease-in;
}
.kl-wrapper-slick.kl-hidden-slick {
  height: 265px;
  overflow: hidden;
}
.kl-wrapper-slick.kl-hidden-slick::before {
  opacity: 1;
  pointer-events: auto;
}
.kl-wrapper-slick.kl-hidden-slick .kl-slick,
.kl-wrapper-slick.kl-hidden-slick .slick-nav {
  opacity: 0;
}

.bg-trapezoid {
  position: relative;
  z-index: 1;
}
.bg-trapezoid::after {
  content: "";
  -webkit-clip-path: polygon(0 0, 100% 6%, 100% 94%, 0% 100%);
          clip-path: polygon(0 0, 100% 6%, 100% 94%, 0% 100%);
  opacity: 0.1;
  position: absolute;
  top: 55px;
  left: -35px;
  right: -35px;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .bg-trapezoid::after {
    -webkit-clip-path: polygon(0 0, 100% 2%, 100% 98%, 0% 100%);
            clip-path: polygon(0 0, 100% 2%, 100% 98%, 0% 100%);
    top: 25px;
  }
}
.bg-trapezoid .absolute-word {
  position: relative;
  z-index: -1;
}

.bg-trapezoid-c5::after {
  background-color: #7367f0;
}

.fw-medium {
  font-weight: 500 !important;
}

.scaler {
  transition: all 0.2s ease-in-out;
}
.scaler:hover {
  transform: scale(1.05);
}
.scaler:hover .voile {
  transform: scale(1.05);
}

.swiper-container {
  padding-top: 15px;
}

html .content {
  min-height: 100%;
}

.heading-cat a {
  transition: all 0.2s ease-in-out;
  display: block;
  position: relative;
  left: 0;
}
.heading-cat a:hover {
  left: 10px;
}

.t-question {
  color: #f4167f !important;
  font-size: 22px;
}

.lele2 {
  width: 0;
  animation-name: appear2;
  overflow: hidden;
  animation: appear2 3s infinite ease-in-out;
}

@keyframes appear2 {
  20%, 100% {
    width: 0;
  }
  0% {
    width: 0;
  }
  5% {
    width: auto;
  }
}
.lele1 {
  width: auto;
  overflow: hidden;
  animation: appear 3s infinite ease-in-out;
}

@keyframes appear {
  20%, 100% {
    width: auto;
  }
  0% {
    width: auto;
  }
  5% {
    width: 0;
  }
}
.ico-size-2 {
  font-size: 20px;
}

.icomax {
  font-size: 60px;
}

.icomedium {
  font-size: 45px;
}

.main-menu {
  position: relative;
}

.voile {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #0c0b27;
  opacity: 0.45;
}

.divider {
  height: 1px;
  width: 80%;
  margin: 20px 0;
  background: rgba(255, 255, 255, 0.4);
  display: block;
}

.main-menu .main-menu-content {
  height: 100%;
}

.expanded .main-menu-content {
  height: calc(100% - 220px) !important;
}

.avatar img {
  -o-object-fit: cover;
     object-fit: cover;
}

.ico-reverse {
  transform: scaleX(-1);
}

.stepbar {
  display: none;
}

.space {
  display: inline-block;
  width: 10px;
}

.single-tournoi .intro-mobile {
  z-index: 7;
}

.text-left {
  text-align: left;
}

.hide-lg {
  display: none;
}

.pricing-card .badge.badge-light-primary {
  background-color: rgba(244, 22, 127, 0.11) !important;
  color: #f4167f !important;
}
.pricing-card .card.dodocard {
  border: 2px solid #7367ef;
}
.pricing-card .card.popular {
  border: 2px solid #f4167f;
}

.t-rose {
  color: #f4167f !important;
}

.classement .profile-suggestion .card-footer {
  text-align: center !important;
}

#clt {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

#vkrz-intro .col-md-5 .mt-1 a {
  margin-top: 1rem;
}

.votechamp {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
}

.t-max {
  font-size: 18px !important;
}

.mt-05 {
  margin-top: 20px;
}

.related .card .card-title {
  font-size: 1.1rem;
}
.related h6 {
  font-size: 0.9rem;
}

.notifications-container .media {
  padding: 0.8rem;
}
.notifications-container .media .media-body {
  margin-left: 10px;
}
.notifications-container .media .media-body .media-heading > span:first-of-type {
  font-size: 14.5px;
}
.notifications-container .media .notification-text {
  line-height: 15px !important;
  font-size: 10px;
  display: block;
  color: #a8aaae !important;
  margin: 5px 0 0 0 !important;
}

.input_to_share {
  position: absolute;
  left: -99999999px;
}

.input_to_share2 {
  position: absolute;
  left: -99999999px;
}

.cp {
  cursor: pointer !important;
}

.hide {
  display: none !important;
}

.ico-max {
  font-size: 150px;
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 150px;
}

.link-to-creator {
  text-transform: uppercase;
}
.link-to-creator span {
  font-size: 14px !important;
}
.link-to-creator h3 {
  text-transform: uppercase;
  font-size: 16px;
  transition: 0.2s all ease-in-out;
}
.link-to-creator h3 span {
  font-size: 14px;
}
.link-to-creator:hover {
  color: #7367f0 !important;
}
.link-to-creator:hover h3 {
  color: #7367f0;
}

.t-violet {
  color: #7367f0 !important;
}

.championname a {
  color: #fff;
  transition: 0.2s all ease-in-out;
}
.championname a:hover {
  color: #7367f0;
}

.main-menu ul.navigation-main {
  padding-bottom: 70px;
}

.single-tournoi .crisp-client .cc-kv6t .cc-1xry .cc-unoo,
.single-classement .crisp-client .cc-kv6t .cc-1xry .cc-unoo {
  bottom: 40px !important;
  right: 10px !important;
}

.page-template-r .crisp-client .cc-tlyw[data-full-view=true] .cc-kxkl .cc-nsge {
  bottom: 54px !important;
  right: 10px !important;
}

.pslim {
  padding: 0 5px;
}

.stats-mondiales {
  font-size: 18px;
}
.stats-mondiales b {
  color: #7367f0;
  font-weight: normal;
}

.t-cyan {
  color: rgb(0, 167, 233);
}

.t-yellow {
  color: rgb(233, 229, 0);
}

.p-20 {
  padding: 20px !important;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-10 {
  margin-left: 10px;
}

.nobold th {
  font-weight: normal;
}
.nobold th .text-muted {
  width: 45px;
  text-align: right;
  display: inline-block;
}

.page-template-sign-on h2 {
  font-size: 20px;
}
.page-template-sign-on h3 {
  font-size: 14px;
}

.list-tags a {
  color: #fff;
  margin-bottom: 10px;
  display: block;
}

.user-niveau-xs {
  display: none;
}

.scale-xs {
  transform: scale(0.8);
}

.next-bloc {
  margin-top: 10px;
}
.next-bloc .seemore {
  display: inline-block;
  background: #7367f0;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  transition: all 0.2s ease-in;
}
.next-bloc .seemore:hover {
  transform: scale(1.05);
  background: #f4167f;
  color: #fff;
}

@media (max-width: 768px) {
  .next-bloc1 {
    text-align: left;
  }
  .next-bloc2 {
    text-align: right;
  }
}
.loader {
  display: inline-block;
  vertical-align: top;
}
.loader svg path,
.loader svg rect {
  fill: #7367f0;
}
.loader.submit-form-btn-loader svg path,
.loader.submit-form-btn-loader svg rect, .loader.cropAndSendBtn-loader svg path,
.loader.cropAndSendBtn-loader svg rect, .loader.soumettreTop-loader svg path,
.loader.soumettreTop-loader svg rect, .loader.participateSponso-loader svg path,
.loader.participateSponso-loader svg rect {
  fill: #FFF;
}

.percentword {
  display: none;
}

.similarcount {
  margin-top: 5px;
}

.ico-badge {
  font-size: 55px !important;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar-creator {
  height: 75px;
  width: 75px;
  border-radius: 50%;
  background-size: cover !important;
}

.seevideocreator {
  text-transform: none;
}

.btn-rose {
  color: #fff !important;
}

.btn-secondary {
  border-color: #f4167f !important;
  background-color: #f4167f !important;
  color: #fff !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  border-color: #f4167f !important;
  background-color: #f4167f !important;
  color: #fff !important;
}

.btn-tweet {
  text-transform: uppercase;
  font-weight: bold;
}

.item-search {
  display: none;
}

.navigation-header {
  margin: 2.286rem 0 0.8rem 2.2rem !important;
}

.single .boxtosearch, .page-template-monitor .boxtosearch {
  display: none;
}
.single .item-search, .page-template-monitor .item-search {
  display: block;
}
.single .navigation-header, .page-template-monitor .navigation-header {
  margin: 0.4rem 0 0.4rem 2.2rem !important;
}
.single .expanded .navigation-header, .page-template-monitor .expanded .navigation-header {
  margin: 2.286rem 0 0.8rem 2.2rem !important;
}

.expanded .boxtosearch {
  display: block;
}
.expanded .item-search {
  display: none;
}

.has-rose-color {
  color: #f4167f !important;
}

.has-rose-background-color {
  background: #f4167f !important;
}

.has-violet-color {
  color: #9383e8 !important;
}

.has-violet-background-color {
  background: #9383e8 !important;
}

.has-ciel-color {
  color: #8ed1fc !important;
}

.has-ciel-background-color {
  background: #8ed1fc !important;
}

.has-jaune-color {
  color: #f8b900 !important;
}

.has-jaune-background-color {
  background: #f8b900 !important;
}

.has-vert-color {
  color: #3fd084 !important;
}

.has-vert-background-color {
  background: #3fd084 !important;
}

.has-mauve-color {
  color: #130e2b !important;
}

.has-mauve-background-color {
  background: #130e2b !important;
}

.btn-follow {
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  background-color: #f4167f;
  transition: all 0.2s ease-in;
  width: 100%;
  line-height: 100%;
}
.btn-follow:hover {
  background-color: #B0177F;
  color: #ffffff !important;
}
.btn-follow .wording {
  font-size: 11px;
  font-weight: 800 !important;
  margin: 0 5px 0 0;
}
@media (max-width: 768px) {
  .btn-follow .wording {
    display: none;
  }
}

.unfollowBtn {
  background: #6819b9 !important;
}
.unfollowBtn:hover {
  background-color: #B0177F !important;
  color: #ffffff !important;
}
.unfollowBtn:hover .notsee {
  display: none !important;
}

.shorted {
  cursor: row-resize;
}

table.dataTable tbody tr {
  background-color: transparent !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting:before, table.dataTable thead .sorting:after {
  background: none !important;
}

.page-link {
  padding: 7px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0 !important;
  margin-left: 0 !important;
  color: #333 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  border: 0 !important;
}

.page-item.active .page-link {
  border-radius: 0 !important;
}

.table-listuserranks table.dataTable thead .sorting_desc, .page table.dataTable thead .sorting_desc {
  background: none !important;
}

.dataTables_filter input {
  border: 2px solid rgba(114, 103, 240, 0.2941176471) !important;
  color: #fff !important;
  font-size: 11px;
}
.dataTables_filter input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.dataTables_filter input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.vainkeur-card a {
  display: inline-flex;
  align-items: center;
  justify-content: start;
  padding: 5px;
}
.vainkeur-card a .championname {
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: left;
  text-align: left;
}
.vainkeur-card a .championname h4 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 1px 0;
}
.vainkeur-card a .championname h4 i {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
}
.vainkeur-card a .championname .medailles {
  text-align: left;
}
.vainkeur-card a .championname .va-level-icon {
  width: 15px !important;
  height: 15px !important;
}
.vainkeur-card a:hover h4 {
  color: #fff !important;
}

.top-card {
  display: block;
  transition: all 0.2s ease-in;
  left: 0;
}
.top-card .legende {
  display: block;
  line-height: 100%;
  color: rgb(115, 103, 240);
  margin-top: 3px;
  font-size: 0.8rem;
}
.top-card:hover {
  position: relative;
  left: 5px;
}

.nb-top-in-cat {
  font-size: 12px;
}

.cat-min .card-header {
  padding: 1rem;
}

.separate-top {
  border-top: 1px solid rgba(255, 255, 255, 0.129);
  padding-top: 20px;
}

.load_more_toplists {
  flex-direction: column;
  display: flex;
}
.load_more_toplists .text-muted {
  font-size: 12px;
}

.list-php .pagination {
  display: none !important;
}

.list-js {
  display: none;
}

.loader-list {
  display: none;
  text-align: center;
}

.loader-ressemblance {
  text-align: center;
  padding: 20px 0 40px;
}
.loader-ressemblance h5 {
  color: #7367f0;
  font-size: 12px;
}
.loader-ressemblance img {
  border: 5px solid #312673;
}

.card-voile {
  position: relative;
  border-radius: 10px;
}
.card-voile .voile-gif {
  background-size: cover !important;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.1;
  border-radius: 10px;
}
.card-voile .card-body {
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-voile .participate-gif-top {
  position: absolute;
  right: 2%;
  top: 2%;
}

.come-back {
  background: #312673 !important;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  color: #FFF;
  padding: 0.5rem 0.8rem;
  font-size: 0.9rem;
}
.come-back b {
  color: #f4167f;
}
.come-back a {
  color: #fff;
}
.come-back a:hover {
  color: #7367f0;
  text-decoration: none;
}
.come-back button {
  background: none;
  outline: none;
  border: none;
}
.come-back button i {
  color: #FFF;
  transition: all 0.3s;
}
.come-back button i:hover {
  color: #f4167f;
}

.wp-block-image .figcaption {
  color: #676d7d !important;
  font-size: 12px;
}

.wp-block-button .wp-block-button__link {
  display: inline-block;
  color: #fff !important;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.786rem 1.5rem;
  font-size: 1rem;
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  line-height: 1;
  border-radius: 0.358rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
  border: 1px solid #7367f0 !important;
  background-color: transparent;
  color: #7367f0;
  box-shadow: none;
  font-weight: 500;
}
.wp-block-button .wp-block-button__link:hover {
  background: #7367f0 !important;
  color: #fff !important;
  text-decoration: none !important;
}

.single-format-standard .apropos {
  padding-bottom: 40px;
}

.mark, mark {
  padding: 0 !important;
  background-color: transparent !important;
}

.menuuser-bell {
  position: relative;
}
.menuuser-bell .ico {
  width: 22px !important;
  height: 22px !important;
}
@media (max-width: 767px) {
  .menuuser-bell .ico {
    width: 16px !important;
    height: 16px !important;
  }
}
.menuuser-bell .notifications-nombre {
  position: absolute;
  display: flex;
  justify-content: center;
  font-weight: bold;
  background-color: #f4167f;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  line-height: 18px !important;
  top: 3px !important;
  right: 0;
  padding: unset !important;
  font-size: 11px !important;
  transform: scale(0.9);
  transition: all 0.2s ease-in;
}
@media (max-width: 767px) {
  .menuuser-bell .notifications-nombre {
    font-size: 9px;
    right: 7px;
    padding: 1px 3px;
  }
}
.menuuser-bell:hover .notifications-nombre {
  transform: scale(1.1);
}

.child-parrain-1 .vainkeur-card {
  position: relative;
  left: 20px;
}

.child-parrain-2 .vainkeur-card {
  position: relative;
  left: 35px;
}

.child-parrain-3 .vainkeur-card {
  position: relative;
  left: 45px;
}

.signs {
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.signs::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  background-color: inherit;
  color: inherit;
  opacity: 1;
  transition: opacity 0.3s;
  transform: translate3d(-50%, -50%, 0);
  z-index: -1;
}
.signs::after {
  content: "";
  position: absolute;
  left: -6px;
  bottom: -12px;
  padding: 22px;
  background-color: #30ACFD;
  border-radius: 100%;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@media (max-width: 794px) {
  .signs::after {
    inset: 0;
    bottom: -6px;
    padding: 12px;
  }
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}

.divider {
  height: 1px;
  background: #6719b9;
  width: 100%;
  display: block;
  margin: 20px auto;
}

.bg-menu-theme .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next {
  color: #fff;
}

.itemstat {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.valuestat {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 18px;
}

.progressionniveau {
  font-size: 15px;
}

.content-footer .footer-container {
  font-size: 12px;
}

.layout-page {
  position: relative;
}

.overlay {
  position: absolute;
  opacity: 0.95;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0a0921;
  z-index: 0;
}

.avatar img {
  border-radius: 50%;
}

.avatar-online {
  width: 2.375rem;
  height: 2.375rem;
}

.btn-icon {
  border: 1px solid transparent;
  background-color: transparent;
}
.btn-icon:hover {
  background-color: #7367f0 !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.tooltip-danger .tooltip-inner, .tooltip-danger > .tooltip .tooltip-inner, .ngb-tooltip-danger + ngb-tooltip-window .tooltip-inner {
  background: #7367f0;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: #7367f0 !important;
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: #7367f0 !important;
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: #7367f0 !important;
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: #7367f0 !important;
}

.tooltip-inner {
  background: #7367f0 !important;
}

.infos-card-t .employee-task .avatar {
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
}
.infos-card-t .employee-task h4 {
  font-size: 15px;
  -moz-text-align-last: left;
       text-align-last: left;
}

.box-info-list h4.card-title {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}
.box-info-list h5.top-title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #f4167f !important;
  margin-bottom: 10px;
}

.btn-block {
  flex-direction: row;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
}
.btn-block .wording-btn {
  text-align: left;
  font-size: 14px;
}
.btn-block .wording-btn .second-wording {
  color: #7367f0;
  font-size: 12px;
  margin-top: 3px;
}

.btn-violet {
  background: #7367f0;
}
.btn-violet:hover {
  background: #312673;
}

.btn-outline-violet {
  border: 2px solid #7367f0;
  font-size: 12px;
}
.btn-outline-violet:hover {
  background: #312673;
}

.ba-deg {
  background: linear-gradient(150deg, #0c0a27, #471867, #0c0a27, #230b36, #0c0a27);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.card-footer {
  padding: 15px 0 10px 0 !important;
  border-top: 1px solid #2a1f70;
  text-align: center;
}

.info-top-footer {
  padding: 10px;
}
@media (max-width: 768px) {
  .info-top-footer {
    padding: 0;
  }
}
.info-top-footer h4 {
  margin: 0;
  text-align: left;
}

.ba-tranparent {
  background: transparent;
}

.btn-outline-blanc {
  color: #ffffff;
  border-color: #ffffff;
  background: transparent;
}
.btn-outline-blanc:hover {
  background: transparent !important;
  color: #7367f0;
  border-color: #7367f0;
}

.btn-label-blanc:hover {
  background: transparent !important;
  color: #7367f0;
  font-size: 0.8rem !important;
  font-weight: 500;
}

.percent50 {
  border-radius: 50%;
  width: 120px;
  border: 3px solid #ffffff;
}

.bg-card {
  background-color: rgba(97, 84, 167, 0.1) !important;
}

.footer a {
  font-size: 0.85rem !important;
  font-weight: 500;
}
.footer .copyright {
  font-size: 0.85rem !important;
  font-weight: 500;
}

.table.dataTable {
  margin: 0 !important;
}
.table.dataTable thead {
  border-bottom: 1px solid #7983bb;
}

.dark-layout .modal-transparent.modal .modal-content,
.dark-layout .modal-transparent.modal .modal-body,
.dark-layout .modal-transparent.modal .modal-footer {
  background-color: transparent !important;
  border-color: transparent !important;
}

.dark-layout .modal-transparent.modal {
  background: rgba(12, 10, 39, 0.8);
}

.partagetop ul {
  margin: 0;
  padding: 0;
}

.top_started {
  display: none;
}

body .not_currentuuid {
  display: none;
}

.btn-flex {
  display: flex !important;
  align-items: center;
}

body .top_beginned {
  display: none;
}

.z9 {
  position: relative;
  z-index: 2;
}

.loading-card .card {
  border: none;
  width: 100px !important;
  border-radius: 5px;
  overflow: hidden;
}

.loading-card .inner-card,
.loading-card .card-1 {
  background-image: linear-gradient(90deg, rgba(54, 10, 131, 0.3) 25%, rgba(62, 66, 180, 0.483) 50%, rgba(54, 10, 131, 0.3) 75%);
  background-size: 400% 100%;
  animation: wave 4s linear infinite;
}

.loading-card .inner-card {
  height: 20px;
}

.loading-card .card-1 {
  height: 180px;
}

.loading-card .card-1.load-more {
  height: 120px;
}

.loading-card .card-2.load-more {
  height: 100px;
}

.slick-nav-category-page {
  transform: translateY(-30px);
}

.loading-card .card-2 {
  height: 130px;
}

.loading-tr td:first-of-type div {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-image: linear-gradient(90deg, rgba(54, 10, 131, 0.3) 25%, rgba(62, 66, 180, 0.483) 50%, rgba(54, 10, 131, 0.3) 75%);
  background-size: 400% 100%;
  animation: wave 4s linear infinite;
}
.loading-tr td:not(:first-of-type) div {
  height: 20px;
  width: 100%;
  background-image: linear-gradient(90deg, rgba(54, 10, 131, 0.3) 25%, rgba(62, 66, 180, 0.483) 50%, rgba(54, 10, 131, 0.3) 75%);
  background-size: 400% 100%;
  animation: wave 4s linear infinite;
}

.toplist-list .loading-card {
  margin-bottom: 20px;
}
.toplist-list .loading-card .inner-card {
  min-height: 250px;
  border-radius: 10px;
}

@keyframes wave {
  0% {
    background-position: 100% 0;
  }
  50% {
    background-position: 0 0;
  }
  100% {
    background-position: -100% 0;
  }
}
.avatar {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.avatar-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.avatar.avatar-online:after,
.avatar.avatar-offline:after,
.avatar.avatar-away:after,
.avatar.avatar-busy:after {
  display: none;
}

#menu-user-ul {
  opacity: 0;
  transition: all 0.2s ease-in;
}

.is_sponso {
  display: none;
}

.top_sup_ten {
  display: none;
}

.top_less_ten {
  display: none;
}

.toplistexists {
  display: none;
}

.avatar-info-bubble {
  display: none;
}

.btn-avatar {
  cursor: pointer;
}

#jugementForm, #messageForm {
  width: 100%;
}

.notoplist {
  display: none;
}

.block-listing-toplist {
  display: none;
}

.shorted:after, .shorted:before {
  display: none !important;
}

#listtoplist td {
  border-color: #7983bb;
}

.col-actions a {
  margin: 0 2px;
}

.loader-vkrz {
  background-image: linear-gradient(90deg, rgba(54, 10, 131, 0.3) 25%, rgba(62, 66, 180, 0.483) 50%, rgba(54, 10, 131, 0.3) 75%);
  background-size: 400% 100%;
  min-height: 40px;
  width: 100%;
  animation: wave 4s linear infinite;
}

.loader-vkrz-round {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 4px;
}

.must_be_creator, .is_creator, .is_gestionnaire, .is_admin {
  display: none;
}

.nav-tabs a {
  text-transform: uppercase;
}

#navbar-ex-3 a {
  text-transform: uppercase;
}

.dark-layout .modal-transparent.modal .modal-content,
.dark-layout .modal-transparent.modal .modal-body,
.dark-layout .modal-transparent.modal .modal-footer {
  background-color: transparent !important;
  border-color: transparent !important;
}

.dark-layout .modal-transparent.modal {
  background: rgba(12, 10, 39, 0.8);
}

.trophy-bloc .card-text {
  padding: 0 10px;
  margin-bottom: 0;
}
.trophy-bloc h3 {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trophy-bloc .trophy-reward {
  margin-top: 20px;
}

.trophy-hidden {
  visibility: hidden;
}

.trophy-visible {
  visibility: visible;
}

.card-niveau h3 {
  margin: 10px 0 5px;
}

::-webkit-scrollbar {
  width: 2px;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.03);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #312673;
  border-radius: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #7367f0;
}

.cover-m {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
}

.avatar-tofill,
.avatar-tofill-pub {
  border-radius: 50%;
  background-image: url("https://vainkeurz.com/wp-content/uploads/2024/11/avatar-rose.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover !important;
}

.avatarbox-s {
  width: 100%;
  height: 100%;
}

.avatarbox-m {
  width: 100px;
  height: 100px;
}

.avatarbox-l {
  border: 3px solid #ffffff;
  width: 170px;
  height: 170px;
}

.validation, .validation2, .validation3 {
  font-size: 0.8rem;
  display: none;
}

.detailskeurz .nav-tabs {
  background: transparent;
  border-bottom: 1px solid #21133f !important;
}

.small-muted {
  font-size: 0.7rem;
}

.grid-item {
  margin-bottom: 20px;
}

.avatar-picture {
  background-image: url("https: //i1.wp.com/vainkeurz.com/wp-content/themes/t-vkrz-6/assets/images/vkrz/avatar-rose.png");
}

.img-cadeau-list {
  max-width: 50px;
  height: auto;
}

.bd-8 {
  border-radius: 8px !important;
}

.waves-effect {
  display: flex;
}

.covactu {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 300px;
}

.form-control:focus,
.form-select:focus {
  border-color: #7367f0 !important;
}

.listingtopcreated td {
  font-size: 0.75rem;
}

.btn-light {
  background: rgba(255, 255, 255, 0.05);
  padding: 10px;
  border: none;
  display: inline-block !important;
}

.backtotops {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}

.listingtopcreated .championname, .listingcommande .championname {
  text-align: left;
}
.listingtopcreated .championname h4, .listingcommande .championname h4 {
  font-size: 0.8rem;
  margin: 0;
}

.avatarbloc {
  justify-content: start;
  padding: 5px;
}

.nav-link .badge-center {
  width: auto;
}

.decal-r-2 {
  position: relative;
  right: 2px;
}

.decal-l-2 {
  position: relative;
  left: 2px;
}

.bg-label-dark {
  background-color: rgba(253, 219, 50, 0.2666666667) !important;
  color: #fddb32 !important;
}

.text-dark {
  color: #fddb32 !important;
}

.gestion-page #DataTables_Table_0_wrapper > .row:first-child, .content-compte #DataTables_Table_0_wrapper > .row:first-child {
  display: none !important;
}

.produit-min {
  display: flex;
  align-items: center;
  justify-content: start;
}
.produit-min img {
  height: auto;
  width: 50px;
}
.produit-min h4 {
  font-size: 0.8em;
  margin: 0;
}

.titre-room {
  color: #f4167f;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.vainkeurbloc .championname {
  text-align: left;
}
.vainkeurbloc .championname h4 {
  font-size: 1rem;
  margin: 0;
}

.modal-transparent .btn-close {
  right: -50% !important;
}
@media (max-width: 768px) {
  .modal-transparent .btn-close {
    right: 15px !important;
  }
}

.donner-trophee-wrapper #pseudoSearch,
.donner-trophee-wrapper #trophyDropdown,
.donner-trophee-wrapper #amount,
.donner-trophee-wrapper #user_pseudo_vainkeurz,
.donner-trophee-wrapper #pseudo_twitch,
.donner-trophee-wrapper #stream_channel_twitch,
.donner-keurz-wrapper #pseudoSearch,
.donner-keurz-wrapper #trophyDropdown,
.donner-keurz-wrapper #amount,
.donner-keurz-wrapper #user_pseudo_vainkeurz,
.donner-keurz-wrapper #pseudo_twitch,
.donner-keurz-wrapper #stream_channel_twitch,
.ma-recompense-wrapper #pseudoSearch,
.ma-recompense-wrapper #trophyDropdown,
.ma-recompense-wrapper #amount,
.ma-recompense-wrapper #user_pseudo_vainkeurz,
.ma-recompense-wrapper #pseudo_twitch,
.ma-recompense-wrapper #stream_channel_twitch {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent !important;
  margin: 0.5rem 0;
  border-radius: 6px;
  padding: 0.9rem 0 0.9rem 1rem;
  border: 2px solid #261C61;
  color: #FFF;
  font-weight: 600;
}
.donner-trophee-wrapper #amount,
.donner-keurz-wrapper #amount,
.ma-recompense-wrapper #amount {
  width: unset;
  margin: unset;
  padding: 1rem 0 1rem 1rem;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
  border-left: unset;
}
.donner-trophee-wrapper .pseudosResults div,
.donner-trophee-wrapper #trophyDropdown div,
.donner-keurz-wrapper .pseudosResults div,
.donner-keurz-wrapper #trophyDropdown div,
.ma-recompense-wrapper .pseudosResults div,
.ma-recompense-wrapper #trophyDropdown div {
  background-color: #2B1F70;
  padding: 15px;
  cursor: pointer;
}
.donner-trophee-wrapper .pseudosResults div:hover,
.donner-trophee-wrapper #trophyDropdown div:hover,
.donner-keurz-wrapper .pseudosResults div:hover,
.donner-keurz-wrapper #trophyDropdown div:hover,
.ma-recompense-wrapper .pseudosResults div:hover,
.ma-recompense-wrapper #trophyDropdown div:hover {
  background-color: #302479;
}
.donner-trophee-wrapper .alertMsg,
.donner-keurz-wrapper .alertMsg,
.ma-recompense-wrapper .alertMsg {
  text-align: center;
  font-size: 0.9rem;
  color: #c64143;
  margin: 30px 20px 0 0;
  padding: 0;
}
.donner-trophee-wrapper .alertMsg i,
.donner-keurz-wrapper .alertMsg i,
.ma-recompense-wrapper .alertMsg i {
  font-size: 0.8rem;
}

.donner-keurz-wrapper,
.ma-recompense-wrapper {
  width: 80%;
}

.ma-recompense-wrapper .form-label {
  color: #8692d0 !important;
}
.ma-recompense-wrapper input:not(:-moz-placeholder-shown) {
  border: 2px solid #28c76f !important;
}
.ma-recompense-wrapper input:not(:placeholder-shown) {
  border: 2px solid #28c76f !important;
}
.ma-recompense-wrapper .suggestions {
  overflow-y: auto;
}
.ma-recompense-wrapper .suggestions div {
  padding: 10px;
  cursor: pointer;
  background-color: #2B1F70;
  color: #FFF;
  border-radius: 6px;
  margin-bottom: 10px;
}
.ma-recompense-wrapper .suggestions div:hover {
  background-color: #302479;
}

.disable-ma-recompense {
  pointer-events: none;
  filter: blur(4px);
}

@media screen and (max-width: 767px) {
  .versus-container {
    flex-direction: row !important;
  }
}
.versus-container .xp-notification-container {
  position: relative;
}
.versus-container .xp-notification-container .xp-notification {
  bottom: 2rem;
  position: absolute;
  left: 38%;
  transform: translateY(100%);
  opacity: 0;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .versus-container .xp-notification-container .xp-notification {
    left: unset;
    bottom: 1.8rem;
    right: -321px;
  }
}
@keyframes slideToTop {
  0% {
    transform: translateY(100%);
    opacity: 0;
  } /* Start from bottom */
  20% {
    transform: translateY(30%);
    opacity: 1;
  } /* Slide up a bit */
  80% {
    transform: translateY(30%);
    opacity: 1;
  } /* Hold in place */
  100% {
    transform: translateY(-100%);
    opacity: 0;
  } /* Slide out of screen at top */
}
.versus-container .xp-notification-container .char {
  line-height: 1.5;
  font-size: 0.8rem;
  display: inline-block;
  animation: waveText 0.6s infinite alternate; /* Wave effect */
}
@keyframes waveText {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-15%);
  }
}
.versus-container .xp-notification-container .char:nth-child(1) {
  animation-delay: 0.1s;
}
.versus-container .xp-notification-container .char:nth-child(2) {
  animation-delay: 0.2s;
}
.versus-container .xp-notification-container .char:nth-child(3) {
  animation-delay: 0.3s;
}
.versus-container .xp-notification-container .char:nth-child(4) {
  animation-delay: 0.4s;
}

.news-block {
  padding-bottom: 100px;
}

.list-categories {
  margin: 10px 0 40px;
  transform: rotate(-2.5deg);
}

.img-cover {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.toplist-amis-item .contender-name {
  font-size: 0.6rem;
  margin-top: 5px;
  text-align: center;
}

.card-toplist-amis-body {
  position: relative;
  background: linear-gradient(#1a0c30, #1f0c33) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat, linear-gradient(270deg, #f4167f 0%, #7367f0 100%);
}
.card-toplist-amis-body .cover-toplist-slim {
  z-index: 1;
  opacity: 0.1;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.card-toplist-amis-body h4 {
  text-align: center;
  font-size: 1rem !important;
  font-weight: 600;
}

.card-toplist-amis-title {
  text-align: center;
}

.pseudovainkeurzslim {
  margin-left: 12px;
  position: relative;
  top: -5px;
}

.ranking-toplist-slim {
  position: relative;
  z-index: 2;
}

#twitch-embed {
  height: 445px;
}
#twitch-embed iframe {
  height: 100%;
}

.listelot {
  font-family: "lato";
  text-align: center;
  font-weight: 800;
  font-style: italic;
  font-size: 24px;
  transform: rotate(-2deg);
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 30px;
}

.btn-rad {
  border-radius: 5px;
}

.intro-alerte h5 {
  font-size: 20px;
}

.newsletter {
  padding: 20px;
}
.newsletter legend, .newsletter label {
  font-family: "Montserrat" !important;
  font-size: 15px;
  font-weight: 600;
  color: #fff !important;
}
.newsletter #field_1_3 {
  border: none !important;
}
.newsletter .gform_button {
  background-color: #f4167f !important;
  font-weight: 600 !important;
}

.no-js-message {
  background-color: #2A1F70;
  color: #fff !important;
  padding: 10rem;
  font-size: 36px;
  height: 100%;
  width: 100%;
  position: fixed;
  display: grid;
  place-items: center;
  text-align: center;
  z-index: 100000000000;
}

#show-navbar-barre {
  position: relative;
  display: none;
  z-index: 999;
}
#show-navbar-barre .content-show-navbar-barre {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#show-navbar-barre .slim-left {
  display: flex;
  align-items: center;
}
#show-navbar-barre .right-slim {
  display: flex;
  align-items: center;
  justify-content: end;
}
#show-navbar-barre .niveau-slim {
  margin-right: 20px;
}
#show-navbar-barre .decompte-txt {
  font-size: 0.7rem;
}
#show-navbar-barre .keurz-slim {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
}
#show-navbar-barre .keurz-slim .iconstats {
  margin: 5px 0 6px 0 !important;
}
#show-navbar-barre .keurz-slim .money_dispo_vkrz {
  position: relative;
  top: 2px;
}
#show-navbar-barre .keurz-slim small {
  font-size: 0.75rem;
}
#show-navbar-barre .logo-simple {
  margin-right: 20px;
}
#show-navbar-barre .logo-simple img {
  max-width: 70px;
  margin: 5px 0 0 0;
}

.focus-top #show-navbar-barre {
  display: block;
}
.focus-top #layout-menu, .focus-top #layout-navbar {
  display: none;
}
.focus-top #content-page-gv, .focus-top .layout-page {
  padding: 0 !important;
}
.focus-top .tournoi-content {
  margin: 0 !important;
}

.btn-annule-devine {
  text-align: center;
  background: rgba(97, 84, 167, 0.1);
  border-radius: 5px;
  padding: 6px 10px;
  transition: all 0.2s ease-in;
  margin: 5px 5px 5px;
  border: none;
  display: inline-block;
  color: #fff;
  font-size: 0.7rem;
}
.btn-annule-devine span {
  margin-right: 10px;
  display: inline-block;
}
.btn-annule-devine:hover {
  color: #fff;
  background-color: #7367f0;
}

.go-to-tirage-vkrz-btn {
  color: #FFF !important;
}
.go-to-tirage-vkrz-btn:hover span {
  transition: all 1s ease-in;
  transform: rotate(360deg);
}

.confirm_delete:hover span {
  transition: all 1s ease-in;
  transform: rotate(360deg);
}

.contender-item-stats {
  text-align: center;
}
.contender-item-stats h3 {
  text-transform: uppercase;
  color: #7367f0;
  font-size: 1rem;
  margin-bottom: 0;
}
.contender-item-stats h2 {
  margin: 0 0 20px 0;
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  color: #f4167f;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: rotate(-1deg);
}
.contender-item-stats .illu-contender {
  max-width: 50%;
  margin: 0 auto;
}
.contender-item-stats .illu-contender .cover-illu-contender {
  position: relative;
  top: -20px;
  min-height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
}
.contender-item-stats .stats-contender-top {
  padding: 10px;
}
.contender-item-stats .stats-contender-top .itemstat {
  padding: 10px;
}

.divider.divider-vertical, .divider.divider-vertical .divider-text {
  background-color: transparent !important;
}

.stats-contender-globales .iconstats {
  margin-bottom: 0;
}
.stats-contender-globales .valuestat {
  align-items: start;
}
.stats-contender-globales .valuestat span {
  font-size: 1.5rem;
  margin-bottom: 5px;
}

.cta-preview-contender .btn-wording-slim {
  border-radius: 5px !important;
  padding: 6px 10px !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem;
}

.bg-label-main {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #fff !important;
}

.cover-toplist-mondiale {
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.05;
  border-radius: 10px;
}

.kl-dynam-was-reacted {
  justify-content: space-between;
}

.btn-voir-toplist-complete {
  font-size: 11px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.03);
  padding: 11px 15px;
  text-transform: none;
  width: 100%;
  border: none;
  font-weight: 600;
  transition: all 0.2s ease-in;
  line-height: 1.24rem;
}
.btn-voir-toplist-complete:hover {
  background: #7367f0;
}

.perfectScrollbar {
  padding: 10px 0;
  max-height: 350px;
  overflow-y: scroll;
}

.perfectScrollbar::-webkit-scrollbar {
  width: 2px;
}

.perfectScrollbar::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.03);
}

.perfectScrollbar::-webkit-scrollbar-thumb {
  background: #312673;
  border-radius: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.perfectScrollbar::-webkit-scrollbar-thumb:hover {
  background: #7367f0;
}

.bg-label-twitch {
  background: #7367f0;
}

.btn-cta-participer:hover {
  border-radius: 15px !important;
}

.text-rose {
  color: #f4167f !important;
}

.big-cat .heading-cat h2 {
  font-weight: 900;
  letter-spacing: 2px;
  margin: 20px 0 5px;
}

.btn-rose {
  background: #f4167f !important;
  border-color: #f4167f !important;
}
.btn-rose:hover {
  background: #f4167f !important;
  border-color: #f4167f !important;
}

.mt-10p {
  margin-top: 10px;
}

.mr-10p {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  #content-page-gv {
    overflow-x: hidden;
  }
}

.btn-emoji-cta {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1rem;
}

.btn-clair {
  background: rgba(255, 255, 255, 0.1294117647);
  border: none;
  transition: all 0.2s ease-in;
  display: inline-block;
  margin-bottom: 20px;
}
.btn-clair:hover {
  background: rgba(255, 255, 255, 0.2196078431);
}

.page-id-307095 .intro-archive h1 {
  display: block;
}

.bg-menu-theme.menu-horizontal {
  background-color: #20143c !important;
}

.bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub, .bg-menu-theme.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #20143c !important;
}

#bandeau {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #7367f0;
  text-align: center;
  padding: 5px;
  z-index: 99999999;
}
@media screen and (max-width: 767px) {
  #bandeau {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }
}
#bandeau #bandeau-text {
  font-size: 0.85rem;
  text-transform: uppercase;
  margin: 0;
  color: #fff !important;
  transition: all 0.2s ease-in;
}
#bandeau #bandeau-text:hover .va {
  margin: 0;
}
#bandeau #bandeau-text .va {
  margin: 0 5px;
  transition: all 0.2s ease-in;
}
#bandeau #close-bandeau {
  float: right;
  background-color: #FFF;
  margin-right: 1rem;
  border-radius: 3px;
  padding: 0.5px 0.3em;
  color: #f4167f;
}

.tiktok-embed {
  max-width: 100% !important;
  min-width: 100% !important;
}

#imagePlayer {
  display: none;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#message {
  background: #c338ac;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}
#message p {
  margin: 0;
}

#acf-form input {
  background: #342852;
  border: none;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
}
#acf-form .acf-field {
  padding: 0;
  border: none;
  margin: 20px 0;
}
#acf-form .acf-form-submit {
  margin: 40px 0 0 0;
  text-align: center;
}
#acf-form .acf-form-submit input {
  background: #f50384;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: 600;
}
#acf-form .acf-basic-uploader {
  width: 100%;
}

.sharetop {
  display: none;
}

.norotate {
  transform: none !important;
  margin-bottom: 5px;
}

.cta-begin-devine {
  justify-content: center !important;
}

.top_finito {
  display: none;
  padding-bottom: 150px;
}

.rs {
  width: 100%;
}
.rs ul {
  list-style: none;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0.2rem 0.3rem;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 768px) {
  .rs ul {
    gap: 0.8rem;
    justify-content: space-around;
    padding: 0.2rem 0.6rem;
  }
}
.rs ul i {
  display: grid;
  place-items: center;
  font-size: 1.4rem;
  border-radius: 50%;
  border: #7367f0 2px solid;
  width: 45px;
  height: 45px;
  transition: 0.3s all;
  color: #7367f0;
}
@media (max-width: 768px) {
  .rs ul i {
    font-size: 1rem;
    width: 35px;
    height: 35px;
  }
}
.rs ul i:hover {
  border: #f4167f 2px solid;
  color: #f4167f !important;
}

.toursgo {
  background-color: #20133c;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999999999;
  padding: 15px;
}
.toursgo a {
  display: block;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
  background: #f4167f;
  text-align: center;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.2s ease-in;
  white-space: nowrap;
}
.toursgo a:hover {
  transform: scale(1.05);
}

.image-lot {
  max-width: 100px;
  position: relative;
  left: -30px;
}

#maxVolume {
  font-size: 3em;
}

.titrage-h5 {
  color: #ffffff;
  text-transform: uppercase;
  font-style: italic;
  transform: rotate(-1deg);
  font-family: "lato";
  font-weight: 700;
  text-shadow: 2px 2px 1px #2a1f70;
  font-size: 1.25rem;
  margin: 0 20px 0 0;
}

.p-10 {
  padding: 10px !important;
}

.ba-cover-r:after {
  position: fixed;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  background-color: #0c0b27;
  opacity: 0.85;
  content: "";
}

.layout-menu-toggle img {
  width: 25px;
}

.v1vkrz {
  max-width: 100px;
  height: auto;
  position: relative;
  right: -20px;
}

.list-arguments-welcome a {
  display: block;
  transition: all 0.2s ease-in;
  position: relative;
  top: 0;
}
.list-arguments-welcome a p {
  color: #fff !important;
  text-transform: uppercase;
  width: 100%;
}
.list-arguments-welcome a .card {
  transition: all 0.2s ease-in;
}
.list-arguments-welcome a:hover .card {
  transform: rotate(2deg) scale(1.05);
  position: relative;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.badge-blue {
  background-color: rgba(159, 231, 255, 0.05) !important;
}

.cta-creation {
  margin-top: 20px;
}
.cta-creation a {
  display: inline-block;
}

.reseau-share-devine li a {
  font-size: 20px;
}

.email-link-share li a {
  font-size: 16px;
}

.bg-label-primary {
  background-color: rgba(255, 255, 255, 0.031372549) !important;
  color: #7367f0 !important;
}

.prez-vkrz {
  border-radius: 10px;
  overflow: hidden;
  border: 5px solid #f4167f;
}
.prez-vkrz iframe {
  border-radius: 10px;
  border: none;
}

.weglot-div-span {
  display: inline-block !important;
}

.liste-pays-conquete h1 {
  display: block !important;
}
.liste-pays-conquete h1 span {
  color: #f4167f;
}
.liste-pays-conquete #resultat ul li {
  list-style-type: none;
}

.do-toplist-from-toplist-mondial {
  z-index: 999;
  position: fixed;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
.do-toplist-from-toplist-mondial a {
  text-align: center;
  justify-content: center;
}

.btn-little {
  font-size: 0.75em;
  text-align: center;
  padding: 5px;
  transition: all 0.2s ease-in;
  display: block;
  background-color: rgba(255, 255, 255, 0.03);
  margin-right: 5px;
}
.btn-little:hover {
  background-color: #7367f0;
  color: #fff;
  opacity: 1;
}

.min-tournoi-footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.pushtop {
  align-items: center;
  justify-content: space-between;
}

.toplist-min-icon {
  border-radius: 30px;
  display: block;
}

.toplist-min-icon {
  /* border-radius: 30px; */
  display: inline-block;
  text-align: center;
  background: #21143d;
  margin: 0 auto;
  padding: 5px 10px;
  border-radius: 30px;
}

.min-tournoi-title {
  text-align: center;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.topState-todo {
  border-bottom: 1px solid #7367f0 !important;
}

.topState-begin {
  border-bottom: 1px solid #f7b61e !important;
}

.topState-done {
  border-bottom: 1px solid #49d557 !important;
}

.vainkeur-card a {
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  padding: 17px 10px;
  display: flex !important;
}
.vainkeur-card a:hover {
  background: #7367f0 !important;
  border: 2px solid #7367f0 !important;
  color: #fff !important;
}

.single-tournoi .btn-actions-toplist a {
  font-size: 0.65rem;
  padding: 8px 10px !important;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  width: 100%;
  background: transparent !important;
}
.single-tournoi .btn-actions-toplist a:hover {
  background: #7367f0 !important;
  border: 2px solid #7367f0 !important;
  color: #fff !important;
}
@media (max-width: 768px) {
  .single-tournoi .btn-actions-toplist {
    margin: 10px 0;
  }
}

.informations-vainkeurz h3 {
  text-transform: uppercase;
  color: #f4167f;
  font-size: 1.25rem;
  font-weight: 600;
}
.informations-vainkeurz ul {
  padding: 0;
}
.informations-vainkeurz ul li {
  list-style-type: none;
  color: #7983bb;
  font-size: 0.75em;
}
.informations-vainkeurz ul li span {
  font-size: 1.25em;
  color: #fff;
  font-weight: 600;
  display: block;
}
.informations-vainkeurz ul li a {
  color: #fff;
}
.informations-vainkeurz ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

.avatar-yt {
  max-width: 50px;
}

.perdu-btn-block {
  position: relative;
  top: 8px;
  left: -50px;
  transform: scale(0.85);
}

.scoremondial {
  color: #f4167f;
  font-weight: 600;
  font-size: 1.25rem;
}

.page-template-monitor .list-vainkeur-monitor {
  margin: 0 !important;
  padding: 0;
}
.page-template-monitor .list-vainkeur-monitor li {
  list-style-type: none;
  display: inline;
  margin: 0 2px;
  max-width: 100%;
}
.page-template-monitor .list-vainkeur-monitor a {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  transition: all 0.2s ease-in;
}
.page-template-monitor .list-vainkeur-monitor a:hover {
  color: #7367f0;
}
.page-template-monitor .header-monitor {
  text-align: center;
  padding-top: 20px;
}
.page-template-monitor .header-monitor img {
  margin: 0 auto;
  width: 450px;
  max-width: 100%;
  height: auto;
}
.page-template-monitor .content-monitor {
  margin-top: 50px;
  display: flex;
  align-items: center;
  text-align: center;
}
.page-template-monitor .content-monitor .ico4 {
  font-size: 30px;
}
.page-template-monitor .content-monitor h1 {
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 10px;
}
@media (max-width: 1200px) {
  .page-template-monitor .content-monitor h1 {
    font-size: 50px;
  }
}
@media (max-width: 768px) {
  .page-template-monitor .content-monitor h1 {
    font-size: 40px;
  }
}
.page-template-monitor .content-monitor .legende {
  font-family: "Montserrat", Helvetica, Arial, serif;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.25);
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 1200px) {
  .page-template-monitor .content-monitor .legende {
    font-size: 15px;
  }
}

.winbloc {
  flex-direction: column;
  justify-content: center;
}

.alert-success {
  background: #7367f0 !important;
  border-radius: 0;
  color: #fff !important;
  text-align: center;
}
.alert-success h4 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 800;
  font-size: 20px !important;
}

.alert-success .alert-heading {
  box-shadow: none;
}

.stats-monitor .card-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.stats-monitor .card-body h5 {
  margin: 10px 0 0 0;
}

.content-monitor .legende {
  margin: 0 !important;
}

.stats-user-level-nb .card-body {
  flex-direction: row-reverse !important;
}
.stats-user-level-nb .card-body h5 {
  margin: 0 20px 0 0;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.auth-bg .card-title {
  font-size: 1.5rem;
}

.already-account {
  text-align: center;
  margin: 0;
}

.firebaseui-idp-text {
  color: #FFF !important;
}

.firebaseui-idp-text-long {
  color: #FFF !important;
}

.firebaseui-idp-text-short {
  display: none;
}

.auth-wrapper {
  text-align: center;
  padding: 35px 0;
}
.auth-wrapper .auth-inner {
  margin: 0 auto;
}
.auth-wrapper .auth-inner .login-bloc {
  background: #2a1f70;
  border-radius: 10px;
}
.auth-wrapper .auth-inner .card-title {
  width: 100%;
}
.auth-wrapper .auth-inner .form-submit,
.auth-wrapper .auth-inner .login-submit {
  text-align: center;
}
.auth-wrapper .auth-inner .form-submit input,
.auth-wrapper .auth-inner .login-submit input {
  margin: 0 auto !important;
}
.auth-wrapper .divider {
  margin: 20px auto !important;
}

.login-form h3 {
  color: #7367f0;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}
.login-form #reset-password,
.login-form #updatePassword {
  width: 36% !important;
  font-size: 0.9rem;
}
@media screen and (max-width: 768px) {
  .login-form #reset-password,
  .login-form #updatePassword {
    width: 100% !important;
  }
}

.get-connected .auth-wrapper {
  padding: 0;
}
.get-connected .auth-inner {
  max-width: 100%;
}
.get-connected .go-logIn {
  margin: 1rem auto 0.6rem;
  width: 100%;
  padding: 1rem;
  background-color: #36096d;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.5px;
  border-radius: 6px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
  transition: 0.4s;
  display: none;
}
.get-connected .go-logIn:hover {
  color: #FFF !important;
  transform: scale(0.96);
}
.get-connected .go-logIn span {
  margin-left: 3px;
  width: 1.1em !important;
  height: 1.1em !important;
}
@media (max-width: 768px) {
  .get-connected .go-logIn {
    display: inline-block;
  }
}
.get-connected .sign-up,
.get-connected .sign-in {
  padding: 1.5rem;
  border-radius: 12px;
  transform: scale(0.98);
  transition: all 0.6s;
}
.get-connected .sign-up {
  background: rgb(18, 11, 43);
  background: linear-gradient(135deg, rgb(18, 11, 43) 0%, rgb(41, 17, 70) 150%);
}
.get-connected .sign-in {
  background: rgb(18, 11, 43);
  background: linear-gradient(306deg, rgb(18, 11, 43) 0%, rgba(41, 17, 70, 0.5) 100%);
}
.get-connected .sign-up:hover,
.get-connected .sign-in:hover {
  transform: scale(1.02);
}
.get-connected .col-lg-6:nth-of-type(1):hover + .col-lg-6:nth-of-type(2) .sign-in {
  opacity: 0.3;
}
.get-connected .shade {
  opacity: 0.3;
}

.alertform {
  display: none;
}

.firebaseui-list-item {
  direction: ltr;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: left;
  text-align: center;
  display: inline-block;
}

.firebaseui-idp-list {
  flex-direction: column;
  display: flex;
  justify-content: center;
}

.firebaseui-idp-password {
  display: none;
}

.firebaseui-idp-button,
.firebaseui-tenant-button {
  background: rgba(255, 255, 255, 0.0705882353) !important;
  font-weight: 600;
  letter-spacing: 1px;
  height: auto;
  line-height: normal;
  min-height: 60px;
  padding: 8px 16px;
  text-align: left;
  width: 100%;
  border: none;
  border-radius: 49px;
  transition: all 0.2s ease-in;
  text-align: center;
}
.firebaseui-idp-button .firebaseui-idp-icon-wrapper,
.firebaseui-tenant-button .firebaseui-idp-icon-wrapper {
  margin-right: 10px;
}
.firebaseui-idp-button:hover,
.firebaseui-tenant-button:hover {
  background: #312673 !important;
}

firebase-auth .firebaseui-idp-list .firebaseui-idp-icon-wrapper {
  display: block;
  text-align: center;
}

.firebaseui-idp-icon {
  border: none;
  display: inline-block;
  height: 18px;
  vertical-align: middle;
  width: 18px;
}

.argument {
  margin-bottom: 30px;
}
.argument .argument-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.argument .argument-body p {
  margin: 0;
}
.argument .argument-body .iconstats {
  width: 30px !important;
  height: 30px !important;
  margin: 0 50px 0 0;
  transform: scale(3.5) rotate(-9deg);
}
.argument.argument-2 .argument-body .iconstats {
  margin: 0 0 0 50px;
  transform: scale(3.5) rotate(9deg);
}
.argument.argument-3 .argument-body .iconstats {
  transform: scale(3.5) rotate(0deg);
}
.argument.argument-4 .argument-body {
  text-align: left;
}
.argument.argument-4 .argument-body .iconstats {
  margin: 0 25px 0 0;
  transform: scale(2) rotate(-2deg);
}
.argument.argument-5 .argument-body {
  text-align: right;
}
.argument.argument-5 .argument-body .iconstats {
  margin: 0 0 0 25px;
  transform: scale(2) rotate(2deg);
}
.argument.argument-connexion-1 .argument-body .iconstats {
  margin: 0 75px 0 0;
  transform: scale(3.5) rotate(0);
}

.typeform iframe {
  min-height: 800px;
}

#commentform textarea, #commentform input {
  background-color: transparent !important;
}
#commentform textarea:focus, #commentform input:focus {
  background-color: transparent !important;
  border-color: #7367f0;
}

.comment-min {
  margin-bottom: 15px;
}
.comment-min .card {
  margin: 0;
}

.title-bloc {
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: flex-end;
  font-size: 1.2rem;
}
.title-bloc a {
  font-size: 0.85rem;
  color: #fff !important;
  margin-left: 10px;
  display: inline-block;
}
.title-bloc a:hover {
  color: #7367f0 !important;
}

.ml-05 {
  margin-left: 5px;
}

.sub-comment-min .card {
  margin-left: 5%;
}

.main-menu {
  border-right: 10px solid #14122f;
}
.main-menu .navbar-header {
  height: auto;
}
.main-menu .navbar-header .navbar-brand {
  position: relative;
}
.main-menu .navbar-header .badge-beta {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.main-menu .navbar-header .badge-beta .badge {
  background: #f4167f !important;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.menu-collapsed .brand-text {
  display: block !important;
}
.menu-collapsed .brand-text img {
  max-width: 60px;
  height: auto;
  position: relative;
  right: 30px;
}
.menu-collapsed .rs-menu {
  display: none;
}
.menu-collapsed .badge-beta {
  display: none;
}
.menu-collapsed .expanded img {
  max-width: 100%;
  height: auto;
  position: inherit;
  right: unset;
}
.menu-collapsed .expanded .rs-menu {
  display: block;
}

.bookmark-wrapper h4 {
  font-size: 14px;
  margin-top: 5px;
}

.home .bookmark-wrapper h4 {
  margin-left: 10px;
}

.min-t-thumb {
  width: 60px;
  margin-right: 10px;
}

.value-user-stats {
  font-size: 1.07rem;
  font-weight: 500;
  line-height: 1.2;
}

.user-niveau {
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.avatar .avatar-picture {
  display: block;
  height: 40px;
  width: 40px;
  background-size: cover;
  background-color: #7367f0;
  border-radius: 50%;
}

.toplist_comments .avatar-picture {
  height: 35px;
  width: 35px;
}

.main-menu.menu-dark .navigation .navigation-header span {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.45);
}

.dark-layout .main-menu-content .navigation-main li a {
  color: #fff !important;
}

.dark-layout .main-menu-content .navigation-main li a.btn-outline-primary {
  border: 1px solid #7367f0 !important;
  background-color: transparent !important;
  color: #7367f0 !important;
  text-align: center !important;
}

.dark-layout .main-menu-content .navigation-main .nav-item a.btn-outline-primary i,
.dark-layout .main-menu-content .navigation-main .nav-item a.btn-outline-primary svg {
  color: #7367f0 !important;
  margin: 0 auto;
  text-align: center !important;
}

.rs-menu a {
  padding: 10px;
  min-width: auto;
  cursor: pointer;
}

.bg-menu-theme a {
  font-family: "Montserrat", Helvetica, Arial, serif !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.15px;
}

.menu-sub {
  background-color: #312673 !important;
  box-shadow: none !important;
  border-radius: 0 0 0.375rem 0.375rem !important;
}

.dropdown-menu {
  background-color: #312673 !important;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.2);
}

.iconmenu {
  width: 25px;
}

.menu-horizontal .menu-item .menu-toggle::after {
  right: 1.2rem;
}

.menu-inner {
  align-items: center;
}

.rechercher-form {
  position: relative;
}
.rechercher-form .rechercher-input {
  width: 100%;
  border: none !important;
  border-radius: 0.358rem;
  background: linear-gradient(to bottom right, #6F1CB5, #5E16BF) !important;
  transition: 0.3s border-bottom;
}
.rechercher-form .rechercher-input:focus, .rechercher-form .rechercher-input:valid, .rechercher-form .rechercher-input:active {
  background: linear-gradient(to bottom right, #6F1CB5, #5E16BF) !important;
}
.rechercher-form .rechercher-input::-moz-placeholder {
  font-size: 12px;
  color: #CEBBE4 !important;
}
.rechercher-form .rechercher-input::placeholder {
  font-size: 12px;
  color: #CEBBE4 !important;
}
.rechercher-form .rechercher-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  width: 10px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
  background-size: 10px 10px;
  position: absolute;
  right: 3rem;
  top: 38%;
}
.rechercher-form .go-input {
  position: absolute;
  border: none !important;
  right: 4%;
  top: 0;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  width: 1.5rem;
}

.nav-toggle {
  width: 100%;
}
.nav-toggle a {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 100%;
  margin: 0 !important;
  border: none !important;
  padding: 5px !important;
  display: block;
  letter-spacing: 2px;
  color: #7367f0;
  text-transform: uppercase;
}
.nav-toggle a span {
  margin-right: 5px;
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
  width: 15rem;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .header-navbar .navbar-nav {
    width: 40%;
  }
  .mt-3px {
    margin-top: 3px;
  }
}
@media (max-width: 500px) {
  .header-navbar .navbar-nav {
    width: 60%;
  }
}
.linktohomemob {
  position: fixed;
}

@media (max-width: 768px) {
  .layout-navbar .container-xxl {
    padding: 0;
  }
}
.app-brand-mobile {
  width: 80px;
  display: block;
  margin-right: 10px;
}
.app-brand-mobile img {
  top: 12px;
  left: 5px;
}

.single-tournoi .tournoi-content {
  text-align: center;
  position: relative;
}
@media (max-width: 768px) {
  .single-tournoi .tournoi-content + .infos-toplist {
    position: fixed;
    display: flex;
    text-align: center;
    flex-direction: row !important;
    justify-content: center;
    align-items: flex-end;
    width: auto;
    z-index: 20;
    left: 0;
    bottom: 7%;
    margin: 0;
    padding: 0;
  }
}
.single-tournoi .tournoi-content .title-contender {
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  margin: 30px 0 0 0;
}
.single-tournoi .tournoi-content .save-top {
  display: flex;
  justify-content: center;
  -moz-column-fill: balance;
       column-fill: balance;
  align-items: center;
  flex-direction: row-reverse;
  background-color: #fff;
  padding: 0.3em 0.5em;
  border: 1px solid #EA9E24;
  cursor: pointer;
  margin-top: 3px !important;
}
.single-tournoi .tournoi-content .save-top i {
  width: 20px !important;
  height: 20px !important;
}
.single-tournoi .tournoi-content .save-top span {
  display: none;
  margin: 0 0 0 5px;
  color: #EA9E24;
  font-size: 11px;
  font-weight: bolder;
}
.single-tournoi .tournoi-content .save-top:hover span {
  display: block;
}

.avatar-group {
  overflow: visible !important;
}
.avatar-group .avatar {
  padding: 2px;
}
.avatar-group .avatar.pull-up:hover {
  transform: translateY(-4px) scale(1.2);
}

.stepbarcontent {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 10px;
  background: rgba(255, 255, 255, 0.1450980392);
}

.stepbar {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 10px;
  background: #7367f0;
  width: 0;
  transition: all 1s ease-in-out;
  z-index: 999999;
}
.stepbar h5 {
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
}
.stepbar h5 span {
  font-weight: normal;
  font-size: 15px;
  text-transform: lowercase !important;
  color: #333 !important;
}
.stepbar .stepbar-content {
  position: relative;
}
.stepbar .stepbar-content span {
  position: absolute;
  right: 4px;
  top: -3px;
  color: #332478;
  font-size: 11px;
  font-weight: 600;
}

.cover_contenders {
  text-align: center;
}
.cover_contenders .cov-illu {
  margin: 0 auto;
  min-height: 440px;
  border-radius: 10px;
  background-size: cover !important;
  margin-bottom: 30px;
}

.rounded .cov-illu,
.rounded img {
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}
.rounded .contenders-containers .link-contender .contender_zone img {
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}

.contenders-containers .link-contender {
  position: relative;
  transition: all 0.2s ease-in;
  margin: 0 auto;
}
.contenders-containers .link-contender:hover {
  transform: scale(1.03);
}
.contenders-containers .link-contender .contender_zone {
  height: 100%;
  width: 100%;
  display: block;
}
.contenders-containers .link-contender .contender_zone img {
  border-radius: 10px;
  max-height: 65vh;
  transition: all 0.3s ease-in;
}
.contenders-containers .link-contender_1 .contender_zone {
  cursor: url("../../images/vkrz/cursor_l.png"), pointer !important;
}
.contenders-containers .link-contender_2 .contender_zone {
  cursor: url("../../images/vkrz/cursor_r.png"), pointer !important;
}

.contender_zone {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.contender_zone.animate__animated {
  opacity: 1;
}

.swiper-slide:hover {
  z-index: 999;
}

@media (max-width: 500px) {
  .dark-layout .swiper-container:not(.swiper-parallax) .swiper-slide {
    width: 100% !important;
  }
}

.min-tournoi {
  padding: 0;
  position: relative;
  border-radius: 5px;
  margin: 0;
  border: 2px solid transparent;
  transition: all 0.2s ease-in;
}
.min-tournoi .min-tournoi-content {
  position: relative;
}
.min-tournoi .cov-illu-container {
  overflow: hidden;
  min-height: 120px;
  position: relative;
  border-radius: 5px 5px 0 0;
}
.min-tournoi .cov-illu {
  transition: all 0.2s ease-in;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-size: cover !important;
}
.min-tournoi .content-badge-info-top {
  display: flex;
  align-items: center;
  justify-content: start;
  position: absolute;
  right: 0;
  top: -26px;
  z-index: 4;
}
.min-tournoi .content-badge-into-top-inside {
  background: #21133f;
  border-radius: 5px 0 0 0;
  padding-left: 5px;
}
.min-tournoi .badge-number-contenders {
  z-index: 2;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  font-size: 0.7rem;
}
.min-tournoi .card-title {
  margin: 0;
}
.min-tournoi .card-body {
  padding: 10px !important;
  position: relative;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 500px) {
  .min-tournoi .card-body {
    min-height: 70px;
  }
}
.min-tournoi .card-body p {
  margin-bottom: 5px;
}
.min-tournoi:hover {
  border: 2px solid #7367f0 !important;
  transform: scale(1.1) rotate(-2deg);
}

.min-tournoi-title {
  transform: scale(0.85) rotate(-1deg);
}
.min-tournoi-title h4 {
  font-size: 0.8rem;
  color: #7367f0;
  text-align: center;
  margin: 5px 0;
}
.min-tournoi-title h4 span {
  margin: 0 2px;
}
@media (max-width: 768px) {
  .min-tournoi-title h4 {
    font-size: 0.7rem;
  }
}
.min-tournoi-title h3 {
  color: #f4167f;
  font-size: 0.8rem;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  .min-tournoi-title h3 {
    font-size: 0.75rem;
  }
}

.cat-link {
  margin: 0 3px;
}

.display_battle {
  overflow: hidden;
  padding: 20px 0 10px;
}

.current_rank .demo-inline-spacing {
  justify-content: center;
}
.current_rank .demo-inline-spacing h3 {
  margin: 0;
}
.current_rank .demo-inline-spacing .avatar-group {
  margin: 0 !important;
}

.nav-tournament {
  position: fixed;
  bottom: 20px;
  right: 0;
  left: 85px;
}
.nav-tournament .btn-outline-primary:hover {
  background: #7367f0 !important;
  color: #fff !important;
}

.share-t a {
  display: inline-block;
  min-width: 40px;
  text-align: center;
}

.share-bloc .share-t a {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  min-height: 70px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.share-label {
  display: inline-block;
  color: #7367f0;
}

.content-intro {
  align-items: center;
}

.card-developer-meetup {
  background: #20153c !important;
}
.card-developer-meetup .presentationtop {
  padding: 0 20px 10px 20px;
}
.card-developer-meetup .presentationtop h2 {
  font-weight: 600;
  font-size: 17px;
  margin: 0 0 10px 0;
}
.card-developer-meetup .presentationtop h1 {
  line-height: normal;
  font-family: "Montserrat", Helvetica, Arial, serif !important;
}
.card-developer-meetup .meetup-img-wrapper {
  min-height: 320px;
  background-position: center;
  position: relative;
  background-size: cover !important;
  padding-top: 45.83%;
  overflow: hidden;
}
.card-developer-meetup .meetup-img-wrapper .badge {
  color: #fff !important;
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  text-align: right;
  top: 10px;
  left: 10px;
}
.card-developer-meetup .meetup-img-wrapper .voile_contenders {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  opacity: 0.6;
  height: 80px;
  background: rgb(12, 10, 40);
  background: linear-gradient(0deg, #0c0b27 5%, rgba(0, 0, 0, 0) 100%);
}
.card-developer-meetup .meetings {
  justify-content: space-around;
}
.card-developer-meetup .avatar-group {
  margin: 20px;
  justify-content: center;
}
.card-developer-meetup .card-footer {
  border-top: 1px solid rgb(42, 32, 89);
}
.card-developer-meetup .infos-card-t {
  justify-content: center;
}
.card-developer-meetup .infos-card-t .avatar {
  margin-right: 10px;
}
.card-developer-meetup .infos-card-t .avatar-t-single {
  width: 60px;
}
.card-developer-meetup .infos-card-t .content-body {
  display: flex;
  flex-direction: column;
}
.card-developer-meetup .infos-card-t .link-creator {
  position: relative;
  top: -2px;
  font-size: 12px;
}
.card-developer-meetup .infos-card-t .info-numbers {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: unset;
}
.card-developer-meetup .infos-card-t .info-numbers h4 {
  font-size: 0.9rem;
}
.card-developer-meetup .infos-card-t a {
  color: #fff;
  transform: scale(1);
  transition: all 0.2s ease-in-out;
}
.card-developer-meetup .infos-card-t a:hover {
  transform: scale(1.1);
}
.card-developer-meetup .list-contenders-wording {
  margin-right: 20px;
}
.card-developer-meetup .card-footer {
  padding: 10px;
}
.card-developer-meetup .card-cta {
  padding: 0 20px 20px;
}
.card-developer-meetup .card-cta .choosecta {
  display: flex;
  justify-content: center;
}
.card-developer-meetup .card-cta .choosecta .cta-begin {
  display: none;
  flex-direction: column;
  margin: 0 10px;
  width: 100%;
}
.card-developer-meetup .card-cta .choosecta .cta-begin a {
  display: inline-block;
  margin: 0 auto 10px;
  max-width: 350px;
  font-weight: 600 !important;
  letter-spacing: 1px;
  font-size: 18px;
  font-family: "Montserrat", Helvetica, Arial, serif !important;
}

.versus img {
  border-radius: 0 !important;
  max-width: 30px;
  animation: tilt-n-move-shaking 0.5s infinite;
}

@keyframes tilt-n-move-shaking {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(1px, 1px) rotate(1deg);
  }
  50% {
    transform: translate(0, 0) rotate(0eg);
  }
  75% {
    transform: translate(-1px, 1px) rotate(-1deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
.single footer.footer {
  display: none;
}

.meetup-header h4 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.meetup-header h4 span {
  margin: 0 10px;
}

.waiter, .waiter-begin {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 100000000000000000000;
  right: 0;
  left: 0;
  background: linear-gradient(150deg, #0c0a27, #471867, #0c0a27, #230b36, #0c0a27);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  padding-top: 200px;
  text-align: center;
  display: none;
  margin: 0;
}
.waiter .loader, .waiter-begin .loader {
  flex-direction: column;
}
.waiter h4, .waiter-begin h4 {
  text-transform: uppercase;
  font-size: 3rem;
  transform: rotate(-3deg);
  font-weight: 900;
  text-shadow: 4px 6px 2px rgb(41, 32, 132);
}
@media (max-width: 768px) {
  .waiter h4, .waiter-begin h4 {
    font-size: 1.5rem !important;
  }
}

.waiter-perdu {
  background: linear-gradient(150deg, #0c0a27, #471867, #0c0a27, #230b36, #0c0a27);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  right: 0;
  left: 0;
  animation: gradient 15s ease infinite;
  display: none;
}
.waiter-perdu .illu-perdu {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-size: 400px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url(../../images/vkrz/perdu-logo.png);
}
.waiter-perdu .rejouer {
  padding: 10px;
}
.waiter-perdu .rejouer a {
  display: inline-block;
}
.waiter-perdu .btn-perdu-waiter {
  text-align: center;
  background: rgba(97, 84, 167, 0.1);
  border-radius: 5px;
  padding: 6px 10px;
  transition: all 0.2s ease-in;
  margin: 5px 5px 5px;
  border: none;
  display: inline-block;
  color: #fff;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.waiter-perdu .btn-perdu-waiter:hover {
  cursor: pointer !important;
  background: #7367f0;
}

#waiter-top-step1 {
  display: block;
}

.twitch_live {
  margin-bottom: 15px;
}
.twitch_live a img {
  border-radius: 10px;
}
.twitch_live a:hover {
  transition: all 0.2s ease-in;
  transform: scale(1.1);
}

.t-sponso-container .twitch-votes-container,
.t-normal-container .twitch-votes-container {
  margin-top: 1rem;
}
.t-sponso-container .twitch-votes-container .votes-stats-p,
.t-normal-container .twitch-votes-container .votes-stats-p {
  font-size: 1.8rem;
  line-height: 100%;
  margin: 0.5rem;
}
.t-sponso-container .twitch-votes-container .votes-stats-p .votes-number,
.t-normal-container .twitch-votes-container .votes-stats-p .votes-number {
  color: #FFE160;
}
.t-sponso-container .twitch-votes-container .votes-stats-p + p,
.t-normal-container .twitch-votes-container .votes-stats-p + p {
  font-size: 1rem;
}
.t-sponso-container .twitch-votes-container .votes-container > p:first-of-type,
.t-normal-container .twitch-votes-container .votes-container > p:first-of-type {
  color: #f4167f;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.t-sponso-container .twitch-votes-container .votes-container .votes-stats,
.t-normal-container .twitch-votes-container .votes-container .votes-stats {
  color: #FFF;
  height: 80px;
  width: 80px;
  border: 1px solid #7367f0;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  outline-color: #7367f0;
  transition: all 700ms linear;
  position: relative;
}
.t-sponso-container .twitch-votes-container .votes-container .votes-stats.active,
.t-normal-container .twitch-votes-container .votes-container .votes-stats.active {
  outline-color: rgba(255, 255, 255, 0);
  text-shadow: 0 0 20px rgb(255, 255, 255);
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.2), 0 0 20px rgba(255, 255, 255, 0.3);
  outline-offset: 15px;
}
.t-sponso-container .twitch-votes-container .votes-container .votes-stats .votes-percent,
.t-normal-container .twitch-votes-container .votes-container .votes-stats .votes-percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0;
}
.t-sponso-container .twitch-votes-container .votes-container .votes-stats .votes-paragraph,
.t-normal-container .twitch-votes-container .votes-container .votes-stats .votes-paragraph {
  margin: 0 !important;
}
.t-sponso-container #countdown,
.t-normal-container #countdown {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 4rem 0;
  width: 100%;
}
.t-sponso-container #countdown .counter-for-twitch,
.t-normal-container #countdown .counter-for-twitch {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.t-sponso-container #countdown .counter-for-twitch.hide,
.t-normal-container #countdown .counter-for-twitch.hide {
  transform: translate(-50%, -50%) scale(0);
  animation: hide 0.2s ease-out;
}
.t-sponso-container #countdown .counter-for-twitch .nums,
.t-normal-container #countdown .counter-for-twitch .nums {
  color: #f4167f;
  position: relative;
  font-size: 100px;
  overflow: hidden;
  height: 80px;
}
.t-sponso-container #countdown .counter-for-twitch .nums span,
.t-normal-container #countdown .counter-for-twitch .nums span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(140deg);
  transform-origin: bottom center;
}
.t-sponso-container #countdown .counter-for-twitch .nums span.in,
.t-normal-container #countdown .counter-for-twitch .nums span.in {
  transform: translate(-50%, -50%) rotate(0deg);
  animation: goIn 0.5s ease-in-out;
}
.t-sponso-container #countdown .counter-for-twitch .nums span.out,
.t-normal-container #countdown .counter-for-twitch .nums span.out {
  animation: goOut 0.5s ease-in-out;
}
@keyframes goIn {
  0% {
    transform: translate(-50%, -50%) rotate(120deg);
  }
  30% {
    transform: translate(-50%, -50%) rotate(-20deg);
  }
  60% {
    transform: translate(-50%, -50%) rotate(10deg);
  }
  90%, 100% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
@keyframes goOut {
  0%, 30% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  60% {
    transform: translate(-50%, -50%) rotate(20deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-120deg);
  }
}
.t-sponso-container #countdown .counter-for-twitch h4,
.t-normal-container #countdown .counter-for-twitch h4 {
  font-size: 2rem !important;
}
.t-sponso-container #countdown .final,
.t-normal-container #countdown .final {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.t-sponso-container #countdown .final.show,
.t-normal-container #countdown .final.show {
  transform: translate(-50%, -50%) scale(1);
  animation: show 0.3s ease-in;
  padding-bottom: 5rem;
}
@keyframes hide {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) scale(0);
  }
}
.t-sponso-container .mode-alert,
.t-normal-container .mode-alert {
  display: block;
  margin: -15px 0 2rem;
  color: rgba(234, 83, 86, 0.5176470588);
}
.t-sponso-container .twitchGamesWinnerContainer,
.t-normal-container .twitchGamesWinnerContainer {
  padding: 40px 0;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.t-sponso-container .twitchGamesWinnerContainer.show,
.t-normal-container .twitchGamesWinnerContainer.show {
  transform: translate(-50%, -50%) scale(1);
  animation: show 0.3s ease-in;
}
.t-sponso-container .twitchGamesWinnerName,
.t-normal-container .twitchGamesWinnerName {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 140px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}
.t-sponso-container .twitchGamesWinnerName.confetti > .particle,
.t-normal-container .twitchGamesWinnerName.confetti > .particle {
  opacity: 0;
  position: absolute;
  animation: confetti 3s ease-in infinite;
}
.t-sponso-container .twitchGamesWinnerName.confetti > .particle.c1,
.t-normal-container .twitchGamesWinnerName.confetti > .particle.c1 {
  background-color: #d13447;
}
.t-sponso-container .twitchGamesWinnerName.confetti > .particle.c2,
.t-normal-container .twitchGamesWinnerName.confetti > .particle.c2 {
  background-color: #ffbf00;
}
.t-sponso-container .twitchGamesWinnerName.confetti > .particle.c3,
.t-normal-container .twitchGamesWinnerName.confetti > .particle.c3 {
  background-color: #263672;
}
.t-sponso-container .twitchGamesWinnerName.confetti > .particle.c4,
.t-normal-container .twitchGamesWinnerName.confetti > .particle.c4 {
  background-color: #0d963d;
}
.t-sponso-container .twitchGamesWinnerName::before,
.t-normal-container .twitchGamesWinnerName::before {
  content: url("https://vainkeurz.com/wp-content/uploads/2023/11/crown.png");
  position: absolute;
  width: 100px;
  height: 100px;
  display: inline-block;
  transform: scale(0.05) rotate(45deg);
  right: -10%;
  top: -70%;
}
@keyframes confetti {
  0% {
    opacity: 0;
    transform: translateY(0%) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  35% {
    transform: translateY(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(2000%) rotate(1440deg);
  }
}
@keyframes show {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    transform: translate(-50%, -50%) scale(1.4);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.t-sponso-container .twitch-overlay,
.t-normal-container .twitch-overlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: linear-gradient(210deg, rgba(12, 10, 39, 0.8705882353) 40%, rgba(35, 11, 54, 0.99) 100%) fixed;
  border: 8px solid #f4167f;
  border-radius: 12px;
  box-shadow: 2px 2px 32px 1px #f4167f inset;
}
.t-sponso-container .twitch-overlay .card-twitch-gift,
.t-normal-container .twitch-overlay .card-twitch-gift {
  margin-top: 3.8rem;
  background: #0F0E23;
  box-shadow: 0px 0px 25px 4px rgba(88, 72, 163, 0.5);
}
.t-sponso-container .twitch-overlay .card-twitch-gift .card-header,
.t-normal-container .twitch-overlay .card-twitch-gift .card-header {
  position: relative;
}
.t-sponso-container .twitch-overlay .card-twitch-gift .card-header h3,
.t-normal-container .twitch-overlay .card-twitch-gift .card-header h3 {
  position: absolute;
  top: -25px;
  left: 8%;
  width: 78%;
  margin: 0 auto;
  padding: 10px;
  background: #7167E8;
  font-size: 20px;
  transform: rotate(-2deg);
  border-radius: 10px;
  z-index: 1;
  text-transform: uppercase;
  font-weight: 700;
}
.t-sponso-container .twitch-overlay .card-twitch-gift .card-header .va,
.t-normal-container .twitch-overlay .card-twitch-gift .card-header .va {
  position: absolute;
  top: -39px;
  right: 6.5%;
  z-index: 1;
}
.t-sponso-container .twitch-overlay .table-twitch-gift,
.t-normal-container .twitch-overlay .table-twitch-gift {
  position: relative;
  margin-top: 3rem;
}
.t-sponso-container .twitch-overlay .table-twitch-gift > :not(caption) > * > *,
.t-normal-container .twitch-overlay .table-twitch-gift > :not(caption) > * > * {
  border-bottom: 0.5px solid #6f63e8 !important;
}
.t-sponso-container .twitch-overlay .table-twitch-gift th, .t-sponso-container .twitch-overlay .table-twitch-gift td,
.t-normal-container .twitch-overlay .table-twitch-gift th,
.t-normal-container .twitch-overlay .table-twitch-gift td {
  padding: 9.5px;
  text-align: left;
  border-left: none !important;
  font-size: 20px;
}
.t-sponso-container .twitch-overlay .table-twitch-gift tbody th:first-child, .t-sponso-container .twitch-overlay .table-twitch-gift td:first-child,
.t-normal-container .twitch-overlay .table-twitch-gift tbody th:first-child,
.t-normal-container .twitch-overlay .table-twitch-gift td:first-child {
  border-right: 0.5px solid #6f63e8 !important;
  border-top: 0.5px solid #6f63e8 !important;
}
.t-sponso-container .twitch-overlay .table-twitch-gift tbody th:last-child, .t-sponso-container .twitch-overlay .table-twitch-gift td:last-child,
.t-normal-container .twitch-overlay .table-twitch-gift tbody th:last-child,
.t-normal-container .twitch-overlay .table-twitch-gift td:last-child {
  border-left: 0.5px solid #6f63e8 !important;
  border-top: 0.5px solid #6f63e8 !important;
}
.t-sponso-container .twitch-overlay .table-twitch-gift tbody tr td:last-of-type,
.t-normal-container .twitch-overlay .table-twitch-gift tbody tr td:last-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.t-sponso-container .twitch-overlay .table-twitch-gift tr:last-child,
.t-normal-container .twitch-overlay .table-twitch-gift tr:last-child {
  border-bottom: 0.5px solid #6f63e8 !important;
}
.t-sponso-container .twitch-overlay .table-twitch-gift thead tr th,
.t-normal-container .twitch-overlay .table-twitch-gift thead tr th {
  border-top: none !important;
  color: #6f63e8 !important;
  font-size: 10px;
}
.t-sponso-container .twitch-overlay .table-twitch-gift thead tr th:last-of-type,
.t-normal-container .twitch-overlay .table-twitch-gift thead tr th:last-of-type {
  border-left: 0.5px solid #6f63e8 !important;
}
.t-sponso-container .twitch-overlay .table-twitch-gift tr.active,
.t-normal-container .twitch-overlay .table-twitch-gift tr.active {
  color: #f4167f !important;
}
.t-sponso-container .twitch-overlay .table-twitch-gift tr.active td:last-of-type .va,
.t-normal-container .twitch-overlay .table-twitch-gift tr.active td:last-of-type .va {
  display: block !important;
}
.t-sponso-container .twitch-overlay .table-twitch-gift caption p,
.t-normal-container .twitch-overlay .table-twitch-gift caption p {
  display: inline;
  margin-top: 1px;
  margin-left: 10px;
  font-size: 10.5px;
  color: #342B63;
}
.t-sponso-container .twitch-overlay > *,
.t-normal-container .twitch-overlay > * {
  flex-basis: 40%;
}
.t-sponso-container .twitch-overlay div:nth-of-type(2),
.t-normal-container .twitch-overlay div:nth-of-type(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.t-sponso-container .twitch-overlay div:nth-of-type(2) h4:first-of-type,
.t-normal-container .twitch-overlay div:nth-of-type(2) h4:first-of-type {
  margin-bottom: 6rem;
}
.t-sponso-container .twitch-overlay > h4:first-of-type,
.t-normal-container .twitch-overlay > h4:first-of-type {
  font-size: 1.6rem;
  color: #861053;
}
.t-sponso-container .twitch-overlay .btn-lg,
.t-normal-container .twitch-overlay .btn-lg {
  font-size: 1.3rem !important;
}
.t-sponso-container .twitch-overlay #participants-overlay,
.t-normal-container .twitch-overlay #participants-overlay {
  font-size: 2rem;
  position: relative;
  width: 80%;
}
.t-sponso-container .twitch-overlay #participants-overlay::after,
.t-normal-container .twitch-overlay #participants-overlay::after {
  content: attr(data-content);
  position: absolute;
  top: -14%;
  left: 2%;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.t-sponso-container #begin_t,
.t-sponso-container #begin_top3,
.t-normal-container #begin_t,
.t-normal-container #begin_top3 {
  transition: all 0.3s ease 0s;
}
.t-sponso-container #begin_t.pulsate,
.t-sponso-container #begin_top3.pulsate,
.t-normal-container #begin_t.pulsate,
.t-normal-container #begin_top3.pulsate {
  background-image: linear-gradient(47deg, #c821a6, #8d25c2) !important;
  border: transparent 2px solid !important;
  animation: pulsate 2s infinite !important;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    box-shadow: none;
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.25);
  }
  100% {
    transform: scale(1);
    box-shadow: none;
  }
}
.t-sponso-container .beforeDelete,
.t-normal-container .beforeDelete {
  animation-name: delete;
  animation-duration: 4s;
  transition: all 0.2s;
}
@keyframes delete {
  25% {
    color: #EA5455;
    visibility: visible;
  }
  50% {
    color: #fff;
    visibility: visible;
  }
  75% {
    color: #EA5455;
    visibility: visible;
  }
}
.t-sponso-container .blur,
.t-normal-container .blur {
  filter: blur(8px);
  -webkit-filter: blur(8px);
}
.t-sponso-container #ranking-player,
.t-normal-container #ranking-player {
  max-width: 100% !important;
}
.t-sponso-container #ranking-player h4,
.t-normal-container #ranking-player h4 {
  color: #7367f0 !important;
  font-size: 1rem;
  text-align: left;
  margin: 0;
  margin-bottom: 6px !important;
}
.t-sponso-container #ranking-player table,
.t-normal-container #ranking-player table {
  background: linear-gradient(181deg, rgba(238, 19, 207, 0) 0%, rgba(166, 1, 214, 0.5) 100%);
}
.t-sponso-container #ranking-player .voted,
.t-normal-container #ranking-player .voted {
  color: #7367f0 !important;
  font-weight: bold !important;
}
.t-sponso-container #ranking-player .table > :not(caption) > * > *,
.t-normal-container #ranking-player .table > :not(caption) > * > * {
  font-size: 1.3vh !important;
}
.t-sponso-container #ranking-player .table-points tbody,
.t-normal-container #ranking-player .table-points tbody {
  display: block;
  max-height: 100vh;
  overflow-y: auto;
}
.t-sponso-container #ranking-player .table-points thead,
.t-sponso-container #ranking-player .table-points tbody tr,
.t-normal-container #ranking-player .table-points thead,
.t-normal-container #ranking-player .table-points tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.t-sponso-container #participants,
.t-normal-container #participants {
  background: linear-gradient(181deg, rgba(238, 19, 207, 0) 0%, rgba(166, 1, 214, 0.5) 100%);
}
.t-sponso-container #participants .card-title,
.t-normal-container #participants .card-title {
  color: #7367f0 !important;
  font-size: 1rem;
}
.t-sponso-container #participants .card-title.elimines,
.t-normal-container #participants .card-title.elimines {
  color: #903334 !important;
  margin-top: 6px;
}
.t-sponso-container #participants .card-body,
.t-normal-container #participants .card-body {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  padding: 0;
}
.t-sponso-container #participants .card-body .card-element,
.t-normal-container #participants .card-body .card-element {
  flex: 1;
  font-size: 1.3vh;
  padding: 0.5rem;
}
.t-sponso-container #participants .card-body .card-element:not(:last-of-type),
.t-normal-container #participants .card-body .card-element:not(:last-of-type) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

body {
  overflow-x: hidden !important;
}

.swal2-container {
  position: fixed !important;
  z-index: 1000000 !important;
}

.top-big .min-tournoi .cov-illu {
  min-height: 220px;
}

.tools-top {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.prez-top {
  position: relative;
  z-index: 2;
}

.tournament-heading {
  position: relative;
  text-align: center;
}
.tournament-heading h1 {
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  color: #7367f0;
  margin-bottom: 5px;
}
.tournament-heading .text-muted {
  color: #fff !important;
}

.t-min-sponso {
  border-radius: 7px;
}

.tournoi-content-final {
  text-align: center;
  margin: 0;
}

.current_ranking .avatar .avatar-content {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 0.857rem;
  background-color: #0c0b27 !important;
  border: none;
  color: #6f63e8;
}
.current_ranking .avatar .avatar-content img {
  border: none;
}

.top-resume-tool {
  text-align: center;
}

.imgcado {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 80%;
  height: 150px;
  margin: 0 auto;
}

.size-less-2 h1 {
  font-size: 1rem;
}

.choosecta .btnprepa {
  background: transparent !important;
  border: 1px dashed #fff !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

.compterequis {
  text-align: center;
}
.compterequis em {
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  display: inline-block;
  color: #7367f0;
}

.data-top {
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-top h5 {
  margin: 0;
}
.data-top i {
  width: 20px;
  height: 20px;
}

.notsaved .va-avis {
  display: none;
}
.notsaved .va-star {
  display: block;
}

.saved .va-avis {
  display: block;
}
.saved .va-star {
  display: none;
}

.tournoi-content {
  padding-bottom: 100px;
}

.twitch-possible .btnstarttwitch {
  position: relative;
  border: none;
  border-radius: 30px !important;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 600;
  text-align: center;
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
  padding: 12px 20px;
  margin-bottom: 15px;
  transition: all 0.2s ease-in;
}
.twitch-possible .btnstarttwitch:hover {
  border: 2px solid #b641f5;
  background: #b641f5;
}
.twitch-possible .va-twitch-gift-game {
  position: absolute;
  right: 15px;
  top: 13px;
}

.modeGameTwitchBtn {
  position: relative;
}
.modeGameTwitchBtn > .va-twitch-gift-game:last-of-type {
  position: absolute;
  right: 12px;
  top: 15px;
}

.card-top-presentation .card-footer {
  padding: 10px !important;
}

.final.show {
  display: flex;
  align-items: center;
  justify-content: center;
}

.twitchGamesWinnerContainer .buttons {
  display: flex;
  justify-content: center;
}

.popup-twitch-games-ranking .popup-header {
  top: -85px;
}

.top-question {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 20px 20px 20px;
  color: #f4167f;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: rotate(-1deg);
}

.top-title-question-home {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-size: 1.7rem;
  text-align: center;
  text-transform: uppercase;
  margin: 10px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: rotate(-1deg);
}
.top-title-question-home a, .top-title-question-home div {
  color: #f4167f !important;
}
.top-title-question-home a em, .top-title-question-home div em {
  display: block;
  font-size: 1rem;
  color: #7367f0 !important;
}
@media (max-width: 768px) {
  .top-title-question-home {
    font-size: 1rem;
  }
  .top-title-question-home em {
    font-size: 0.8rem !important;
  }
}

.top-title-question h1 {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-size: 1.7rem;
  text-align: center;
  text-transform: uppercase;
  margin: 0 10px 40px 10px;
  color: #f4167f !important;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: rotate(-1deg);
}
@media (max-width: 768px) {
  .top-title-question h1 {
    font-size: 1.2rem;
  }
}
.top-title-question h2 {
  font-size: 1rem;
  color: #7367f0 !important;
  margin-bottom: 0;
}

.info-numbers .text-muted {
  line-height: 15px;
}

.presentationtop {
  position: relative;
}

.list-contenders h3 {
  padding: 0 20px 0 0;
  font-family: "Lato";
  font-style: italic;
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: rotate(-2deg);
  margin: 0;
}

.versus-contenders img {
  max-width: 50px;
  margin: 0 auto;
  transform: rotate(5deg);
  animation: tilt-n-move-shaking 0.5s infinite;
}

.barretop {
  position: fixed;
  bottom: 0;
  padding: 10px 0;
  background: #0c0b27;
  color: #fff;
  right: 0;
  left: 0;
  z-index: 99;
}

.cta-begin a {
  padding: 0 10px;
  width: 100%;
}

.cta-complet {
  text-align: center;
}
.cta-complet a {
  padding: 0 10px;
  width: 100%;
}

.listingchoice h6 {
  color: #7983bb;
  font-size: 0.85rem;
  text-align: center;
}

#choosenumbertop {
  justify-content: start;
  display: none;
  flex-direction: column;
}
#choosenumbertop .form-check {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: rgba(255, 255, 255, 0.031372549);
  padding: 10px;
  border-radius: 10px;
  margin: 0 0 5px 0;
  border: 2px solid transparent;
  cursor: pointer;
}
#choosenumbertop .form-check .form-check-input {
  display: none;
}
#choosenumbertop .form-check.choicetop1-bloc, #choosenumbertop .form-check.choicetop3-bloc, #choosenumbertop .form-check.choicetopcomplet-bloc {
  position: relative;
  display: none;
}
#choosenumbertop .form-check.choicetop1-bloc .va-twitch-gift-game:last-of-type, #choosenumbertop .form-check.choicetop3-bloc .va-twitch-gift-game:last-of-type, #choosenumbertop .form-check.choicetopcomplet-bloc .va-twitch-gift-game:last-of-type {
  position: absolute;
  top: 16px;
  right: 10px;
}
#choosenumbertop .form-check .form-check-input {
  float: none;
  margin: 0 5px 0 0;
}
#choosenumbertop .form-check .info-check {
  display: flex;
  text-transform: uppercase;
}
#choosenumbertop .form-check .info-check label {
  font-size: 0.9rem;
}
#choosenumbertop .form-check .text-muted {
  font-size: 0.7rem;
  position: relative;
  text-align: center;
}
#choosenumbertop .form-check:hover {
  border: 2px solid #312673;
  background: rgba(255, 255, 255, 0.031372549);
}
#choosenumbertop .form-check.choice-mode-top-actif {
  background: #312673;
}

.btn-cta-starttop {
  align-items: center;
  justify-content: center;
}

.top-precision p {
  margin-bottom: 0;
  font-size: 0.8rem;
}

.t-sponso-banner {
  padding: 0;
}

.fade-in {
  opacity: 1 !important;
}

.fade-out {
  opacity: 0 !important;
}

#waiter-top {
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}

.list-contenders-hidden .ps__rail-x {
  display: none;
}

#contenders-scrollbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
}
#contenders-scrollbar .contender-single-list {
  flex: 0 0 calc(25% - 10px); /* 25% for 4 items per line minus gap */
  max-width: calc(25% - 10px); /* Same as above */
  box-sizing: border-box;
}
#contenders-scrollbar .contender-single-list img {
  border-radius: 5px;
}

.btn-cta-starttop h3 {
  padding: 40px 10px 10px;
  font-family: "Lato";
  font-style: italic;
  font-weight: 800;
  font-size: 17px;
  line-height: 29px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: rotate(-2deg);
  margin: 0 !important;
}
.btn-cta-starttop .toplist-icon {
  position: absolute;
  top: -20px;
  text-align: center;
  width: 100%;
}
.btn-cta-starttop .toplist-icon img {
  max-width: 40px;
  margin: 0 auto;
}

.modes-jeu-twitch__content-btns {
  display: none;
}
.modes-jeu-twitch__content-btns button {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.031372549);
  padding: 10px;
  border-radius: 10px;
  border: 2px solid transparent;
  width: 100%;
  text-transform: uppercase;
  font-size: 1rem;
}
.modes-jeu-twitch__content-btns button small {
  display: block;
  text-align: left;
  font-size: 0.8em;
  text-transform: none;
  margin-top: 3px;
}
.modes-jeu-twitch__content-btns button:hover {
  border: 2px solid #312673;
  background: rgba(255, 255, 255, 0.031372549);
}
.modes-jeu-twitch__content-btns button.active-twitch-mode {
  background: #312673;
}

.choosecta .twitch-icon-tbegin {
  display: none;
}

.cta-begin {
  display: none;
}

.top_is_sponso #choosenumbertop {
  display: none !important;
}
.top_is_sponso .twitch-possible .separate {
  display: none !important;
}

.choosecta a {
  text-align: center;
  justify-content: center;
}

.box-recommencer a {
  width: auto !important;
  text-align: center;
  display: inline-block;
  transform: scale(0.8);
}

.contender-item {
  background-size: contain !important;
  background-repeat: no-repeat;
  position: relative;
  background-position: center;
  margin-bottom: 10px;
  border-radius: 5px;
  margin: 5px;
  transition: all 0.2s ease-in;
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s;
  border: 2px solid transparent;
}
.contender-item:hover {
  border: 2px solid #230b36;
}
.contender-item .remove-contender-icon {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 2px 7px;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 1.1;
  border-radius: 50%;
  background-color: #ffffff;
  color: #000;
}
@media (max-width: 768px) {
  .contender-item .remove-contender-icon {
    padding: 0 1.5px;
    line-height: 0.8;
  }
}

#modalcontenders .modal-content {
  overflow: hidden;
}
#modalcontenders .modal-body {
  border-radius: 10px 10px 0 0;
  padding: 20px 20px 0 20px;
}
#modalcontenders .modal-footer {
  border-radius: 0 0 10px 10px;
}
#modalcontenders .alert-two-contenders {
  font-size: 0.9rem;
}

.cov-illu-sponso {
  min-height: 150px;
  background-size: cover !important;
  border-radius: 7px 7px 0 0;
}

.modal-view {
  transition: all 0.2s ease-in;
  cursor: pointer;
}
.modal-view:hover {
  background: rgba(255, 255, 255, 0.0509803922);
  border-radius: 5px;
  padding: 5px;
}

.devine-votes-steps {
  font-family: "Poppins", sans-serif;
  margin-top: 2rem;
  transform: translateX(-5px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.devine-votes-steps img:first-of-type {
  position: relative;
  z-index: 2;
  transform: translateY(34px) translateX(13.5px);
}
.devine-votes-steps p {
  font-size: 16.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  margin: 0 0 0.6rem 0.6rem;
}
.devine-votes-steps h4 {
  font-size: 34px;
  font-style: normal;
  font-weight: 800;
  line-height: 31.24px;
  text-transform: uppercase;
  margin-left: 0.6rem;
  text-align: center;
}
.devine-votes-steps h4.title-devine-vote-finish {
  font-size: 19px;
  font-style: normal;
  font-weight: 800;
  line-height: 31.24px;
  text-transform: uppercase;
  margin-left: 30px;
  text-align: left;
  position: relative;
  top: 40px;
}
.devine-votes-steps h4.title-devine-vote-finish .scoremondial {
  color: #f4167f;
  font-weight: 600;
  font-size: 2rem;
  display: block;
}
.devine-votes-steps .outer-progress-bar {
  height: 50px;
  width: 100%;
  border-radius: 5.785px;
  background: #1D1434;
  box-shadow: 0px 0px 0px 0.723px rgba(255, 255, 255, 0.15) inset;
  display: grid;
  position: relative;
  z-index: 1;
}
.devine-votes-steps .outer-progress-bar .inner-progress-bar {
  margin: auto 0;
  height: 80%;
  width: 0%;
  border-radius: 5.785px;
  background: #FE1774;
  transition: 0.3s all;
}
.devine-votes-steps .outer-progress-bar .inner-progress-bar.inner-progress-bar-finish {
  background: #86D7F1;
  width: 98% !important;
}
.devine-votes-steps .outer-progress-bar .text-progress-bar {
  position: absolute;
  right: 10px;
  top: 19%;
  color: #FE1774;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 31.24px;
}
.devine-votes-steps .outer-progress-bar .text-progress-bar.text-progress-bar-finish {
  right: 35%;
  color: #ffffff;
}

.perdu-btn {
  background: rgba(255, 255, 255, 0.0392156863);
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

.vote-byvoice-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  flex-direction: column;
  color: #FFF !important;
  transform: translateY(-250px);
}
.vote-byvoice-container #meter {
  width: 50px;
  height: 200px;
  background-color: rgba(255, 255, 255, 0.0588235294);
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.vote-byvoice-container #level {
  width: 100%;
  height: 0;
  background-color: #76ff03;
  position: absolute;
  bottom: 0;
  transition: height 0.1s ease;
}
.vote-byvoice-container #volume {
  margin-top: 20px;
  font-size: 24px;
}
.vote-byvoice-container .buttons {
  margin-top: -10px;
}
.vote-byvoice-container .buttons button:not(.btn.btn-label-danger):not(.btn.btn-label-warning) {
  margin: 0 10px;
  text-align: center;
  background: rgba(97, 84, 167, 0.1);
  border-radius: 5px;
  padding: 6px 10px;
  transition: all 0.2s ease-in;
  margin: 5px 5px 5px;
  border: none;
  display: inline-block;
  color: #fff;
  font-size: 0.7rem !important;
}
.vote-byvoice-container .buttons button:not(.btn.btn-label-danger):not(.btn.btn-label-warning):hover, .vote-byvoice-container .buttons button:not(.btn.btn-label-danger):not(.btn.btn-label-warning):active, .vote-byvoice-container .buttons button:not(.btn.btn-label-danger):not(.btn.btn-label-warning):focus {
  color: #fff;
  background-color: #7367f0;
}
.vote-byvoice-container .btn.btn-label-danger,
.vote-byvoice-container .btn.btn-label-warning {
  font-size: 0.7rem !important;
  padding: 6px 10px !important;
  display: inline !important;
}
.vote-byvoice-container #results {
  margin-top: 20px;
  font-size: 20px;
}
.vote-byvoice-container .va-pouce-up {
  margin-left: 5px;
}

#modalcontenders .modal-dialog {
  max-width: 95% !important;
}

/* Base styles for contender_item_min */
.contender_item_min {
  position: relative;
  flex: 1 1 auto; /* Allow flexible grid behavior */
  max-width: 100%;
  padding: 0.5rem;
}

/* Contender item styling */
/* Image styling */
.contender-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}

/* Remove contender icon outside the contender-item */
.remove-contender-icon {
  position: absolute;
  top: 0px;
  right: -10px;
  background: #fff;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  height: 20px;
  width: 20px;
  text-align: center;
}
.remove-contender-icon:hover {
  background: rgb(255, 0, 0);
}

.list-contenders-items {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; /* Space between items */
  justify-content: center; /* Center the items in the container */
}

/* Responsive breakpoints for consistent sizes */
.contender_item_min {
  flex: 0 0 calc(20% - 1rem); /* Default to 5 columns with spacing */
}

@media (min-width: 992px) and (max-width: 1199px) { /* Medium screens */
  .contender_item_min {
    flex: 0 0 calc(25% - 1rem); /* 4 columns */
  }
}
@media (min-width: 768px) and (max-width: 991px) { /* Small screens */
  .contender_item_min {
    flex: 0 0 calc(33.33% - 1rem); /* 3 columns */
  }
}
@media (max-width: 767px) { /* Extra small screens */
  .contender_item_min {
    flex: 0 0 calc(50% - 1rem); /* 2 columns */
  }
}
@media (max-width: 480px) { /* Very small screens */
  .contender_item_min {
    flex: 0 0 calc(100% - 1rem); /* 1 column */
  }
}
.contenders-btn-block {
  display: none;
}

.check-btn-block {
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background: rgba(255, 255, 255, 0.031372549);
  padding: 10px;
  border-radius: 10px;
  margin: 0 0 5px 0;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.check-btn-block small {
  font-size: 0.7rem;
  position: relative;
  text-align: center;
  line-height: 0.8rem !important;
  display: block;
  margin: 5px 0 0 0;
}
.check-btn-block:hover {
  border: 2px solid #312673;
  background: rgba(255, 255, 255, 0.031372549);
}

.twitch-top #navbar-collapse, .twitch-top #layout-menu {
  display: none !important;
}
.twitch-top .logo img {
  width: 80px;
  position: relative;
  top: 43px;
}
.twitch-top .bg-navbar-theme {
  background-color: transparent !important;
}
.twitch-top .meetup-header h2 {
  display: none;
}
.twitch-top .info-top-footer {
  display: none;
}
.twitch-top .card-developer-meetup .meetup-header {
  margin-bottom: 0;
  padding: 50px 0;
}
.twitch-top .cta-begin {
  padding: 0;
}
.twitch-top .contenders-btn-block {
  display: none !important;
}

.card-presentation-top-right {
  background: #20153c !important;
}

.info-check {
  text-transform: uppercase;
}

.nb_contenders_check_btn {
  background: #7367f0;
  padding: 3px 5px;
  border-radius: 5px;
}

.laucher_t {
  font-weight: 700;
}
.laucher_t span {
  font-weight: 700 !important;
}

.padding-7 {
  padding: 0 7px !important;
}
@media (max-width: 768px) {
  .padding-7 {
    margin-bottom: 10px;
  }
}

#modalClassementMondial .modal-body {
  background-color: #0c0c26;
  border-color: #0c0c26;
}

.list-share {
  flex-wrap: wrap;
}
.list-share div {
  margin-bottom: 5px;
}
.list-share a {
  width: 45px;
  height: 45px;
  display: inline-block;
  line-height: 43px;
  padding: 0 !important;
  font-size: 20px;
}

.name {
  text-align: center;
  word-break: break-word;
}
.name h3 {
  font-size: 13px;
  color: #fff;
  margin-bottom: 5px;
}
.name h3 span {
  color: #f4167f;
}
.name h3 .ranking-title {
  color: #fff;
}
.name .pointselo {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
}
.name .pointselo .fa-angle-double-up,
.name .pointselo .fa-caret-up {
  color: greenyellow;
}
.name .pointselo .fa-angle-double-down,
.name .pointselo .fa-caret-down {
  color: red;
}

.illu {
  text-align: center;
}
.illu img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.illu .cov-illu {
  min-height: 200px;
  background-size: cover !important;
}

.star {
  opacity: 0.4;
  font-size: 20px;
  transition: opacity 0.35s;
  cursor: pointer;
  transform: scale(1);
  display: inline-block;
}
.star:hover {
  transform: scale(1.2);
}
.star.active {
  opacity: 1;
}
.star.activechoice {
  opacity: 1;
}

.startchoicedone {
  font-size: 20px;
  display: none;
}
.startchoicedone .ico {
  font-size: 20px;
  width: 15px;
}

.contenders_min:not(.rounded) .illu img {
  border-radius: 10px;
}

.merci {
  display: none;
  padding: 20px;
  text-align: center;
}

.name h5 span.pointselo {
  color: rgba(255, 255, 255, 0.5);
  display: block;
  margin: 5px 0 0 0;
  font-size: 12px;
  text-transform: lowercase;
}

.page .name h5 {
  text-align: center;
  word-break: break-word;
}
.page .name h5 span.ico {
  display: block;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: -2px;
}

.infoelomondial .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.infoelomondial .card-body h2 {
  margin: 10px 5px 0 5px;
}
@media (max-width: 768px) {
  .infoelomondial .card-body {
    flex-direction: column;
  }
}

.page-template-elo-mondial .list-classement {
  display: flex;
  align-items: end;
  justify-content: center;
  flex-wrap: wrap;
}
.page-template-elo-mondial .list-classement .contender-item {
  width: 10%;
  padding: 0 10px;
}
.page-template-elo-mondial .list-classement .contender-item.contender-item-n1 {
  width: 28%;
}
.page-template-elo-mondial .list-classement .contender-item.contender-item-n2 {
  width: 23%;
}
.page-template-elo-mondial .list-classement .contender-item.contender-item-n3 {
  width: 18%;
}
@media (max-width: 768px) {
  .page-template-elo-mondial .list-classement .contender-item {
    width: 40%;
    padding: 0 10px;
  }
  .page-template-elo-mondial .list-classement .contender-item.contender-item-n1 {
    width: 100%;
  }
  .page-template-elo-mondial .list-classement .contender-item.contender-item-n2 {
    width: 55%;
  }
  .page-template-elo-mondial .list-classement .contender-item.contender-item-n3 {
    width: 45%;
  }
}

.break {
  flex-basis: 100%;
  height: 0;
}

.label-coco {
  color: #f4167f;
}

.users-ranks .calc-resemblance {
  position: relative;
  border-radius: 0 !important;
  cursor: progress;
  pointer-events: none;
}
.users-ranks .loaded {
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
}

#twitch-games-ranking {
  top: 4.5%;
}
#twitch-games-ranking.prediction-mode-winner {
  top: 0;
}
#twitch-games-ranking.prediction-mode-winner .popup {
  background-color: transparent !important;
}

.popup-twitch-games-ranking {
  box-shadow: unset !important;
  min-height: 24vh;
  position: relative;
}
.popup-twitch-games-ranking .popup-header {
  top: -45px;
}
.popup-twitch-games-ranking .dataTables_filter input {
  width: 100% !important;
  box-sizing: border-box;
}

.popup-twitch-games-ranking,
.twitch-games-popup {
  position: relative;
  width: 700px !important;
}
.popup-twitch-games-ranking .close-popup,
.twitch-games-popup .close-popup {
  top: -15px !important;
}
.popup-twitch-games-ranking .go-to-tirage-vkrz-btn,
.twitch-games-popup .go-to-tirage-vkrz-btn {
  font-size: 0.98rem;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bolder !important;
}
.popup-twitch-games-ranking .twitchGamesWinnerContainer,
.twitch-games-popup .twitchGamesWinnerContainer {
  padding: 40px 0;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.popup-twitch-games-ranking .twitchGamesWinnerContainer.show,
.twitch-games-popup .twitchGamesWinnerContainer.show {
  transform: translate(-50%, -50%) scale(1);
  animation: show 0.3s ease-in;
}
.popup-twitch-games-ranking .twitchGamesWinnerName,
.twitch-games-popup .twitchGamesWinnerName {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 120px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}
.popup-twitch-games-ranking .twitchGamesWinnerName.confetti > .particle,
.twitch-games-popup .twitchGamesWinnerName.confetti > .particle {
  opacity: 0;
  position: absolute;
  animation: confetti 3s ease-in infinite;
}
.popup-twitch-games-ranking .twitchGamesWinnerName.confetti > .particle.c1,
.twitch-games-popup .twitchGamesWinnerName.confetti > .particle.c1 {
  background-color: #d13447;
}
.popup-twitch-games-ranking .twitchGamesWinnerName.confetti > .particle.c2,
.twitch-games-popup .twitchGamesWinnerName.confetti > .particle.c2 {
  background-color: #ffbf00;
}
.popup-twitch-games-ranking .twitchGamesWinnerName.confetti > .particle.c3,
.twitch-games-popup .twitchGamesWinnerName.confetti > .particle.c3 {
  background-color: #263672;
}
.popup-twitch-games-ranking .twitchGamesWinnerName.confetti > .particle.c4,
.twitch-games-popup .twitchGamesWinnerName.confetti > .particle.c4 {
  background-color: #0d963d;
}
.popup-twitch-games-ranking .twitchGamesWinnerName::before,
.twitch-games-popup .twitchGamesWinnerName::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  display: inline-block;
  transform: scale(0.03) rotate(45deg);
  right: -7%;
  top: -30%;
}
@keyframes confetti {
  0% {
    opacity: 0;
    transform: translateY(0%) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  35% {
    transform: translateY(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(2000%) rotate(1440deg);
  }
}
.popup-twitch-games-ranking .dataTables_filter input,
.twitch-games-popup .dataTables_filter input {
  width: 50% !important;
  display: block !important;
  margin: 0 auto !important;
  background-color: rgba(255, 255, 255, 0.031372549) !important;
  border: none !important;
  box-shadow: none !important;
}
.popup-twitch-games-ranking .pagination a,
.twitch-games-popup .pagination a {
  background-color: rgba(255, 255, 255, 0.031372549) !important;
}
.popup-twitch-games-ranking .dataTables_wrapper .row:last-of-type > .col-md-7,
.twitch-games-popup .dataTables_wrapper .row:last-of-type > .col-md-7 {
  margin-top: 1rem;
}

.toplist-footer {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.4rem;
  position: relative;
  z-index: 1;
}
.toplist-footer .toplist-f-item {
  font-size: 1em;
  padding: 1em 2em;
  background: #7367f0;
  border-radius: 6px;
  color: #FFF !important;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}
.toplist-footer :first-child {
  text-align: center;
  flex: 1;
}

.bubbly-button {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #f4167f !important;
  color: #FFF;
  border: none;
  cursor: pointer;
  position: relative;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}
.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: "";
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -1000;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}
.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, transparent 5%, #f4167f 5%, transparent 30%), radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, transparent 10%, #f4167f 15%, transparent 5%), radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, #f4167f 5%, transparent 5%);
  background-size: 5% 5%, 10% 10%, 15% 15%, 10% 10%, 18% 18%, 5% 5%, 15% 15%, 5% 5%, 18% 18%;
}
.bubbly-button:after {
  display: none;
  bottom: -75%;
  background-image: radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, transparent 10%, #f4167f 15%, transparent 5%), radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, #f4167f 5%, transparent 5%), radial-gradient(circle, #f4167f 5%, transparent 5%);
  background-size: 10% 10%, 20% 20%, 18% 18%, 20% 20%, 10% 10%, 10% 10%, 20% 20%;
}
.bubbly-button:focus {
  outline: 0;
  transform: scale(0.95);
  background-color: #e60b72;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}
.bubbly-button:focus:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}
.bubbly-button:focus:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}
@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

.btn-show-hover {
  position: relative;
  display: inline-block;
}
.btn-show-hover .tooltiptext {
  visibility: hidden;
  opacity: 0;
  width: 122px;
  background-color: #0c0b27;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  /* Position the tooltip */
  position: absolute;
  top: -36px;
  left: -22px;
  z-index: 1;
  transition: 0.2s all linear;
}
.btn-show-hover:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.ico-social {
  width: 30px;
  display: inline-block;
}

.hide-spot {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
}

.mobile-navbar {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
}

.icons-navbar {
  background: #0c0b27;
  display: flex;
  border-radius: 0;
  padding: 10px 0;
  justify-content: space-evenly;
}
.icons-navbar .ico-nav-mobile {
  display: flex;
  align-items: center;
}
.icons-navbar .ico-nav-mobile a {
  color: #7367f0;
  transition: all 0.2s ease-in;
}
.icons-navbar .ico-nav-mobile a:hover {
  color: #fff;
}

.share-classement-content {
  position: fixed;
  bottom: -100%;
  right: 0;
  left: 0;
  transition: all 0.5s ease-in;
}
.share-classement-content h3 {
  padding: 22px 0px 8px 15px;
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  color: #f4167f;
  text-align: center;
}
.share-classement-content h3 span:not(:last-of-type) {
  margin-right: 10px;
}
.share-classement-content h3 span:last-of-type {
  margin-left: 10px;
  transform: scaleX(-1);
}
.share-classement-content p {
  text-align: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(52, 50, 73, 0.8117647059);
  opacity: 0.8;
}
.share-classement-content .close-share {
  color: rgba(255, 255, 255, 0.513);
  position: absolute;
  top: 12px;
  right: 18px;
  cursor: pointer;
  font-size: 25px;
  transition: all 0.3s;
}
.share-classement-content .close-share:hover {
  color: #f4167f;
}
.share-classement-content-box {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 1em;
}
.share-classement-content-box .left {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.share-classement-content-box .left img {
  max-width: 700px;
  height: auto;
  border-radius: 12px;
  margin-bottom: 1rem;
}
.share-classement-content-box a {
  font-family: "Montserrat", Helvetica, Arial, serif !important;
  display: inline-block;
  font-size: 18px;
  padding: 0.5em 2em;
  font-weight: bold;
  border: 2px solid rgba(255, 255, 255, 0.817);
  color: rgba(255, 255, 255, 0.762);
  border-radius: 6px;
  margin: 0.5rem 0;
  transition: 0.3s all;
  width: 100%;
}
.share-classement-content-box a i {
  margin-right: 1rem;
}
.share-classement-content-box a:hover {
  border-color: #f4167f;
  color: #f4167f;
}

.share-top-content,
.box-info-content {
  position: fixed;
  bottom: -100%;
  right: 0;
  left: 0;
  transition: all 0.5s ease-in;
  padding: 20px;
}
.share-top-content h3,
.box-info-content h3 {
  border-bottom: 1px solid #343249;
  padding: 22px 0px 20px 15px;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
.share-top-content a,
.box-info-content a {
  text-decoration: none;
  color: #ffffff;
}
.share-top-content ul,
.box-info-content ul {
  margin: 25px 50px 25px 15px;
  padding-left: 0px;
}
.share-top-content li,
.box-info-content li {
  font-family: "Lato";
  list-style-type: none;
  font-size: 18px;
  margin-top: 15px;
  border: 2px solid #fff;
  padding: 20px;
  border-radius: 10px;
}
.share-top-content li:active,
.box-info-content li:active {
  color: #f4167f;
}
.share-top-content .close-share,
.box-info-content .close-share {
  color: #fff;
  position: absolute;
  top: 17px;
  right: 20px;
  cursor: pointer;
  font-size: 25px;
}
.share-top-content .social-media,
.box-info-content .social-media {
  color: #7367f0;
  width: 30px;
  margin: 0 0 0 5px;
}
.share-top-content .card,
.box-info-content .card {
  background-color: transparent !important;
  margin-bottom: 5px;
}

.share-classement-content,
.share-top-content,
.box-info-content {
  background: linear-gradient(150deg, #0c0a27, #471867, #0c0a27, #230b36, #0c0a27);
  background-size: 400% 400%;
}

.active-box {
  z-index: 999999999;
  bottom: -0.05%;
}

.toplist-f-item {
  font-size: 1em;
  padding: 10px;
  background: #7367f0;
  border-radius: 5px;
  color: #FFF !important;
  text-transform: uppercase;
  font-weight: bold !important;
  cursor: pointer;
}

.share-toplist {
  text-align: center;
  background: rgba(255, 255, 255, 0.0196078431);
  padding: 10px;
  border-radius: 10px;
}
.share-toplist li {
  width: 100%;
}
.share-toplist li a, .share-toplist li button {
  margin: 0 10px;
  display: block;
}

.btn-wording-rose {
  background: #f4167f;
  padding: 12px 20px !important;
  transition: all 0.2s ease-in;
  border-radius: 10px;
  text-align: center;
}
.btn-wording-rose:hover {
  background: #f4167f;
  color: #fff;
  border-radius: 15px !important;
}

.infos-toplist {
  position: fixed;
  right: 20px;
  top: 20%;
  text-align: center;
  display: flex;
  flex-direction: column;
  width: auto;
  z-index: 20;
}
@media (max-width: 768px) {
  .infos-toplist {
    top: 40%;
  }
}
.infos-toplist .btn-emoji {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  background: rgba(97, 84, 167, 0.1);
  border-radius: 50%;
  padding: 0;
  transition: all 0.2s ease-in;
  margin: 5px 0;
  border: none;
  display: inline-block;
}
.infos-toplist .btn-emoji span {
  width: 40px;
  height: 40px;
}
.infos-toplist .btn-emoji:hover {
  background: #7367f0;
}
.infos-toplist .btn-emoji-wording {
  height: auto;
  border-radius: 40px;
  padding: 20px 0 !important;
  display: block;
  color: #fff;
  font-weight: 600;
  line-height: 10px;
}
.infos-toplist .btn-emoji-wording span {
  margin-bottom: 10px;
}

.ba-cover-r {
  background-size: cover !important;
  position: relative;
}
.ba-cover-r .classement {
  position: relative;
  z-index: 1;
}

.page-template-r {
  margin: 0;
}
.page-template-r .ba-cover-r {
  margin: 0;
}

.infotoplistmondiale {
  margin-bottom: 0;
}
.infotoplistmondiale h1 {
  font-size: 20px;
}
.infotoplistmondiale h2 {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 600;
}
.infotoplistmondiale h3 {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 600;
}
.infotoplistmondiale .separate {
  width: 50%;
  margin: 20px auto;
}

#comments h2 {
  font-size: 1.5rem;
  text-align: center;
}
#comments .comment-min .avatar {
  width: 70px;
  height: 70px;
}
#comments .comment-min h6 {
  margin-bottom: 0;
}
#comments #respond .avatar {
  width: 70px;
  height: 70px;
}
#comments #respond #submit-comment {
  background: #7367f0 !important;
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 5px;
  border: 2px solid #7367f0;
  transition: all 0.2s ease-in;
}
#comments #respond #submit-comment:hover {
  background: transparent !important;
  border: 2px solid #7367f0;
}

.intro-archive .text-muted {
  font-size: 0.8em;
  margin-bottom: 0;
}

.inforessemblance {
  display: flex;
  align-items: center;
  justify-content: center;
}

#ressemblance-ma-toplist-mondiale {
  margin: -1px 0 0 4px;
}

#toplistmondial .intro-archive {
  width: 800px;
}
#toplistmondial .intro-archive h1 {
  font-size: 1.5rem;
}

.already-done {
  display: none;
}

.list-classement {
  min-height: 450px;
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .list-classement {
    min-height: 300px;
    margin-bottom: 20px;
  }
}

.page-template-r #waiter-toplist {
  display: block;
}

.toplistbloc {
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}
.toplistbloc .intro-archive {
  background: linear-gradient(#312673, #312673) 50% 50%/calc(100% - 8px) calc(100% - 8px) no-repeat, linear-gradient(270deg, #7367f0 0%, #f4167f 100%);
  padding: 10px;
}
.toplistbloc .intro-archive h1 {
  font-size: 0.85rem;
}

.btn-wording {
  border: none;
  border-radius: 10px !important;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 20px !important;
  font-weight: 600;
  background: rgba(97, 84, 167, 0.2);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: start;
}
.btn-wording:hover {
  background: #7367f0;
}

.demo-visuel-toplist {
  transform: rotate(2deg);
  position: relative;
  top: -30px;
  right: -20px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 10px rgb(115, 103, 240);
  background-size: contain !important;
  background-repeat: no-repeat;
}
.demo-visuel-toplist img {
  opacity: 0;
}

.demo-visuel-toplist-sponso {
  box-shadow: 0 0 10px rgb(115, 103, 240);
  width: 80%;
  margin: 30px auto -40px;
  transform: rotate(-2deg);
}
@media (max-width: 768px) {
  .demo-visuel-toplist-sponso {
    width: 120%;
    margin: 30px -10% -40px;
  }
}

.demo-visuel-toplist-mobile {
  text-align: center;
  margin: 20px 0;
}
.demo-visuel-toplist-mobile img {
  transform: rotate(1deg);
  max-height: 250px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 10px rgb(115, 103, 240);
}

#toplist-single #content-page-gv {
  padding: 0 !important;
}
#toplist-single .page-template-r {
  padding: 5rem 0 3rem;
}

.share-toplist-sponso {
  box-shadow: none !important;
  background: #FFF !important;
  color: #000;
  text-align: center;
  margin-bottom: 40px;
}
.share-toplist-sponso + .recommence_toplist {
  opacity: 50%;
  transition: 0.3s all ease-in-out;
  animation: fadeAnimation 10s;
}
@keyframes fadeAnimation {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.share-toplist-sponso + .recommence_toplist:hover {
  opacity: 100%;
}
.share-toplist-sponso .demo-visuel-toplist {
  margin-top: 2.5rem;
  width: 350px;
  right: -14%;
}
.share-toplist-sponso .demo-visuel-toplist img {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .share-toplist-sponso .demo-visuel-toplist {
    width: 210px;
    right: -19%;
  }
  .share-toplist-sponso .demo-visuel-toplist img {
    width: 210px;
  }
}

.btn-actions-toplist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 10px 5px;
}

.btn-actions-toplist a:first-child {
  flex: 1;
}

.btn-actions-toplist a:last-child {
  white-space: nowrap;
}

@media (max-width: 480px) {
  .btn-actions-toplist {
    flex-direction: column;
    align-items: stretch;
  }
  .btn-actions-toplist a {
    width: 100%;
  }
}
.btn-actions-toplist-similar {
  margin: 10px 5px;
}

.partagebar-content {
  background: #7367f0;
  border-radius: 10px;
  display: flex;
  padding: 10px;
}
.partagebar-content h5 {
  color: #ffffff;
  font-style: italic;
  transform: rotate(-1deg);
  font-family: "lato";
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0 20px 0 0;
}
@media (max-width: 768px) {
  .partagebar-content h5 {
    margin: 0;
  }
}
.partagebar-content .partage-btn, .partagebar-content .reseau-btn-share {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.partagebar-content a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: all 0.2s ease-in;
}
.partagebar-content a i {
  margin: 0 !important;
}
.partagebar-content .btn-wording-share {
  background: rgba(255, 255, 255, 0.08) !important;
  font-size: 0.8rem;
}
.partagebar-content .btn-wording-share:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}
@media (max-width: 768px) {
  .partagebar-content .btn-wording-share {
    font-size: 0.75rem;
    padding: 9px 12px !important;
  }
}
@media (max-width: 768px) {
  .partagebar-content .reseau-btn-share {
    margin-top: 5px;
  }
}

.partage-toplist {
  position: fixed;
  bottom: -1px;
  width: 100%;
  z-index: 999;
  background: #20153c;
}
.partage-toplist .fixedbar-content {
  padding: 10px 0;
  background: #7367f0;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  /* Adjust for mobile */
}
@media (max-width: 768px) {
  .partage-toplist .fixedbar-content {
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
  }
}
.partage-toplist h5 {
  color: #ffffff;
  font-style: italic;
  transform: rotate(-1deg);
  font-family: "lato";
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0 20px 0 0;
}
@media (max-width: 768px) {
  .partage-toplist h5 {
    margin: 0;
    font-size: 1rem;
  }
}
.partage-toplist .partage-btn, .partage-toplist .reseau-btn-share {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.partage-toplist a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: all 0.2s ease-in;
}
.partage-toplist a i {
  margin: 0 !important;
}
.partage-toplist .btn-wording-share {
  background: rgba(255, 255, 255, 0.08) !important;
  font-size: 0.8rem;
}
.partage-toplist .btn-wording-share:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}
@media (max-width: 768px) {
  .partage-toplist .btn-wording-share {
    font-size: 0.75rem;
    padding: 9px 12px !important;
  }
}
@media (max-width: 768px) {
  .partage-toplist .reseau-btn-share {
    margin-top: 5px;
  }
}

@media (max-width: 768px) {
  .btn-actions-toplist {
    flex-direction: column;
  }
  .currentuuid {
    width: 100%;
  }
  .btn-wording {
    font-size: 0.8rem;
  }
}
.btn-defi {
  padding: 0 10px 5px 10px;
  background: #20153c;
  position: relative;
  top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 15px;
}
.btn-defi a {
  flex: 0 0 50%;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.75rem;
}
@media (min-width: 769px) {
  .btn-defi {
    display: none;
  }
}
.btn-defi:before {
  content: "";
  position: absolute;
  top: -89px;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to bottom, transparent 5%, #20153c 80%);
}

.double-chance-mobile {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999999999;
  padding: 10px;
}

.partage-toplist-block {
  background: #7367f0 !important;
}
.partage-toplist-block h5 {
  color: #ffffff;
  text-transform: uppercase;
  font-style: italic;
  transform: rotate(-1deg);
  font-family: "lato";
  font-weight: 700;
  text-shadow: 2px 2px 1px #574c9e;
  font-size: 1.25rem;
  margin: 0 0 20px 0;
}
.partage-toplist-block .btn-wording-share {
  background: rgba(255, 255, 255, 0.08) !important;
  font-size: 0.8rem;
}
.partage-toplist-block .btn-wording-share:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}
@media (max-width: 768px) {
  .partage-toplist-block .btn-wording-share {
    font-size: 0.75rem;
    padding: 9px 12px !important;
  }
}

#toplist-single .footer {
  display: none;
}

@media (max-width: 768px) {
  #toplist-single .page-template-r {
    padding: 0 0 1rem;
  }
}
.double-chances {
  font-size: 1.25rem;
}

.share-toplist-sponso {
  background: #7367f0 !important;
  color: #fff !important;
}

.rs ul i {
  display: grid;
  place-items: center;
  font-size: 1.4rem;
  border-radius: 50%;
  border: #fff 2px solid;
  width: 45px;
  height: 45px;
  transition: 0.3s all;
  color: #fff;
}

.recommence_toplist a {
  transform: scale(0.8);
  margin-bottom: 10px;
}

.fixelinktls {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background: #f4157f;
}
.fixelinktls a {
  padding: 12px 20px;
  width: 100%;
  display: block;
  border: none;
  letter-spacing: 1px;
  display: inline-block;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1rem;
  text-transform: uppercase;
  transition: all 0.2s ease-in;
}
.fixelinktls a span {
  margin: 0;
  transition: all 0.2s ease-in;
}
.fixelinktls a:hover span {
  margin: 0 0 0 5px;
}

.cover-profil {
  background-color: #0c0b27;
  min-height: 200px;
  background-size: cover !important;
  position: relative;
  background-position: center;
  border-radius: 5px 5px 0 0;
}
.cover-profil .edit-cover-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}
.cover-profil .edit-cover-btn:hover {
  color: #fff !important;
}

.avatar-picture-max {
  display: block;
  height: 100px;
  width: 100px;
  background-size: cover;
  background-color: #7367f0;
  border-radius: 50%;
}

.avatartop3 {
  width: 30px;
  height: 30px;
  transform: scale(1);
  transition: all 0.2s ease-in-out;
}
.avatartop3 img {
  width: 100%;
  height: 100%;
}
.avatartop3:hover {
  transform: scale(2);
}

.auth-inner .brand-text {
  max-width: 150px;
  margin-right: 10px;
}

.dark-layout body.user-page,
.dark-layout #user-profile .profile-header .navbar {
  background: linear-gradient(50deg, #0c0b27, #471867, #0c0b27, #0c0b27);
  background-size: 400% 400%;
  animation: gradient 60s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.picto-rs {
  font-size: 25px !important;
}

.transaction-item a {
  color: #fff;
  display: block;
}
.transaction-item a:hover {
  color: #7367f0;
}

.login-form ul {
  margin: 0;
  padding: 0;
}
.login-form ul li {
  list-style-type: none;
  display: block;
}
.login-form label {
  display: none;
}
.login-form input[type=submit] {
  font-weight: 600;
  margin-bottom: 20px;
}
.login-form input[type=text],
.login-form input[type=email],
.login-form input[type=password],
.login-form textarea {
  background-color: transparent !important;
  border: 2px solid rgb(255, 255, 255) !important;
  padding: 20px 15px !important;
  font-size: 15px !important;
  border-radius: 10px !important;
  color: #fff !important;
  transition: all 0.2s ease-in-out;
  margin-bottom: 20px;
  width: 100% !important;
}
.login-form input[type=text]::-moz-placeholder, .login-form input[type=email]::-moz-placeholder, .login-form input[type=password]::-moz-placeholder, .login-form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 600;
}
.login-form input[type=text]::placeholder,
.login-form input[type=email]::placeholder,
.login-form input[type=password]::placeholder,
.login-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 600;
}
.login-form input[type=text]:valid,
.login-form input[type=email]:valid,
.login-form input[type=password]:valid,
.login-form textarea:valid {
  border: 2px solid #fff !important;
}
.login-form input[type=text]:focus:not(.readonly),
.login-form input[type=email]:focus:not(.readonly),
.login-form input[type=password]:focus:not(.readonly),
.login-form textarea:focus:not(.readonly) {
  border: 2px solid #f4167f !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background: transparent !important;
  outline: 0;
}
.login-form input[type=text].readonly {
  color: #4B4161 !important;
  outline: none !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: #21123e !important;
  -webkit-box-shadow: 0 0 0px 1000px #21123e inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.profile-tabs {
  min-height: 40px;
}

.wppb-send-credentials-checkbox,
#select_user_to_edit_form,
.wppb-description-delimiter,
.file-type,
.file-name,
.login-remember {
  display: none !important;
}

.wppb-avatar, .wppb-upload {
  display: flex !important;
  align-items: center;
}
.wppb-avatar label, .wppb-upload label {
  color: #fff;
  font-size: 16px;
  margin-right: 20px;
  margin-left: 5px;
  width: 100% !important;
}
.wppb-avatar input, .wppb-upload input {
  width: 100% !important;
}
.wppb-avatar .wppb-attachment-link img, .wppb-upload .wppb-attachment-link img {
  border-radius: 50%;
}
.wppb-avatar .upload-field-details, .wppb-upload .upload-field-details {
  text-align: center;
}

.wppb-upload .wppb-attachment-link img {
  border-radius: 0 !important;
}

.wppb-remove-upload {
  cursor: pointer !important;
  display: block;
  color: #7367f0;
  position: relative;
  transition: all 0.2s ease-in-out;
  left: 0;
}
.wppb-remove-upload:hover {
  left: 5px;
}

.annonce {
  padding: 0 3px;
  font-size: 15px;
}

.gif2,
.gif3,
.gif4 {
  display: none;
}

.bigup h1 {
  font-size: 3rem;
}

.please-rejoin {
  margin: 0;
}

.alert-account {
  color: #fff !important;
  background: #7367f0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.alert-account p {
  margin: 0 20px 0 0;
}
@media (max-width: 768px) {
  .alert-account p {
    text-align: center;
    margin: 0;
  }
}
.alert-account .btn-outline-white:hover {
  background: #fff;
  color: #7367f0 !important;
}

.user-profile-header {
  z-index: 9;
}
.user-profile-header .user-profile-info h4 {
  margin: 0;
}

.t-white {
  color: #fff;
}

.scali {
  transition: all 0.2s ease-in-out;
  transform: scale(1);
  display: inline-block;
}
.scali:hover {
  transform: scale(2);
}

.btn-outline-white {
  border-color: #fff;
}
.btn-outline-white:hover {
  background: #fff;
}

.wppb-success {
  color: #ffffff;
  background: rgba(255, 210, 231, 0.1098039216);
  padding: 15px 20px;
}

.auth-bg {
  background: transparent !important;
}

.wppb-error {
  color: #ffffff;
  background: rgba(244, 29, 27, 0.39);
  padding: 15px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  max-width: 550px;
}
.wppb-error a {
  display: none;
}

.please-rejoin a {
  margin: 5px 0;
}
@media (max-width: 768px) {
  .please-rejoin .alert-body {
    flex-direction: column;
  }
  .please-rejoin .alert-body a {
    width: 100%;
    margin: 15px 0 0 !important;
  }
}

.invoice-list-wrapper .star {
  font-size: 14px;
}
.invoice-list-wrapper .startchoicedone {
  font-size: 14px;
  text-align: right;
}
.invoice-list-wrapper .startchoicedone .ico {
  font-size: 14px;
  width: 15px;
}
.invoice-list-wrapper td,
.invoice-list-wrapper th {
  padding: 10px 15px 8px !important;
}

.ico-action {
  font-size: 17px;
  display: inline-block;
  margin: 0 5px 0 0;
}

.infosmall {
  float: right;
  text-align: right;
}

#user-profile .profile-header .profile-img-container {
  position: absolute;
  bottom: -2rem;
  left: 10px;
  z-index: 2;
  right: 10px;
}

.dark-layout #user-profile .profile-header .navbar .navbar-toggler {
  color: #fff;
  border-color: #fff;
  position: relative;
  z-index: 999;
}

.dataTables_filter input {
  border: 2px solid rgba(114, 103, 240, 0.2941176471) !important;
  color: #fff;
}
.dataTables_filter input::-moz-placeholder {
  color: #7367f0 !important;
}
.dataTables_filter input::placeholder {
  color: #7367f0 !important;
}

.profile-header-nav .profile-tabs {
  margin-left: 12rem;
}

.profile-img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  background-size: cover !important;
}

.icomax span {
  width: 40px !important;
  height: 40px !important;
}

.icomax2 span {
  width: 60px !important;
  height: 60px !important;
  margin: 0 auto;
}

@media (max-width: 500px) {
  .profile-img {
    height: 60px !important;
    width: 60px !important;
  }
  .profile-title h2 {
    font-size: 1rem !important;
  }
}
.info-bio .card-text {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
}

.card-compte {
  padding-top: 0;
}
.card-compte .card-body {
  padding-top: 0;
  margin-top: 0;
}
.card-compte .user-avatar-section {
  position: relative;
  top: -55px;
}

.content-compte .card-header .card-title {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
  transform: rotate(-2deg);
}
.content-compte .valuestat {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 18px;
  font-weight: 700;
}
.content-compte .card-stats {
  padding: 10px;
}
.content-compte .card-stats .iconstats {
  margin: 0;
}
.content-compte .navbar-brand {
  font-weight: 700;
  color: #7367f0;
}
.content-compte .nav-link {
  font-weight: 600;
  color: #fff;
  padding: 8px 15px;
  transition: all 0.2s ease-in;
  margin: 0 10px;
  border-radius: 5px;
  box-shadow: none !important;
  font-family: "montserrat";
  transition: all 0.2s ease-in;
  border-radius: 5px;
  box-shadow: none !important;
  font-size: 13px;
  letter-spacing: 0.15px;
}
.content-compte .nav-link:hover {
  background: rgba(255, 255, 255, 0.05);
}
.content-compte .nav-link.active {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.detailskeurz .nav-tabs {
  background: transparent;
  border-bottom: 1px solid #7367f0;
}
.detailskeurz .nav-link {
  font-weight: 600;
  color: #fff;
  padding: 15px 20px;
  font-family: "montserrat";
  transition: all 0.2s ease-in;
  margin: 0;
  border-radius: 0;
  box-shadow: none !important;
  font-size: 13px;
  letter-spacing: 0.15px;
}
.detailskeurz .nav-link:hover, .detailskeurz .nav-link.active {
  background: #21133f !important;
  color: #fff !important;
  border-radius: 5px 5px 0 0;
}

.tab-content {
  border-radius: 0 0 5px 5px;
}

.niveaumembre {
  height: calc(100% - 17px);
}
.niveaumembre .card-body {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#compte-public .itemstat {
  flex-direction: column;
}
#compte-public .itemstat .iconstats {
  margin: 10px 0;
}

#rezoblock {
  display: none;
}

.have_twitter, .have_youtube, .have_instagram, .have_tiktok, .have_snapchat, .have_twitch, .have_kick {
  display: none;
}

.list-rezo {
  flex-wrap: wrap;
}
.list-rezo a {
  min-width: 50px;
  min-height: 50px;
  margin: 5px;
  font-size: 1.4rem;
  display: none !important;
}

.blog .blog-rs {
  width: 100%;
}
.blog .blog-rs ul {
  list-style: none;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 0.6rem;
  margin: 0;
}
@media (max-width: 768px) {
  .blog .blog-rs ul {
    gap: 0.8rem;
    justify-content: space-around;
  }
}
.blog .blog-rs ul i {
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  border-radius: 50%;
  border: #7367f0 2px solid;
  width: 50px;
  height: 50px;
  transition: 0.3s all;
}
@media (max-width: 768px) {
  .blog .blog-rs ul i {
    font-size: 1.1rem;
    width: 40px;
    height: 40px;
  }
}
.blog .blog-rs ul i:hover {
  border: #f4167f 2px solid;
  color: #f4167f !important;
}

.blog .apropos h1 {
  padding: 0;
  margin: 20px 0;
}
.blog .apropos .intro {
  margin: 0 0 20px;
  font-size: 15px;
  font-weight: bold;
  color: #a29d9d;
}
.blog .apropos .apropos .card-text h2 {
  background: rgba(255, 255, 255, 0.05);
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 20px;
  margin: 30px 0 20px 0;
  text-transform: uppercase;
  font-weight: 600;
}
.blog mark {
  padding: 0;
}

.blog-min h4.card-title a {
  color: #f4157f;
  font-weight: bold;
}

.ico-master {
  font-size: 85px;
}

.plus {
  font-size: 25px;
  margin: 0 10px;
  opacity: 0.2;
}

.plan-price span {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.plan-price .ico {
  font-size: 20px !important;
  margin-left: 5px;
}

.dodo .basic-pricing {
  background: linear-gradient(150deg, #0c0b27, #471867, #0c0b27, #230b36, #0c0b27);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}
.dodo .ico-masterclass {
  font-size: 185px;
}

.pricing-card .annual-plan .plan-price span {
  font-size: 2.5rem;
  line-height: 0.8;
}

.basic-pricing .card-text {
  font-size: 15px;
  color: #9b989f;
}

.pricing-badge {
  position: absolute;
  right: 10px;
  top: 10px;
}

.blog-detail-wrapper h1 {
  color: #f4167f;
  font-family: "Montserrat", Helvetica, Arial, serif !important;
  font-weight: 800 !important;
}
.blog-detail-wrapper h2 {
  font-size: 20px;
  margin: 40px 0 20px 0;
}

.apropos h1 {
  font-weight: 600;
  font-size: 2.5rem;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .apropos h1 {
    font-size: 1.5rem;
  }
}
.apropos h1 img {
  max-width: 210px;
  transform: rotate(7deg);
}
.apropos .infoabout {
  margin: 0 0 20px;
  font-size: 13px;
  color: #a29d9d;
}
.apropos .card-text h2 {
  background: rgba(255, 255, 255, 0.05);
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 20px;
  margin: 60px 0 20px 0;
  text-transform: uppercase;
  font-weight: 600;
}
.apropos .card-text img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}
.apropos p, .apropos li {
  line-height: 1.5rem;
  font-size: 0.95rem;
  font-weight: 500;
  color: #7983bb;
}
.apropos p mark, .apropos li mark {
  color: #f4167f;
}
.apropos p citation, .apropos li citation {
  color: #7983bb;
  border-left: 3px solid #7983bb;
  display: block;
  padding: 10px 10px 10px 20px !important;
  margin: 0 20px 0 20px;
  background: rgba(255, 255, 255, 0.0117647059) !important;
}

.space {
  display: inline-block;
  width: 5px;
}

.card-footer {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.evolution h1 {
  color: #f4167f;
  font-weight: 600;
  font-size: 2.5rem;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 768px) {
  .evolution h1 {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  .evolution h1 {
    font-size: 1.5rem;
  }
}
.apropos a {
  color: #f4167f !important;
}
.apropos a:hover {
  text-decoration: underline;
}

.page-template-evolution .intro-archive h2 {
  font-size: 0.85rem;
  margin: 10px 10px 0 10px;
}
.page-template-evolution .intro-archive .iconarchive {
  position: absolute;
  right: -50px;
  top: 25px;
  left: auto;
}
.page-template-evolution .basic-pricing h3 {
  margin: 10px 0 0;
}
.page-template-evolution .basic-pricing p {
  margin: 0 !important;
}

.propositions-top-wrapper .heading {
  margin: 1rem 0;
  text-transform: uppercase;
}
.propositions-top-wrapper .heading h1 {
  font-size: 2.5rem;
  color: #fff;
  font-weight: bold;
}
.propositions-top-wrapper .heading h1 strong {
  color: #f4167f;
}
.propositions-top-wrapper .heading p {
  font-weight: 600;
  font-size: 1.1rem;
}
.propositions-top-wrapper .form-propositions-card {
  position: relative;
}
.propositions-top-wrapper .form-propositions-card .must-log-in {
  position: absolute;
  width: 65%;
}
@media screen and (max-width: 768px) {
  .propositions-top-wrapper .form-propositions-card .must-log-in {
    width: 100%;
    top: 45%;
  }
  .propositions-top-wrapper .form-propositions-card .must-log-in .va {
    width: 60px !important;
    height: 30px !important;
  }
}
.propositions-top-wrapper .form-propositions-card #form-propositions .cta-form-creator {
  align-items: flex-end;
}
.propositions-top-wrapper .form-propositions-card #form-propositions.disable {
  pointer-events: none;
  filter: blur(2px);
}
.propositions-top-wrapper .form-propositions-card #form-propositions label {
  text-transform: uppercase;
  color: #7367f0;
  font-size: 0.9rem;
}
.propositions-top-wrapper .form-propositions-card #form-propositions select {
  background-color: #20143a;
}
.propositions-top-wrapper .form-propositions-card #form-propositions input, .propositions-top-wrapper .form-propositions-card #form-propositions select {
  border: 0;
  border-radius: 0;
}
.propositions-top-wrapper .form-propositions-card #form-propositions input::-moz-placeholder, .propositions-top-wrapper .form-propositions-card #form-propositions select::-moz-placeholder {
  color: rgba(128, 128, 128, 0.694) !important;
}
.propositions-top-wrapper .form-propositions-card #form-propositions input::placeholder, .propositions-top-wrapper .form-propositions-card #form-propositions select::placeholder {
  color: rgba(128, 128, 128, 0.694) !important;
}
.propositions-top-wrapper .form-propositions-card #form-propositions .question_top-input {
  flex: 1;
}
@media screen and (max-width: 782px) {
  .propositions-top-wrapper .form-propositions-card #form-propositions {
    flex-direction: column;
  }
  .propositions-top-wrapper .form-propositions-card #form-propositions .form-input,
  .propositions-top-wrapper .form-propositions-card #form-propositions .proposer-btn {
    width: 100%;
  }
}
.propositions-top-wrapper .liste-propositions-card {
  background: none;
}
.propositions-top-wrapper .liste-propositions-card .card-title {
  font-size: 1.9rem;
  text-transform: uppercase;
  margin: 2rem 0;
  font-weight: bold;
}
.propositions-top-wrapper .prop-alert {
  text-align: center;
  margin: 2rem 0;
  font-size: 1rem;
  color: #c64143;
}
.propositions-top-wrapper .prop-alert i {
  font-size: 0.8rem;
}
.propositions-top-wrapper .vainkeur-card .btn {
  background: transparent;
  border-radius: 6px;
}

.deviens-createur-wrapper {
  border: none !important;
  border-radius: 0.358rem;
  background: linear-gradient(to bottom right, #6F1CB5, #5E16BF) !important;
  transition: 0.3s border-bottom;
  padding: 1rem;
}
.deviens-createur-wrapper .heading h3 {
  font-size: 1.2rem;
  font-weight: bold;
}

.cta-creator-fixe-mobile a {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  display: block;
  border-radius: 0;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 23px;
}

.connect-btn {
  padding: 5px 10px;
}

.t-white p {
  color: #fff;
}

.propositions-top-intro-archive {
  width: 645px !important;
}
@media screen and (max-width: 768px) {
  .propositions-top-intro-archive {
    max-width: 95% !important;
  }
  .propositions-top-intro-archive .separate {
    height: 1px;
  }
}
.propositions-top-intro-archive a {
  color: #d5518f;
  font-weight: bold;
}

.propositions-top-rappel {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .propositions-top-rappel {
    font-size: 12px;
  }
}

.topnamebestof {
  margin-left: 10px;
}
.topnamebestof h4 {
  margin: 0;
}
.topnamebestof p {
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
}

.avatar-top {
  border-radius: 5px !important;
}

.creator-listing-bestof a {
  color: #fff;
  font-size: 15px;
}

.intro-archive {
  text-align: center;
  margin: 20px auto 30px;
  background: linear-gradient(#312673, #312673) 50% 50%/calc(100% - 10px) calc(100% - 10px) no-repeat, linear-gradient(270deg, #7367f0 0%, #f4167f 100%);
  border-radius: 5px;
  padding: 17px;
  box-sizing: border-box;
  padding: 20px 20px;
  transform: rotate(-1deg);
  position: relative;
  width: 600px;
  max-width: 80%;
  z-index: 2;
}
.intro-archive .iconarchive {
  position: absolute;
  left: -40px;
  top: 15px;
}
.intro-archive .iconarchive span {
  width: 90px !important;
  height: 90px !important;
}
.intro-archive h1 {
  font-size: 2rem;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "lato";
  display: flex;
  align-items: center;
  justify-content: center;
}
.intro-archive h2 {
  font-size: 1rem;
  color: #7367f0;
  margin: 10px 40px 0 60px;
}
@media (max-width: 768px) {
  .intro-archive h2 {
    margin: 5px 10px 0;
  }
}

.infonbtops {
  background: rgba(255, 255, 255, 0.15);
  padding: 5px 7px;
  font-weight: 600;
  border-radius: 5px;
  color: #312673;
  font-size: 1rem;
  margin-left: 10px;
}

.mainrubrique .infonbtops {
  color: #fff;
}

.archive-container .imgcado {
  max-width: 35% !important;
  height: auto;
}

.rubrique-item .card, .rubrique-item .card-body {
  padding-top: 0;
  padding-bottom: 10px;
  text-align: center;
  cursor: pointer !important;
}
.rubrique-item .card {
  transition: all 0.2s ease-in;
  border: 2px solid transparent;
}
.rubrique-item .illu-rubrique img {
  transition: all 0.2s ease-in;
  position: relative;
  margin-top: -25px;
  top: 0;
}
@media (max-width: 768px) {
  .rubrique-item .illu-rubrique img {
    margin-top: -10px;
  }
}
.rubrique-item h4 {
  text-transform: uppercase;
  text-align: center;
  font-size: 0.9rem;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 10px 0 0;
}
.rubrique-item .infosrubriquenbtoplist {
  display: none;
  background: rgba(255, 255, 255, 0.05);
  padding: 5px 7px;
  font-weight: 600;
  border-radius: 5px;
  color: #7983bb;
  font-size: 0.8rem;
}
.rubrique-item:hover .card {
  transition: all 0.2s ease-in;
  border: 2px solid #7367f0;
}
.rubrique-item:hover .illu-rubrique img {
  top: -5px;
}
@media (max-width: 768px) {
  .rubrique-item:hover .illu-rubrique img {
    top: -5px;
  }
}
.rubrique-item:hover h4 {
  color: #7367f0;
}

.filtres-bloc .filtre-bloc {
  margin: 5px 0;
}
.filtres-bloc .filtre-bloc .dropdown-toggle {
  min-width: 100%;
}
.filtres-bloc .filtre-bloc .input-group-text, .filtres-bloc .filtre-bloc .bootstrap-select, .filtres-bloc .filtre-bloc input {
  background-color: transparent;
}
.filtres-bloc .filtre-bloc .input-group-text {
  border: 2px solid #7367f0;
  border-right: none;
}
.filtres-bloc .filtre-bloc .switch-label {
  font-family: "montserrat";
  font-size: 13px;
  font-weight: 600;
}
.filtres-bloc .filtre-bloc input {
  border: 2px solid #7367f0;
  border-left: none;
  font-family: "montserrat";
  font-size: 13px;
  font-weight: 600;
  border-radius: 0 5px 5px 0px;
}
.filtres-bloc .filtre-bloc .dropdown-toggle {
  border: 2px solid #7367f0;
  border-radius: 0.375rem;
}
.filtres-bloc .group-filtres {
  margin-top: -20px;
}
.filtres-bloc .bs-searchbox input {
  border: 1px solid #7367f0 !important;
}

.topsponsoarchive .titre-section {
  margin-top: 20px !important;
}
.topsponsoarchive .img-gift {
  top: -20px;
}

.voile-rubrique {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
  opacity: 0.05;
  border-radius: 5px;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.intro-sponso .intro {
  width: 100%;
}

.rules-content {
  text-align: start;
}
.rules-content .text-rules {
  padding: 0 10px;
  text-align: center !important;
}
.rules-content .text-rules p {
  text-align: center !important;
  margin-bottom: 0.5rem !important;
}
.rules-content .icone-cadeau {
  font-size: 30px;
}

.t-sponso {
  margin-top: 40px;
}

.top_is_sponso .rules-content {
  padding: 0;
}

.title-win {
  transform: rotate(-1deg);
  margin: 20px 0 10px;
}
.title-win h2 {
  font-size: 1.1rem;
  color: #7367f0;
  text-align: center;
}

.share-text {
  color: #7367f0 !important;
  font-size: 1rem;
}

.fs-12px {
  font-size: 12px;
}

#timer-sponso {
  font-size: 48px;
  line-height: 59.71px;
  font-weight: 500;
}

.grey {
  color: #3c4352;
}

.bb {
  display: inline-block;
  border-bottom: 1px solid;
  padding-bottom: 5px;
}

.timer-content-sponso {
  padding: 15px 10px 5px !important;
}
.timer-content-sponso p {
  margin: 0;
}

.share-content-sponso,
.share-top-sponsor {
  padding: 10px !important;
  border-top: none;
}
.share-content-sponso .separate,
.share-top-sponsor .separate {
  height: 1px;
  background-color: rgb(115, 103, 240);
  border-radius: 5px;
  width: 60%;
  margin: 0 auto 10px;
  opacity: 0.2;
}

.social-media-sponso {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  vertical-align: middle;
}
.social-media-sponso a {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1.5rem;
}
.social-media-sponso .btn {
  padding: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5rem;
}

.participation-content-sponso h1 {
  font-family: "Lato";
  font-weight: 900;
  font-size: 38px;
  line-height: 44px;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 3px 3px 0px #312673;
}
.participation-content-sponso h1 .participation {
  font-size: 282px;
  line-height: 35px;
}
.participation-content-sponso h1 .vainkeurz {
  font-size: 39px;
  line-height: 35px;
}
.participation-content-sponso a {
  text-decoration: none;
}
.participation-content-sponso .info-win {
  font-size: 18px;
  line-height: 24px;
  margin: 10px 0 15px;
}
.participation-content-sponso .info-win strong {
  font-weight: normal;
  color: #f4167f;
}
.participation-content-sponso .info-share2 {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 16px;
  color: #c4c4c4;
}
.participation-content-sponso .buttons-share-top a:first-child {
  margin-right: 10px;
}

.badge-light-rose {
  background: #f4167f !important;
}

.min-tournoi .cov-illu .badge-light-rose {
  position: absolute;
  left: 5px;
  right: auto;
  top: 5px;
  z-index: 3;
}

.title-win {
  width: 100%;
}

.single-classement .logo-vkrz-sponso {
  width: 100%;
  text-align: center;
}
.single-classement .content-wrapper {
  margin-bottom: 200px;
}
.single-classement .content.app-content {
  padding: 6.75rem 2rem 10px;
  min-height: 100vh;
}
.single-classement .bravo {
  width: 100%;
  text-align: center;
  border: 3px solid #f4167f;
  display: none;
  border-radius: 10px;
}
.single-classement .bravo img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .participation-content-sponso h1 {
    font-size: 20px;
    line-height: 25px;
  }
  .info-win {
    font-size: 12px;
    line-height: 18px;
  }
  .info-win p {
    margin-bottom: 5px;
  }
  .reseaux-sponso {
    flex-direction: column;
  }
  .logo-vkrz-sponso {
    width: 100%;
  }
  .share-top-sponsor {
    align-items: center !important;
  }
  html .content.app-content .card-developer-meetup .card-title {
    font-size: 17px;
    line-height: 20px;
  }
  #form-coupon {
    width: 100%;
  }
  #form-coupon input[type=email] {
    width: 100%;
    max-width: 100%;
    border-radius: 10px !important;
  }
  #form-coupon #btn-coupon {
    width: 100%;
    max-width: 100%;
    border-radius: 10px !important;
    margin-top: 0.6rem;
  }
  .please-rejoin {
    padding: 20px 0 10px;
  }
  .single-classement .content-wrapper {
    margin-bottom: 20px;
  }
}
.logo-vkrz-sponso {
  flex: 40%;
}

.buttons-social-media a {
  margin-right: 5px;
  border: 2px solid #7367f0;
}
.buttons-social-media a:hover {
  background-color: #7367f0 !important;
  color: #fff !important;
}

.text-rules img {
  max-height: 160px;
  width: auto;
  margin: 0 auto;
}

.other-topsponso {
  text-align: center;
}
.other-topsponso .btn-rose {
  color: #fff;
  transition: all 0.2s ease-in;
}
.other-topsponso .btn-rose:hover {
  transform: scale(1.05);
  color: #fff;
}

.other-topsponso-mobile {
  position: fixed;
  bottom: 0;
  z-index: 999;
  text-align: left;
  right: 0;
  left: 0;
}
.other-topsponso-mobile a {
  border-radius: 0 !important;
}

.copy-toplist-url-btn {
  background-color: #7367f0 !important;
  color: #FFF !important;
  font-weight: bold;
  font-size: 16px;
}
.copy-toplist-url-btn:hover {
  box-shadow: 0 8px 25px -8px #7367f0 !important;
}

.agagner {
  text-align: center;
  padding: 10px;
}
.agagner .titrewin {
  background: #7367f0;
  padding: 5px 10px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  font-family: "Montserrat", Helvetica, Arial, serif !important;
  font-size: 15px;
  transform: rotate(-2deg);
  margin-bottom: 20px;
  display: inline-block;
  text-transform: uppercase;
}
.agagner h4 {
  margin: 10px 0;
}
.agagner h4 p {
  margin: 0;
}
.agagner .datefinsponso {
  position: relative;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.agagner-min {
  text-align: center;
  padding: 10px;
  transform: translateY(-50px);
  margin-bottom: -40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.agagner-min .agagner-equal-height {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 10px;
}
.agagner-min .agagner-equal-height h4 {
  font-size: 1.2rem;
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
}
.agagner-min .datefinsponso {
  margin-top: 10px;
  padding: 5px;
  color: #7367f0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.share-content-sponso p {
  margin-bottom: 0;
}

.btn-sponsor {
  max-width: 120px !important;
  display: inline-block;
}

.t-sponso .voile .spoun {
  text-align: center;
  margin: 50% 20px 20px 20px;
  position: relative;
}

a {
  cursor: pointer !important;
}
a:hover {
  cursor: pointer !important;
}

.d-cadeau-min {
  padding: 0;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 160px;
  transform: rotate(-4deg);
}

.applat-top-sponso {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.tls-cover .applat-top-sponso {
  opacity: 0.04;
}

.t-sponso .card-title {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  margin-bottom: 20px;
}
.t-sponso .date-tirage {
  margin: 20px 0 10px;
  text-align: center;
}
.t-sponso .date-tirage small {
  font-size: 0.7rem;
}

.btn-cta-participer {
  font-weight: 600 !important;
  font-family: montserrat;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
  text-align: center;
  color: #fff;
  display: inline-block;
  border-radius: 10px;
  transition: all 0.2s ease-in;
  background: #f4167f;
  padding: 10px 20px;
}
.btn-cta-participer:hover {
  border-radius: 15px;
  color: #fff;
}

.link-twitch .social-media-sponso .btn {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.88rem;
}
.link-twitch .social-media-sponso .btn i {
  font-size: 0.88rem;
  margin-left: 5px;
}

.datefinsponso {
  position: relative;
}

.cta-top-sponso-container {
  padding: 0;
  margin: 2rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFF;
  color: #000 !important;
  width: 90%;
}
@media (max-width: 768px) {
  .cta-top-sponso-container {
    flex-direction: column;
    width: 95%;
  }
}
.cta-top-sponso-container-left {
  padding: 2rem;
}
.cta-top-sponso-container-left h3 {
  color: #000 !important;
}
.cta-top-sponso-container-left a {
  display: inline-block;
  background-color: #000;
  color: #FFF !important;
  padding: 0.5rem 2rem;
  border-radius: 12px;
  transition: all 0.3s;
  margin-top: 2rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.cta-top-sponso-container-left a:hover {
  background-color: #000;
}
.cta-top-sponso-container-right img {
  max-width: 100%;
  overflow: hidden;
}

.t-sponso-email-beginning {
  padding: 10px;
}
.t-sponso-email-beginning input[type=email],
.t-sponso-email-beginning input[type=tel] {
  width: 100%;
  max-width: 100%;
  border-radius: 10px !important;
  padding: 0.5rem 0.5rem 0.5rem 0.7rem;
  background: transparent;
  border: 2px solid #f4167f;
  outline: none;
  /* Change Autocomplete styles in Chrome*/
}
.t-sponso-email-beginning input[type=email]::-moz-placeholder, .t-sponso-email-beginning input[type=tel]::-moz-placeholder {
  color: #f4167f;
}
.t-sponso-email-beginning input[type=email]::placeholder,
.t-sponso-email-beginning input[type=tel]::placeholder {
  color: #f4167f;
}
.t-sponso-email-beginning input[type=email]:-webkit-autofill, .t-sponso-email-beginning input[type=email]:-webkit-autofill:hover, .t-sponso-email-beginning input[type=email]:-webkit-autofill:focus,
.t-sponso-email-beginning input[type=tel]:-webkit-autofill,
.t-sponso-email-beginning input[type=tel]:-webkit-autofill:hover,
.t-sponso-email-beginning input[type=tel]:-webkit-autofill:focus {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.t-sponso-email-beginning .accept-topsponso-terms {
  transform: translateX(23px);
  margin-top: 0.5rem !important;
  display: flex;
  align-items: center;
  justify-content: start;
}
.t-sponso-email-beginning .accept-topsponso-terms .form-check-input {
  border: 2px solid #f4167f;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .t-sponso-email-beginning .accept-topsponso-terms .form-check-input {
    vertical-align: top;
  }
}
.t-sponso-email-beginning .accept-topsponso-terms .form-check-label {
  display: inline !important;
}
.t-sponso-email-beginning .accept-topsponso-terms a {
  color: #f4167f;
}

.card-sponso {
  position: relative;
  margin: 0 0 60px !important;
  border-radius: 20px;
}
.card-sponso .agagner {
  position: relative;
  padding-bottom: 100px;
}
.card-sponso .agagner-text {
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: -12px;
}
.card-sponso .va-chance {
  position: relative;
  z-index: 1;
}
.card-sponso .btn-cta-participer {
  font-weight: 700 !important;
}
.card-sponso .card-footer-t-sponso {
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 0;
}
.card-sponso .card-footer-t-sponso .va {
  position: absolute;
  z-index: 1;
  left: 5%;
  top: 7px;
  transform: scaleX(-1);
}
.card-sponso .card-footer-t-sponso small {
  display: inline-block;
  line-height: 18px;
}

.template-min-tls .lot-sponso-img {
  position: relative;
  margin: -60px 0 20px;
  height: 230px;
  transform: rotate(-4deg);
}

.template-max-tls .lot-sponso-img {
  transform: rotate(2deg);
  position: relative;
  right: -20px;
  height: 250px;
}

.lot-sponso-first {
  position: relative;
  top: -40px;
  padding: 0 15%;
  transform: rotate(-6deg);
}

.lot-sponso-img {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.agagner {
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
}

.caption-card-t-sponso {
  margin-bottom: 20px;
  position: relative;
  z-index: 6;
}

.rules-content .agagner {
  margin-top: -30px;
}

.lot-sponso-logo {
  position: relative;
  z-index: 99;
}
.lot-sponso-logo img {
  max-width: 90%;
  height: auto;
}

.agagner-text {
  position: relative;
  z-index: 99;
}

.puce-content {
  position: absolute;
  padding: 25px;
  width: 45px;
  height: 45px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.puce-content img {
  max-width: unset;
  width: 25px;
  height: 25px;
}

.bloc-top-sponso .cta-begin {
  padding: 10px;
}

.go-login-to-participate .card-body .btns {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  text-transform: uppercase;
}
.go-login-to-participate .card-body .btns strong {
  font-weight: normal;
}
.go-login-to-participate .card-body .btns strong a {
  font-weight: bold;
  color: #FFF;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .go-login-to-participate .card-body .btns {
    flex-direction: column;
  }
}
.go-login-to-participate .card-body span {
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
}

@font-face {
  font-family: "Themysion Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Themysion Regular"), url("../../fonts/Themysion-2OjKo.woff") format("woff");
}
.t-marqueblanche {
  /* The popup form - hidden by default */
}
.t-marqueblanche .app-content-marqueblanche {
  margin-left: 0px;
  padding: 6.75rem 2rem 2rem;
  min-height: 100vh;
}
.t-marqueblanche .logo_marqueblanche {
  margin-top: -80px;
  max-width: 270px;
}
.t-marqueblanche .intro-marqueblanche {
  display: flex;
  flex-direction: row;
}
.t-marqueblanche .t-objectif-marqueblanche {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 110px;
  background: url("../../images/marqueblanche/gdp/bulle-gdp.svg") no-repeat center;
  background-size: contain;
  font-size: 28px;
  font-family: "Dosis", sans-serif;
}
.t-marqueblanche .t-question-marqueblanche {
  font-family: "Themysion Regular";
  font-size: 80px;
  color: #040404;
  margin-top: 50px;
}
.t-marqueblanche .t-question-marqueblanche img {
  width: 100px;
  height: auto;
}
.t-marqueblanche .footer-battle {
  display: flex;
  align-items: center;
}
.t-marqueblanche .restart-marqueblanche {
  background: url(../../images/marqueblanche/gdp/bulle-gdp.svg) no-repeat center;
  background-size: contain;
  padding: 20px 100px;
  font-family: "Dosis";
  font-size: 18px;
}
.t-marqueblanche .app-content-marqueblanche-result {
  margin-left: 0px;
  padding: 6.75rem 0rem 0rem;
  min-height: 100vh;
}
.t-marqueblanche .classement {
  overflow-x: hidden;
}
.t-marqueblanche .battle-marqueblanche {
  margin-left: 230px;
}
.t-marqueblanche .top-marque-blanche {
  text-align: end;
  margin-top: -50px;
}
.t-marqueblanche .title-contender-marqueblanche {
  font-family: "Dosis";
  color: #040404;
  text-transform: uppercase;
  font-size: 26px;
  margin-top: -30px;
}
.t-marqueblanche .versus-marqueblanche img {
  border-radius: 0 !important;
  max-width: 130px;
}
.t-marqueblanche .social-media-marqueblanche {
  display: flex;
  margin-top: 40px;
}
.t-marqueblanche .social-media-marqueblanche a {
  margin: 0 10px;
}
.t-marqueblanche .social-media-marqueblanche img {
  max-width: 70px;
  height: auto;
}
.t-marqueblanche .txt_votes_marqueblanche {
  color: #040404;
}
.t-marqueblanche .r-resultat-marqueblanche {
  font-family: "Themysion Regular";
  font-size: 46px;
  color: #040404;
  margin-top: 20px;
  width: 100%;
}
.t-marqueblanche .crown:before {
  content: url("../../images/marqueblanche/gdp/crown-gdp.svg");
  position: absolute;
  width: 100%;
  text-align: center;
  padding-right: 20px;
}
.t-marqueblanche .top1 {
  margin-top: -70px;
  margin-right: 30px;
}
.t-marqueblanche .top2 {
  margin-top: -20px;
}
.t-marqueblanche .top3 {
  margin-right: -10px;
}
@media (max-width: 1000px) {
  .t-marqueblanche .top-marque-blanche img {
    max-width: 45px;
  }
}
@media (max-width: 500px) {
  .t-marqueblanche .top-marque-blanche img {
    max-width: 35px;
  }
}
.t-marqueblanche .footer-resultat {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.t-marqueblanche .cover-coupon {
  padding: 20px 0 40px;
}
.t-marqueblanche .coupon-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.t-marqueblanche .coupon-content h3 {
  font-family: "Themysion Regular";
  font-size: 75px;
  color: #000;
  letter-spacing: 5px;
  margin-bottom: -15px;
}
.t-marqueblanche .coupon-content p {
  font-family: "Dosis";
  font-size: 20px;
  color: #000;
  padding: 0 20px;
  line-height: 31px;
}
.t-marqueblanche .coupon-content form {
  width: 400px;
  margin-top: 15px;
}
.t-marqueblanche .coupon-content form input {
  background: rgba(255, 255, 255, 0.6);
  border: none;
  border: 2px solid #040404;
  padding: 15px 30px;
  width: 100%;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  -webkit-text-size-adjust: 100% !important;
}
.t-marqueblanche .coupon-content form input::-moz-placeholder {
  font-family: "Cormorant";
  font-size: 20px;
  color: #000;
  opacity: 40%;
}
.t-marqueblanche .coupon-content form input::placeholder {
  font-family: "Cormorant";
  font-size: 20px;
  color: #000;
  opacity: 40%;
}
.t-marqueblanche .coupon-content form input:focus {
  border: 2px solid #2e0058;
  outline: none !important;
}
.t-marqueblanche .coupon-content .coupon-btn {
  background: #000;
  color: #fff;
  border: none;
  padding: 10px 30px;
  border-radius: 0;
  margin-top: 15px;
  font-family: "Dosis";
  font-weight: 500;
  font-size: 24px;
  width: 400px;
}
.t-marqueblanche .coupon-content button {
  background: #000;
  border: none;
  padding: 15px;
  width: 100%;
  border-radius: 0;
  margin-top: 15px;
  font-family: "Dosis";
  font-weight: 500;
  font-size: 24px;
  width: 400px;
}
.t-marqueblanche .coupon-finish {
  display: none;
}
.t-marqueblanche .coupon-finish h3 {
  font-family: "Themysion Regular";
  font-size: 75px;
  color: #000;
  letter-spacing: 5px;
  margin-bottom: -15px;
}
.t-marqueblanche .coupon-finish p {
  font-family: "Dosis";
  font-size: 20px;
  color: #000;
  padding: 0 20px;
  line-height: 31px;
}
.t-marqueblanche .social-media-marqueblanche-resultat {
  margin-bottom: 20px;
}
.t-marqueblanche .social-media-marqueblanche-resultat a {
  margin: 0 10px;
}
.t-marqueblanche .social-media-marqueblanche-resultat img {
  max-width: 70px;
  height: auto;
}
.t-marqueblanche .more-marqueblanche {
  margin-bottom: 60px;
  background: url(../../images/marqueblanche/gdp/bulle-gdp.svg) no-repeat center;
  background-size: contain;
  padding: 20px 70px;
  font-family: "Dosis";
  font-size: 18px;
}
@media (max-width: 768px) {
  .t-marqueblanche .app-content-marqueblanche {
    padding: 7.95rem 1.2rem 0 1.2rem !important;
    flex-direction: column;
    align-items: center;
  }
  .t-marqueblanche .intro-marqueblanche {
    flex-direction: column;
  }
  .t-marqueblanche .t-marqueblanche .logo_marqueblanche {
    margin-top: -80px;
    max-width: 180px;
  }
  .t-marqueblanche .t-marqueblanche .t-objectif-marqueblanche {
    font-size: 19px;
  }
  .t-marqueblanche .footer-battle {
    flex-direction: column-reverse;
    margin-top: 50px;
  }
  .t-marqueblanche .footer-battle .social-media-marqueblanche {
    margin-top: 60px;
  }
  .t-marqueblanche .t-marqueblanche .logo_marqueblanche img {
    max-width: 100%;
    height: auto;
  }
  .t-marqueblanche .t-objectif-marqueblanche {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
    background: url("../../images/marqueblanche/gdp/bulle-gdp.svg") no-repeat center;
    background-size: contain;
  }
  .t-marqueblanche .t-objectif-marqueblanche h3 {
    font-size: 22px;
    font-family: "Dosis";
    width: 80%;
  }
  .t-marqueblanche .t-question-marqueblanche {
    font-size: 60px;
  }
  .t-marqueblanche .t-question-marqueblanche {
    font-size: 60px;
  }
  .t-marqueblanche .t-question-marqueblanche img {
    width: 70px;
    height: auto;
  }
  .t-marqueblanche .battle-marqueblanche {
    margin-left: 0;
  }
  .t-marqueblanche .title-contender-marqueblanche {
    width: 50%;
    margin: 10px 0 0;
    padding: 0 5px;
  }
  .t-marqueblanche .versus-marqueblanche {
    margin: 15px auto;
    position: relative;
  }
  .t-marqueblanche .versus-marqueblanche img {
    max-width: 80px !important;
    border-radius: 0;
    height: auto;
    position: relative;
    z-index: 33;
  }
  .t-marqueblanche .cover-coupon {
    padding: 0;
    margin-left: 0;
    margin: 30px 0px 60px;
    background: none;
  }
  .t-marqueblanche .coupon-content form,
  .t-marqueblanche .coupon-content button {
    width: 300px;
  }
  .t-marqueblanche .social-media-marqueblanche-resultat {
    margin-bottom: 40px;
  }
  .t-marqueblanche .intro-marqueblanche {
    align-items: center;
  }
  .t-marqueblanche .footer-resultat {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.t-marqueblanche .form-popup {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  /* Add styles to the form container */
  /* Full-width input fields */
  /* When the inputs get focus, do something */
  /* Set a style for the submit/login button */
  /* Add a red background color to the cancel button */
  /* Add some hover effects to buttons */
}
.t-marqueblanche .form-popup label {
  color: #000;
}
.t-marqueblanche .form-popup .form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}
.t-marqueblanche .form-popup .form-container h1 {
  color: #000;
}
.t-marqueblanche .form-popup .form-container input {
  background: rgba(255, 255, 255, 0.6);
  border: none;
  padding: 15px 30px;
}
.t-marqueblanche .form-popup .form-container input::-moz-placeholder {
  font-family: "Cormorant";
  font-size: 20px;
  color: #000;
  opacity: 40%;
}
.t-marqueblanche .form-popup .form-container input::placeholder {
  font-family: "Cormorant";
  font-size: 20px;
  color: #000;
  opacity: 40%;
}
.t-marqueblanche .form-popup .form-container input:focus {
  border: 2px solid #040404;
  outline: none !important;
}
.t-marqueblanche .form-popup .form-container input[type=text],
.t-marqueblanche .form-popup .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}
.t-marqueblanche .form-popup .form-container input[type=text]:focus,
.t-marqueblanche .form-popup .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}
.t-marqueblanche .form-popup .form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
  opacity: 0.8;
}
.t-marqueblanche .form-popup .form-container .cancel {
  background-color: red;
}
.t-marqueblanche .form-popup .form-container .btn:hover,
.t-marqueblanche .form-popup .open-button:hover {
  opacity: 1;
}
.t-marqueblanche .card-developer-meetup {
  background: rgba(203, 194, 185, 0.5) !important;
  border-radius: 50px;
}
.t-marqueblanche .card-text {
  color: #2d2d2d;
}

.participatif__container-disabled__content {
  position: relative;
}
.participatif__container-disabled__content .card-status {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 1;
  height: 100% !important;
  width: 100% !important;
  display: grid;
  place-items: center;
}
.participatif__container-disabled__content .card-status h1 {
  font-size: 2.9rem;
  margin-bottom: 9rem;
  font-weight: bolder;
  text-transform: uppercase;
  padding: 1.8rem;
  border: 3px solid #FFF;
  background: linear-gradient(to bottom right, #2E124C, #100A2A, 0.1);
  border-radius: 12px;
}
.participatif__container-disabled__content .participatif-cta {
  pointer-events: none;
  background-color: #BBBCB6 !important;
  border: none;
  outline: none;
}

.blur {
  filter: blur(1.5px);
  -webkit-filter: blur(1.5px);
  -moz-filter: blur(1.5px);
  -o-filter: blur(1.5px);
  -ms-filter: blur(1.5px);
}

.noBlur {
  filter: blur(0) !important;
  -webkit-filter: blur(0) !important;
  -moz-filter: blur(0) !important;
  -o-filter: blur(0) !important;
  -ms-filter: blur(0) !important;
}

.list-elo {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.titrage-classement {
  margin-bottom: 20px;
  font-size: 12px;
}

@media (max-width: 500px) {
  .navbar-floating .navbar-container {
    padding: 0.7rem 0.5rem;
  }
  .navbar-floating .navbar-container .dropdown-cart a {
    font-size: 10px;
  }
  .navbar-floating .navbar-container .value-user-stats {
    font-size: 0.8rem;
  }
  .header-navbar .navbar-nav {
    width: 65%;
  }
  .user-niveau .va-z-20 {
    width: 15px !important;
    height: 15px !important;
  }
  .header-navbar .navbar-container ul.navbar-nav li > a.nav-link {
    padding: 0 0.3rem;
  }
  #vkrz-intro .btn {
    width: 100%;
  }
}
@media (min-width: 500px) and (max-width: 600px) {
  .header-navbar .navbar-nav {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .toplist-footer {
    gap: 8px;
  }
  .toplist-footer .toplist-f-item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 12px 14px;
  }
  .share-classement-content h3 {
    font-size: 16px;
  }
  .share-classement-content p {
    font-size: 12px;
  }
  .share-classement-content .close-share {
    top: 8px;
    right: 8px;
    font-size: 16px;
  }
  .share-classement-content-box {
    flex-direction: column;
    gap: 4px;
  }
  .share-classement-content-box .left img {
    max-width: 100%;
  }
  .share-classement-content-box a {
    font-size: 12px;
    width: 100%;
    margin: 2px 0;
    border-width: 1px;
  }
}
.va {
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
}

/***** Sizes START *****/
.va-xs {
  width: 0.75em !important;
  height: 0.75em !important;
}

.va-sm {
  width: 0.875em !important;
  height: 0.875em !important;
}

.va-md {
  width: 1em !important;
  height: 1em !important;
}

.va-lg {
  width: 1.33em !important;
  height: 1.33em !important;
}

.va-1x {
  width: 1em !important;
  height: 1em !important;
}

.va-2x {
  width: 2em !important;
  height: 2em !important;
}

.va-3x {
  width: 3em !important;
  height: 3em !important;
}

.va-4x {
  width: 4em !important;
  height: 4em !important;
}

.va-5x {
  width: 5em !important;
  height: 5em !important;
}

.va-6x {
  width: 6em !important;
  height: 6em !important;
}

.va-7x {
  width: 7em !important;
  height: 7em !important;
}

.va-8x {
  width: 8em !important;
  height: 8em !important;
}

.va-9x {
  width: 9em !important;
  height: 9em !important;
}

.va-10x {
  width: 10em !important;
  height: 10em !important;
}

.va-z-1 {
  width: 1px !important;
  height: 1px !important;
}

.va-z-2 {
  width: 2px !important;
  height: 2px !important;
}

.va-z-3 {
  width: 3px !important;
  height: 3px !important;
}

.va-z-4 {
  width: 4px !important;
  height: 4px !important;
}

.va-z-5 {
  width: 5px !important;
  height: 5px !important;
}

.va-z-6 {
  width: 6px !important;
  height: 6px !important;
}

.va-z-7 {
  width: 7px !important;
  height: 7px !important;
}

.va-z-8 {
  width: 8px !important;
  height: 8px !important;
}

.va-z-9 {
  width: 9px !important;
  height: 9px !important;
}

.va-z-10 {
  width: 10px !important;
  height: 10px !important;
}

.va-z-13 {
  width: 13px !important;
  height: 13px !important;
}

.va-z-15 {
  width: 15px !important;
  height: 15px !important;
}

.va-z-17 {
  width: 17px !important;
  height: 17px !important;
}

.va-z-20 {
  width: 20px !important;
  height: 20px !important;
}

.va-z-24 {
  width: 24px !important;
  height: 24px !important;
}

.va-z-25 {
  width: 25px !important;
  height: 25px !important;
}

.va-z-30 {
  width: 30px !important;
  height: 30px !important;
}

.va-z-40 {
  width: 40px !important;
  height: 40px !important;
}

.va-z-50 {
  width: 50px !important;
  height: 50px !important;
}

.va-z-70 {
  width: 70px !important;
  height: 70px !important;
}

.va-z-85 {
  width: 85px !important;
  height: 85px !important;
}

.iconstats {
  width: 30px !important;
  height: 30px !important;
  margin: 0 0 8px 0;
}

/***** Sizes END *****/
/***** Icons START *****/
.va-dragon {
  background-image: url(../../images/emojis/dragon-face_1f432.png);
}

.va-neptune {
  background-image: url(../../images/emojis/neptune.png);
}

.va-france {
  background-image: url(../../images/emojis/france.png);
}

.va-package {
  background-image: url(../../images/emojis/package_1f4e6.png);
}

.va-folder-in {
  background-image: url(../../images/emojis/inbox-tray_1f4e5.png);
}

.va-envelope-in {
  background-image: url(../../images/emojis/envelope-with-arrow_1f4e9.png);
}

.va-kraken {
  background-image: url(../../images/emojis/octopus_1f419.png);
}

.va-folder-empty {
  background-image: url(../../images/emojis/open-file-folder_1f4c2.png);
}

.va-chance {
  background-image: url(../../images/emojis/four-leaf-clover_1f340-1.png);
}

.va-jv {
  background-image: url(../../images/emojis/joystick_1f579-fe0f.png);
}

.va-tv {
  background-image: url(../../images/emojis/television_1f4fa.png);
}

.va-food {
  background-image: url(../../images/emojis/pretzel_1f968.png);
}

.va-music {
  background-image: url(../../images/emojis/optical-disk_1f4bf.png);
}

.va-sport {
  background-image: url(../../images/emojis/ping-pong_1f3d3.png);
}

.va-comics {
  background-image: url(../../images/emojis/spider-web_1f578-fe0f.png);
}

.va-chouette {
  background-image: url(../../images/emojis/owl_1f989.png);
}

.va-dodo {
  background-image: url(../../images/emojis/dodo_1f9a4.png);
}

.va-ninja {
  background-image: url(../../images/emojis/ninja_1f977-1.png);
}

.va-visionnaire {
  background-image: url(../../images/emojis/telescope_1f52d.png);
}

.va-egg {
  background-image: url(../../images/emojis/egg_1f95a.png);
}

.va-hatching-chick {
  background-image: url(../../images/emojis/hatching-chick_1f423.png);
}

.va-chick {
  background-image: url(../../images/emojis/front-facing-baby-chick_1f425.png);
}

.va-rooster {
  background-image: url(../../images/emojis/rooster_1f413.png);
}

.va-turkey {
  background-image: url(../../images/emojis/turkey_1f983.png);
}

.va-swan {
  background-image: url(../../images/emojis/swan_1f9a2.png);
}

.va-flamingo {
  background-image: url(../../images/emojis/flamingo_1f9a9.png);
}

.va-peacock {
  background-image: url(../../images/emojis/peacock_1f99a.png);
}

.va-vulcan-salute {
  background-image: url(../../images/emojis/vulcan-salute_1f596.png);
}

.va-waving-hand {
  background-image: url(../../images/emojis/waving-hand_1f44b.png);
}

.va-finger-down {
  background-image: url(../../images/emojis/backhand-index-pointing-down_1f447.png);
}

.va-change {
  background-image: url(../../images/emojis/counterclockwise-arrows-button_1f504-1.png);
}

.va-call-me-hand {
  background-image: url(../../images/emojis/call-me-hand_1f919.png);
}

.va-writing-hand {
  background-image: url(../../images/emojis/writing-hand_270d-fe0f.png);
}

.va-raised-fist {
  background-image: url(../../images/emojis/raised-fist_270a.png);
}

.va-right-facing-fist {
  background-image: url(../../images/emojis/right-facing-fist_1f91c.png);
}

.va-left-facing-fist {
  background-image: url(../../images/emojis/left-facing-fist_1f91b.png);
}

.va-folded-hands {
  background-image: url(../../images/emojis/folded-hands_1f64f.png);
}

.va-victory-hand {
  background-image: url(../../images/emojis/victory-hand_270c-fe0f.png);
}

.va-doigt-droit {
  background-image: url(../../images/emojis/doigt-droit.png);
}

.va-gem {
  background-image: url(../../images/emojis/gem-stone_1f48e.png);
}

.va-gem-rose {
  background-image: url(../../images/emojis/gem-rose.png);
}

.va-setting {
  background-image: url(../../images/emojis/gear_2699-fe0f.png);
}

.va-rocket {
  background-image: url(../../images/emojis/rocket_1f680.png);
}

.va-trophy {
  background-image: url(../../images/emojis/trophy_1f3c6.png);
}

.va-house {
  background-image: url(../../images/emojis/house.png);
}

.va-paques {
  background-image: url(../../images/emojis/paques.png);
}

.va-trash {
  background-image: url(../../images/emojis/wastebasket_1f5d1-fe0f.png);
}

.va-trash2 {
  background-image: url(../../images/emojis/litter-in-bin-sign_1f6ae-1.png);
}

.va-party-popper {
  background-image: url(../../images/emojis/party-popper_1f389.png);
}

.va-woozy-face {
  background-image: url(../../images/emojis/woozy-face_1f974.png);
}

.va-hugging-face {
  background-image: url(../../images/emojis/hugging-face_1f917.png);
}

.va-package {
  background-image: url(../../images/emojis/package_1f4e6-1.png);
}

.va-spiral-eyes {
  background-image: url(../../images/emojis/face-with-spiral-eyes_1f635-200d-1f4ab-1);
}

.va-star-struck {
  background-image: url(../../images/emojis/star-struck_1f929.png);
}

.va-twitch {
  background-image: url(../../images/emojis/twitch.png);
}

.va-youtube {
  background-image: url(../../images/emojis/yt.png);
}

.va-smiling-face-with-heart-eyes {
  background-image: url(../../images/emojis/smiling-face-with-heart-eyes_1f60d.png);
}

.va-face-screaming {
  background-image: url(../../images/emojis/face-screaming-in-fear_1f631.png);
}

.va-recommencer {
  background-image: url(../../images/emojis/counterclockwise-arrows-button_1f504.png);
}

.va-upside-down-face {
  background-image: url(../../images/emojis/upside-down-face_1f643.png);
}

.va-anxious-face-with-sweat {
  background-image: url(../../images/emojis/anxious-face-with-sweat_1f630.png);
}

.va-santa {
  background-image: url(../../images/emojis/santa-claus_1f385.png);
}

.va-smiling-face-with-hearts {
  background-image: url(../../images/emojis/smiling-face-with-hearts_1f970.png);
}

.va-man-raising {
  background-image: url(../../images/emojis/man-raising-hand_1f64b-200d-2642-fe0f.png);
}

.va-link {
  background-image: url(../../images/emojis/link_1f517.png);
}

.va-monocle {
  background-image: url(../../images/emojis/face-with-monocle_1f9d0.png);
}

.va-squinting-face-with-tongue {
  background-image: url(../../images/emojis/squinting-face-with-tongue_1f61d.png);
}

.va-swinking-face-with-tongue {
  background-image: url(../../images/emojis/winking-face-with-tongue_1f61c.png);
}

.va-cold-face {
  background-image: url(../../images/emojis/cold-face_1f976.png);
}

.va-full-moon-face {
  background-image: url(../../images/emojis/full-moon-face_1f31d.png);
}

.va-new-moon-face {
  background-image: url(../../images/emojis/new-moon-face_1f31a.png);
}

.va-vkrzteam {
  background-image: url(../../images/emojis/vkrzteam.png);
}

.va-confetti {
  background-image: url(../../images/emojis/confetti.png);
}

.va-keycap-digit-one {
  background-image: url(../../images/emojis/keycap-digit-one_31-fe0f-20e3-1.png);
}

.va-keycap-digit-two {
  background-image: url(../../images/emojis/keycap-digit-two_32-fe0f-20e3-1.png);
}

.va-keycap-digit-three {
  background-image: url(../../images/emojis/keycap-digit-three.png);
}

.va-trois {
  background-image: url(../../images/emojis/keycap-digit-three.png);
}

.va-calendar {
  background-image: url(../../images/emojis/calendar_1f4c5.png);
}

.va-micro {
  background-image: url(../../images/emojis/micro.png);
}

.va-ninja {
  background-image: url(../../images/emojis/ninja_1f977.png);
}

.va-water {
  background-image: url(../../images/emojis/sweat-droplets_1f4a6.png);
}

.va-eyes {
  background-image: url(../../images/emojis/eyes_1f440.png);
}

.va-keurz {
  background-image: url(../../images/emojis/purple-heart_1f49c.png);
}

.va-compteur {
  background-image: url(../../images/emojis/abacus_1f9ee.png);
}

.va-globe {
  background-image: url(../../images/emojis/globe-showing-americas_1f30e.png);
}

.va-cart {
  background-image: url(../../images/emojis/shopping-cart_1f6d2.png);
}

.va-person-gesturing-no {
  background-image: url(../../images/emojis/person-gesturing-no_1f645.png);
}

.va-exploding-head {
  background-image: url(../../images/emojis/exploding-head_1f92f.png);
}

.va-crown {
  background-image: url(../../images/emojis/crown_1f451.png);
}

.va-coupon {
  background-image: url(../../images/emojis/label_1f3f7-fe0f.png);
}

.va-shopping {
  background-image: url(../../images/emojis/shopping-bags_1f6cd-fe0f.png);
}

.va-satellite {
  background-image: url(../../images/emojis/satellite_1f4e1.png);
}

.va-satellite {
  background-image: url(../../images/emojis/satellite.png);
}

.va-creator {
  background-image: url(../../images/emojis/man-singer_1f468-200d-1f3a4.png);
}

.va-money {
  background-image: url(../../images/emojis/money-bag_1f4b0.png);
}

.va-sports-medal {
  background-image: url(../../images/emojis/sports-medal_1f3c5.png);
}

.va-pouce-up {
  background-image: url(../../images/emojis/pouce-up.png);
}

.va-pouce-down {
  background-image: url(../../images/emojis/pouce-down.png);
}

.va-velo {
  background-image: url(../../images/emojis/person-biking_1f6b4.png);
}

.va-velo-hard {
  background-image: url(../../images/emojis/person-mountain-biking_1f6b5.png);
}

.va-cheese1 {
  background-image: url(../../images/emojis/face-savoring-food_1f60b.png);
}

.va-cheese2 {
  background-image: url(../../images/emojis/winking-face-with-tongue_1f61c-1.png);
}

.va-guetteur {
  background-image: url(../../images/emojis/face-with-peeking-eye_1fae3.png);
}

.va-mush {
  background-image: url(../../images/emojis/mushroom_1f344.png);
}

.va-duo {
  background-image: url(../../images/emojis/people-with-bunny-ears_1f46f.png);
}

.va-cheese3 {
  background-image: url(../../images/emojis/zany-face_1f92a.png);
}

.va-camping {
  background-image: url(../../images/emojis/camping_1f3d5-fe0f.png);
}

.va-lama {
  background-image: url(../../images/emojis/llama_1f999.png);
}

.va-spiral-eyes {
  background-image: url(../../images/emojis/face-with-spiral-eyes_1f635-200d-1f4ab.png);
}

.va-celebrate {
  background-image: url(../../images/emojis/partying-face_1f973.png);
}

.va-fire {
  background-image: url(../../images/emojis/fire_1f525.png);
}

.va-disquette {
  background-image: url(../../images/emojis/floppy-disk_1f4be.png);
}

.va-italian-finger {
  background-image: url(../../images/emojis/pinched-fingers_1f90c.png);
}

.va-hourglass {
  background-image: url(../../images/emojis/hourglass-not-done_23f3.png);
}

.va-medal-1 {
  background-image: url(../../images/emojis/1st-place-medal_1f947.png);
}

.va-medal-2 {
  background-image: url(../../images/emojis/2nd-place-medal_1f948.png);
}

.va-medal-3 {
  background-image: url(../../images/emojis/3rd-place-medal_1f949.png);
}

.va-new-button {
  background-image: url(../../images/emojis/new-button_1f195.png);
}

.va-nobell {
  background-image: url(../../images/emojis/bell-with-slash_1f515.png);
}

.va-dynamite {
  background-image: url(../../images/emojis/firecracker_1f9e8.png);
}

.va-keycap-5 {
  background-image: url(../../images/emojis/keycap-digit-five_35-fe0f-20e3.png);
}

.va-throw-bin-button {
  background-image: url(../../images/emojis/litter-in-bin-sign_1f6ae.png);
}

.va-free-button {
  background-image: url(../../images/emojis/free-button_1f193.png);
}

.va-play-button {
  background-image: url(../../images/emojis/play-button_25b6-fe0f.png);
}

.va-left-arrow {
  background-image: url(../../images/emojis/left-arrow_2b05-fe0f.png);
}

.va-slot {
  background-image: url(../../images/emojis/crossed-swords_2694-fe0f.png);
}

.va-clapping {
  background-image: url(../../images/emojis/clapping-hands_1f44f.png);
}

.va-casier {
  background-image: url(../../images/emojis/file-cabinet_1f5c4-fe0f.png);
}

.va-unknow {
  background-image: url(../../images/emojis/person-shrugging_1f937.png);
}

.va-seven {
  background-image: url(../../images/emojis/keycap-digit-seven_37-fe0f-20e3.png);
}

.va-gpexplorer {
  background-image: url(../../images/emojis/f1.png);
}

.va-avis {
  background-image: url(../../images/emojis/glowing-star_1f31f.png);
}

.va-star {
  background-image: url(../../images/emojis/star_2b50.png);
}

.va-t-shirt {
  background-image: url(../../images/emojis/t-shirt_1f455.png);
}

.va-hundred {
  background-image: url(../../images/emojis/hundred-points_1f4af.png);
}

.va-de {
  background-image: url(../../images/emojis/game-die_1f3b2.png);
}

.va-casino {
  background-image: url(../../images/emojis/slot-machine_1f3b0.png);
}

.va-explosion {
  background-image: url(../../images/emojis/collision_1f4a5.png);
}

.va-barber {
  background-image: url(../../images/emojis/barber-pole_1f488.png);
}

.va-loupe {
  background-image: url(../../images/emojis/magnifying-glass-tilted-left_1f50d.png);
}

.va-cross {
  background-image: url(../../images/emojis/cross-mark_274c.png);
}

.va-timer-clock {
  background-image: url(../../images/emojis/timer-clock_23f2-fe0f.png);
}

.va-flexed-biceps {
  background-image: url(../../images/emojis/flexed-biceps_1f4aa.png);
}

.va-dizzy {
  background-image: url(../../images/emojis/dizzy_1f4ab.png);
}

.va-high-voltage {
  background-image: url(../../images/emojis/high-voltage_26a1.png);
}

.va-stopwatch {
  background-image: url(../../images/emojis/stopwatch_23f1-fe0f.png);
}

.va-stopwatch-check {
  background-image: url(../../images/emojis/stopwatch-check.png);
}

.va-light-bulb {
  background-image: url(../../images/emojis/light-bulb_1f4a1.png);
}

.va-face-money {
  background-image: url(../../images/emojis/money-mouth-face_1f911.png);
}

.va-cowboy {
  background-image: url(../../images/emojis/cowboy-hat-face_1f920.png);
}

.va-rock {
  background-image: url(../../images/emojis/rock_1faa8.png);
}

.va-un {
  background-image: url(../../images/emojis/keycap-digit-one_31-fe0f-20e3.png);
}

.va-deux {
  background-image: url(../../images/emojis/keycap-digit-two_32-fe0f-20e3.png);
}

.va-mechanical-arm {
  background-image: url(../../images/emojis/mechanical-arm_1f9be.png);
}

.va-chequered-flag {
  background-image: url(../../images/emojis/chequered-flag_1f3c1.png);
}

.va-prince {
  background-image: url(../../images/emojis/prince_1f934.png);
}

.va-comment {
  background-image: url(../../images/emojis/speech-balloon_1f4ac.png);
}

.va-birthday-cake {
  background-image: url(../../images/emojis/birthday-cake_1f382.png);
}

.va-detective {
  background-image: url(../../images/emojis/detective_1f575-fe0f.png);
}

.va-updown {
  background-image: url(../../images/emojis/up-down-arrow_2195-fe0f.png);
}

.va-repeat {
  background-image: url(../../images/emojis/recycling-symbol_267b-fe0f.png);
}

.va-hache {
  background-image: url(../../images/emojis/axe_1fa93.png);
}

.va-heart-hands {
  background-image: url(../../images/emojis/heart-hands_1faf6.png);
}

.va-skull {
  background-image: url(../../images/emojis/skull_1f480.png);
}

.va-genie {
  background-image: url(../../images/emojis/genie_1f9de.png);
}

.va-love-people {
  background-image: url(../../images/emojis/kiss_1f48f.png);
}

.va-guetteur-close {
  background-image: url(../../images/emojis/guetteur-close.png);
}

.va-wheel {
  background-image: url(../../images/emojis/wheel.png);
}

.va-camera {
  background-image: url(../../images/emojis/camera.png);
}

.va-wrapped-gift {
  background-image: url(../../images/emojis/wrapped-gift_1f381.png);
}

.va-gift {
  background-image: url(../../images/emojis/wrapped-gift_1f381.png);
}

.va-calendar-saved {
  background-image: url(../../images/icon/savetop.svg);
}

.va-question-white {
  background-image: url(../../images/emojis/white-question-mark_2754.png);
}

.va-calendar-tosaved {
  background-image: url(../../images/icon/topsaved.svg);
}

.va-placard {
  background-image: url(../../images/emojis/placard_1faa7.png);
}

.va-megaphone {
  background-image: url(../../images/emojis/megaphone_1f4e3.png);
}

.va-envelop-coeur {
  background-image: url(../../images/emojis/love-letter_1f48c.png);
}

.va-eye-crossed {
  background-image: url(../../images/emojis/dizzy-face_1f635.png);
}

.va-exclamation-question {
  background-image: url(../../images/emojis/exclamation-question.png);
}

.va-horn {
  background-image: url(../../images/emojis/postal-horn_1f4ef.png);
}

.va-laptop {
  background-image: url(../../images/emojis/laptop_1f4bb.png);
}

.va-blog {
  background-image: url(../../images/emojis/blog.png);
}

.va-down-arrow {
  background-image: url(../../images/emojis/down-arrow.png);
}

.va-bell {
  background-image: url(../../images/emojis/bell.png);
}

.va-sun {
  background-image: url(../../images/emojis/sun_2600-fe0f.png);
}

.va-japon {
  background-image: url(../../images/emojis/flag-japan_1f1ef-1f1f5.png);
}

.va-sign-of-the-horns {
  background-image: url(../../images/emojis/sign-of-the-horns_1f918.png);
}

.va-grinning-face-with-smiling-eyes {
  background-image: url(../../images/emojis/grinning-face-with-smiling-eyes.png);
}

.va-lolipop {
  background-image: url(../../images/emojis/lollipop_1f36d.png);
}

.va-kissing {
  background-image: url(../../images/emojis/kissing-face_1f617.png);
}

.va-icon-arrow-up {
  background-image: url(../../images/emojis/icon-arrow-up.png);
}

.va-calendar {
  background-image: url(../../images/emojis/tear-off-calendar_1f4c6.png);
}

.va-pencil {
  background-image: url(../../images/emojis/pencil_270f-fe0f.png);
}

.va-left-arrow {
  background-image: url(../../images/emojis/left-arrow_2b05-fe0f-1.png);
}

.va-contender {
  background-image: url(../../images/emojis/flexed-biceps_1f4aa-1.png);
}

.va-memo {
  background-image: url(../../images/emojis/memo_1f4dd.png);
}

.va-enveloppe-coeur {
  background-image: url(../../images/emojis/enveloppe-coeur.png);
}

.va-bookmark {
  background-image: url(../../images/emojis/bookmark_1f516.png);
}

.va-toplist-creator {
  background-image: url(../../images/emojis/toplist-creator.png);
}

.va-vote-creator {
  background-image: url(../../images/emojis/vote-creator.png);
}

.va-door {
  background-image: url(../../images/emojis/door_1f6aa.png);
}

.va-hut {
  background-image: url(../../images/emojis/hut_1f6d6.png);
}

.va-couch {
  background-image: url(../../images/emojis/couch.png);
}

.va-temple {
  background-image: url(../../images/emojis/temple.png);
}

.va-chato-jap {
  background-image: url(../../images/emojis/chato-jap.png);
}

.va-castle {
  background-image: url(../../images/emojis/castle.png);
}

.va-planet {
  background-image: url(../../images/emojis/planet.png);
}

.va-square {
  background-image: url(../../images/emojis/square.png);
}

.va-play {
  background-image: url(../../images/emojis/play.png);
}

.va-check {
  background-image: url(../../images/emojis/check-mark-button_2705.png);
}

.va-f1 {
  background-image: url(../../images/emojis/racing-car_1f3ce-fe0f.png);
}

.va-boiteaulettre {
  background-image: url(../../images/emojis/open-mailbox-with-raised-flag_1f4ec.png);
}

.va-atomish {
  background-image: url(../../images/emojis/astonished-face_1f632.png);
}

.va-soucoupe {
  background-image: url(../../images/emojis/soucoupe.png);
}

.va-finger-you {
  background-image: url(../../images/emojis/finger-you.png);
}

.va-react-face-smiling-with-hearts {
  background-image: url(../../images/emojis/react-smiling-face-with-hearts.png);
}

.va-react-face-saluting {
  background-image: url(../../images/emojis/react-saluting-face.png);
}

.va-react-face-yawming {
  background-image: url(../../images/emojis/yawning-face_1f971.png);
}

.va-react-face-screaming {
  background-image: url(../../images/emojis/face-screaming-in-fear_1f631.png);
}

.va-react-face-lying {
  background-image: url(../../images/emojis/react-lying-face.png);
}

.va-react-face-nauseated {
  background-image: url(../../images/emojis/react-nauseated-face.png);
}

.va-react-face-with-symbols-on-mouth {
  background-image: url(../../images/emojis/react-face-with-symbols-on-mouth.png);
}

.va-react-face-shushing {
  background-image: url(../../images/emojis/shushing-face_1f92b.png);
}

.va-man-nose {
  background-image: url(../../images/emojis/man-shrugging_1f937-200d-2642-fe0f.png);
}

.va-man-gesturing-no {
  background-image: url(../../images/emojis/man-gesturing-no_1f645-200d-2642-fe0f.png);
}

.va-teacher {
  background-image: url(../../images/emojis/man-teacher-light-skin-tone_1f468-1f3fb-200d-1f3eb.png);
}

.va-soucoupe {
  background-image: url(../../images/emojis/flying-saucer_1f6f8.png);
}

.va-chart {
  background-image: url(../../images/emojis/bar-chart_1f4ca.png);
}

.va-bag {
  background-image: url(../../images/emojis/shopping-bags_1f6cd-fe0f.png);
}

.va-nerd {
  background-image: url(../../images/emojis/dotted-line-face_1fae5.png);
}

.va-rondviolet {
  background-image: url(../../images/emojis/large-purple-circle_1f7e3.png);
}

.va-coeurviolet {
  background-image: url(../../images/emojis/purple-heart_1f49c-1.png);
}

.va-cross-fingers {
  background-image: url(../../images/emojis/crossed-fingers_1f91e.png);
}

.va-pizza {
  background-image: url(../../images/emojis/pizza.png);
}

.va-versus {
  background-image: url(../../images/emojis/vs-button_1f19a.png);
}

.va-raising-hands {
  background-image: url(../../images/emojis/raising-hands_1f64c.png);
}

.va-twitch-logo {
  background-image: url(../../images/emojis/twitch-logo.png);
}

.va-santa {
  background-image: url(../../images/emojis/santa-claus_1f385-1.png);
}

.va-drooling-face {
  background-image: url(../../images/emojis/drooling-face_1f924.png);
}

.va-construction {
  background-image: url(../../images/emojis/construction_1f6a7.png);
}

.va-kiss {
  background-image: url(../../images/emojis/face-blowing-a-kiss_1f618.png);
}

.va-saluting {
  background-image: url(../../images/emojis/saluting-face_1fae1.png);
}

.va-microscope {
  background-image: url(../../images/emojis/microscope_1f52c.png);
}

.va-bail {
  background-image: url(../../images/emojis/shushing-face_1f92b.png);
}

.va-chut {
  background-image: url(../../images/emojis/yawning-face_1f971.png);
}

.va-bogoss {
  background-image: url(../../images/emojis/smiling-face-with-sunglasses_1f60e.png);
}

.va-christmas-tree {
  background-image: url(../../images/emojis/christmas-tree_1f384.png);
}

/***** Icons END *****/
.parrainage-card .card-header .card-title {
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  margin: 0;
  text-align: center;
}
.parrainage-card .card-body .btn {
  width: 100%;
  max-width: 450px;
  padding: 0.6rem 1rem !important;
}
.parrainage-card .card-body .btn p.h4 {
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .parrainage-card .card-body .btn {
    width: 100%;
    padding: 0.6rem !important;
  }
  .parrainage-card .card-body .btn p.h4 {
    font-size: 1rem;
  }
}
.parrainage-card .card-body .btn-solocode {
  border: 1px solid #f4167f;
}
.parrainage-card .card-body .btn-solocode p {
  color: #f4167f !important;
}
.parrainage-card .parrainage-rs {
  width: 100%;
}
.parrainage-card .parrainage-rs ul {
  list-style: none;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 0.6rem;
  margin: 0;
}
@media (max-width: 768px) {
  .parrainage-card .parrainage-rs ul {
    gap: 0.8rem;
    justify-content: space-around;
  }
}
.parrainage-card .parrainage-rs ul i {
  display: grid;
  place-items: center;
  font-size: 1.3rem;
  border-radius: 50%;
  border: #7367f0 2px solid;
  width: 50px;
  height: 50px;
  transition: 0.3s all;
  color: #7367f0;
}
@media (max-width: 768px) {
  .parrainage-card .parrainage-rs ul i {
    font-size: 1.1rem;
    width: 40px;
    height: 40px;
  }
}
.parrainage-card .parrainage-rs ul i:hover {
  border: #f4167f 2px solid;
  color: #f4167f !important;
}
.parrainage-card hr {
  border-color: rgba(114, 103, 240, 0.4745098039) !important;
}
.parrainage-card h6 {
  color: #7367f0;
}

.parrainage-rs-bottom {
  gap: 1rem;
}
.parrainage-rs-bottom h6 {
  color: #fff;
}
.parrainage-rs-bottom form {
  gap: 0.5rem;
}
.parrainage-rs-bottom form input {
  min-width: 250px;
  max-width: 100%;
}

.is_parrained {
  display: none;
}

.sidebar h4 {
  font-size: 1rem;
  display: flex;
  align-items: center;
  margin: 5px 0 5px;
}
.sidebar h4 span {
  margin-right: 10px;
}

.widget {
  margin: 0 !important;
}
.widget .card-body {
  padding: 10px;
}

#jugement, #messages {
  margin: 0;
}
#jugement .offcanvas-body, #messages .offcanvas-body {
  padding: 10px;
  display: flex;
  flex-direction: column;
  height: 95vh;
}
#jugement .info-jugement, #jugement .info-message, #messages .info-jugement, #messages .info-message {
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #A9A9AC;
  font-family: "Montserrat";
  font-weight: 600;
}
#jugement .card-footer, #messages .card-footer {
  margin-top: 10px;
  padding: 0;
  position: sticky;
  bottom: 17px;
}
#jugement .comments-container, #messages .comments-container {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
}
#jugement .comments-container .comment-template, #messages .comments-container .comment-template {
  padding-bottom: 1rem !important;
  border-bottom: #2e2e79 1px solid;
}
#jugement .commentarea-container, #messages .commentarea-container {
  position: relative;
}
#jugement .commentarea-container textarea, #messages .commentarea-container textarea {
  border: 2px solid #2e2e79;
  border-radius: 5px;
  width: 100%;
  background-color: transparent !important;
  font-size: 13px;
  resize: none;
  padding: 5px 10px 10px;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  height: 100px;
}
#jugement .commentarea-container textarea::-moz-placeholder, #messages .commentarea-container textarea::-moz-placeholder {
  -webkit-text-fill-color: #A9A9AC !important;
}
#jugement .commentarea-container textarea::placeholder, #messages .commentarea-container textarea::placeholder {
  -webkit-text-fill-color: #A9A9AC !important;
}
#jugement .commentarea-container textarea:focus, #messages .commentarea-container textarea:focus {
  outline: #7368F0 1px solid;
  border: #7368F0 1px solid;
}
#jugement .commentarea-container button, #messages .commentarea-container button {
  position: absolute;
  right: 0px;
  top: 8px;
}
#jugement .commentarea-container #send_comment_btn, #jugement .commentarea-container #send_message_btn, #messages .commentarea-container #send_comment_btn, #messages .commentarea-container #send_message_btn {
  background: none !important;
  border: none;
  outline: none;
}
#jugement .deleteCommentBtn, #messages .deleteCommentBtn {
  margin-right: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%237367f0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='%237367f0' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%237367f0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%237367f0' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  padding: 0.44rem 0.44rem 1rem 0.44rem;
}
#jugement .replyCommentBtn, #messages .replyCommentBtn {
  font-size: 10px;
}
#jugement .comment-template .avatar, #messages .comment-template .avatar {
  margin-right: 12px;
}
#jugement .comment-template .media-body, #messages .comment-template .media-body {
  width: 100%;
}
#jugement .comment-template .media-body .pseudo-text small, #messages .comment-template .media-body .pseudo-text small {
  font-size: 0.95em;
  font-weight: 600;
  display: block;
  padding-bottom: 0.5rem;
}
#jugement .comment-template .media-body small, #messages .comment-template .media-body small {
  font-size: 0.75em;
  margin-left: 0.4rem;
  display: block;
  padding-bottom: 0.5rem;
}
#jugement .comment-template .media-heading, #messages .comment-template .media-heading {
  padding: 5px;
  margin: 10px 2px 5px;
  font-size: 0.8rem;
}

#sharetoplist {
  min-height: 100vh;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
#sharetoplist h5.offcanvas-title {
  text-align: center;
  color: #f4167f;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
#sharetoplist h5.offcanvas-title small {
  color: rgba(255, 255, 255, 0.5);
  font-weight: normal;
  font-size: 0.85rem;
}
#sharetoplist .offcanvas-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#sharetoplist .offcanvas-body .share-classement-content-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
#sharetoplist .offcanvas-body .share-classement-content-box a {
  display: flex;
  align-items: center;
  justify-content: start;
}
#sharetoplist .offcanvas-body .share-classement-content-box a small {
  display: block;
}

#infostop .separate {
  margin: 20px auto;
}
#infostop .presentationtop h4 {
  align-items: start;
  font-size: 1rem;
}
#infostop .presentationtop h4 span {
  margin: 0 5px;
}
#infostop .presentationtop .card-text {
  font-weight: 600;
}
#infostop .top-resume-tool h4 {
  font-size: 1rem;
}
#infostop .top-resume-tool .link-to-creator {
  margin: 20px auto 0;
  width: auto;
}
#infostop .top-resume-tool .link-to-creator .avatar {
  width: 60px;
}
#infostop .top-resume-tool .link-to-creator h4 {
  text-align: left;
}
#infostop .partagetop li {
  list-style-type: none;
}
#infostop .partagetop li a {
  text-align: center;
  font-family: "Lato", sans-serif;
  display: inline-block;
  font-size: 0.9rem;
  padding: 0.5em 2em;
  font-weight: 500;
  border: 2px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  border-radius: 6px;
  margin: 0.5rem 0;
  transition: 0.3s all;
  width: 100%;
}
#infostop .partagetop li a:hover {
  border-color: #f4167f;
  color: #f4167f;
}

.btn-avatar {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.avatar-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.avatar-message .avatar-picture {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin: 0 8px 0 0;
  background-size: cover;
}

.separate {
  height: 3px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  width: 70%;
  margin: 0 auto;
}

.btn-emoji-recommencer,
.btn-emoji-de {
  transition: all 1s ease-in;
}
.btn-emoji-recommencer:hover,
.btn-emoji-de:hover {
  transform: rotate(360deg);
}

.va-reverse {
  transform: scaleX(-1);
}

.bg-deg {
  background: linear-gradient(150deg, #0c0b27, #471867, #0c0b27, #230b36, #0c0b27);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.divfill {
  height: 100%;
  width: 100%;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotating span {
  animation: rotating 2s linear infinite;
}

.btn-label-primary {
  background: rgba(255, 255, 255, 0.05);
}

.dark-style table.dataTable td a.btn {
  margin: 0 2px;
}

.search .search-group {
  border: 2px solid #20153c;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  position: relative;
  top: -1px;
}
.search .select-search {
  max-width: 120px;
  border-right: 1px solid #20153c;
}
.search .input-search {
  min-width: 200px;
}
.search .bootstrap-select {
  max-width: 100%;
  background: transparent !important;
  border: none;
}
.search .bootstrap-select .dropdown-toggle {
  background: transparent !important;
  border: none;
}
.search .typeahead-prefetch {
  background: transparent !important;
  border: none;
  font-size: 13px;
  font-family: "montserrat";
  font-weight: 600;
}
.search .typeahead-prefetch::-moz-placeholder {
  font-size: 13px;
  font-family: "montserrat";
  font-weight: 600;
}
.search .typeahead-prefetch::placeholder {
  font-size: 13px;
  font-family: "montserrat";
  font-weight: 600;
}
.search .searchmembres {
  display: none;
}
.search .submitbtn {
  background-color: transparent;
  padding: 8px;
  border: none;
}
.search .dropdown-item .text {
  font-weight: 600;
  font-size: 0.75rem;
  text-align: center;
}

.reseauxicons ul {
  padding: 0;
  margin: 0;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 5px 0;
  white-space: nowrap;
  justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
  padding: 0.594rem 0.35rem;
  min-width: calc(1.938rem + 0px);
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 5px !important;
  transition: all 0.2s ease-in;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link:hover {
  background-color: #7367f0 !important;
}

.pagination .page-item.active .page-link {
  background-color: #7367f0 !important;
}

.avg-sessions p {
  font-weight: 500;
  margin-bottom: 5px;
}

.top3list {
  display: flex;
}

.top-card h6 {
  font-size: 0.75rem;
}
.top-card .legende {
  font-size: 0.75rem;
}

.table > :not(caption) > * > * {
  border-bottom: none;
  border-top-width: 1px;
}

.valuestat .text-muted {
  font-weight: 600;
}

.dropdown-item {
  font-weight: 500;
  font-size: 0.85rem;
}

.btn-log {
  padding: 10px;
  font-weight: 700 !important;
}

.rezo-menu {
  margin: 50px 0.875rem 0;
  width: 90%;
}
.rezo-menu a {
  height: 50px;
}
.rezo-menu a i {
  font-size: 1.2rem;
}

.fermerrecherche {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  bottom: 50px;
  width: 100%;
  left: -5px;
  font-size: 0.8rem;
}

#waiter-recherche .search .search-group {
  justify-content: start;
  height: 60px;
}
#waiter-recherche .submitbtn {
  background-color: #2a1f70;
  padding: 8px;
  border: none;
  width: 100%;
  border-radius: 5px;
  margin-top: 5px;
}

.cat-min h4 {
  font-size: 0.85rem;
}

.toplist-min {
  border: 2px solid #261341;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}
.toplist-min .voilecover {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.15;
  background-size: cover;
}
.toplist-min .toplist-min-header {
  display: flex;
  flex-direction: column;
  padding: 20px 10px 10px;
}
.toplist-min .toplist-min-ranking {
  margin-bottom: 10px;
  position: relative;
}
.toplist-min .toplist-min-ranking h6 {
  font-size: 0.75rem;
  margin-bottom: 5px;
}
.toplist-min .toplist-min-ranking .list-contenders {
  justify-content: center;
}
.toplist-min .toplist-min-footer {
  border-top: 2px solid #261341;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 2px;
}
.toplist-min .toplist-min-vainkeur, .toplist-min .juger-min {
  transform: scale(0.9);
}

.juger-min a {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 1px 0;
}
.juger-min a i {
  width: 25px !important;
  height: 25px !important;
  margin: 0 auto;
  display: block;
}

.dodo-user .vainkeur-card a {
  border: 2px solid #261341 !important;
  transition: all 0.2s ease-in;
}
.dodo-user .vainkeur-card a:hover {
  background-color: transparent !important;
  border: 2px solid #7367f0 !important;
}

.creatornametop {
  display: flex;
  flex-direction: row !important;
}
.creatornametop h4 {
  margin: 0 5px 0 2px !important;
}

.scale08 {
  transform: scale(0.8);
}

.info-creator {
  border-top: 1px solid #110a27;
}

.btn-wording {
  text-transform: uppercase;
}
.btn-wording .va {
  margin-right: 10px;
}
.btn-wording:hover {
  color: #fff;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100%;
  width: 100%;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(16, 0, 26, 0.85);
}
.popup-overlay .popup {
  display: grid;
  place-items: center;
  text-align: center;
  margin: 0 auto;
  width: 750px;
  max-width: 100%;
  padding: 0 10px 10px 10px;
  border-radius: 12px;
  z-index: 1001;
}
.popup-overlay .popup .popup-body {
  transition: 0.5s;
}
.popup-overlay .popup .popup-body p:first-of-type > img {
  width: 180px;
}
.popup-overlay .popup .btn-wording-rose {
  font-weight: bold;
  letter-spacing: 0;
  border-radius: 6px !important;
  text-transform: uppercase;
  margin: unset !important;
  margin-top: 0.3rem !important;
}
.popup-overlay .popup .popup-footer .popup-dots .dot {
  height: 7px;
  width: 7px;
  background-color: #806E8B;
  border-radius: 50%;
  display: inline-block;
  padding: 3px;
  cursor: pointer;
  transition: 0.3s;
}
.popup-overlay .popup .popup-footer .popup-dots .dot.active {
  background-color: #FFF;
}
.popup-overlay .popup .popup-footer .popup-retour {
  display: inline-block;
  color: #f4167f;
  font-style: italic;
  cursor: pointer;
}
.popup-overlay .popup .message_de_confirmation {
  padding: 0.5rem;
}
.popup-overlay .popup .message_de_confirmation p {
  text-align: left !important;
}
.popup-overlay .popup .message_de_confirmation a {
  border: 1px solid white;
  color: #fff;
  font-size: 1rem;
  font-weight: bolder;
  display: block;
  border-radius: 12px;
  padding: 0.3rem;
  transition: all 0.3s;
}
.popup-overlay .popup .message_de_confirmation a:hover {
  color: #70D142;
  border: 1px solid #70D142;
}
.popup-overlay .popup p {
  line-height: 1.5;
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0 0 10px 0;
}
@media (max-width: 768px) {
  .popup-overlay .popup p {
    font-size: 0.9rem;
    text-align: center;
  }
}
.popup-overlay .popup strong {
  font-weight: bold;
}
.popup-overlay .popup .close-popup {
  margin-left: auto;
  background: none;
  border: none;
  outline: none;
  font-size: 0.8rem;
  color: #FFF;
  line-height: 100%;
}
.popup-overlay .popup #close-popup.only-x {
  position: absolute;
  top: -11px;
  right: -6px;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 6px;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  background-color: #3d425f;
  padding: 0.1rem 0.4rem;
  opacity: 0.6;
  transition: opacity 0.3s;
}
.popup-overlay .popup #close-popup.only-x:hover {
  opacity: 0.8;
}
.popup-overlay .popup h6 {
  color: #7367f0;
}
.popup-overlay .popup .fin_de_la_sponso {
  font-weight: bolder;
}
.popup-overlay .popup .popup-share-toplist p:first-of-type {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.popup-overlay .participate-popup {
  background: #312673;
}
@media (max-width: 768px) {
  .popup-overlay .participate-popup {
    max-width: 90%;
    width: 90%;
  }
}
.popup-overlay .participate-popup .popup-body form {
  display: flex;
}
@media (max-width: 768px) {
  .popup-overlay .participate-popup .popup-body form {
    flex-direction: column;
  }
}
.popup-overlay .participate-popup .popup-body form input[type=email] {
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid #f4167f;
  padding: 10px;
  color: #fff;
  flex: 1;
  border-radius: 10px 0 0 10px !important;
  outline: none;
}
.popup-overlay .participate-popup .popup-body form input[type=email]:-webkit-autofill, .popup-overlay .participate-popup .popup-body form input[type=email]:-webkit-autofill:hover, .popup-overlay .participate-popup .popup-body form input[type=email]:-webkit-autofill:focus, .popup-overlay .participate-popup .popup-body form input[type=email]:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px transparent;
}
.popup-overlay .participate-popup .popup-body form input[type=email]::-moz-placeholder {
  color: #f4167f;
}
.popup-overlay .participate-popup .popup-body form input[type=email]::placeholder {
  color: #f4167f;
}
@media (max-width: 768px) {
  .popup-overlay .participate-popup .popup-body form input[type=email]::-moz-placeholder {
    text-align: center;
  }
  .popup-overlay .participate-popup .popup-body form input[type=email]::placeholder {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .popup-overlay .participate-popup .popup-body form input[type=email] {
    border-radius: 5px 5px 0 0 !important;
  }
}
.popup-overlay .participate-popup .popup-body form button {
  background: #f4167f;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0px 10px 10px 0 !important;
  font-size: 0.9rem;
}
@media (max-width: 768px) {
  .popup-overlay .participate-popup .popup-body {
    padding: 0.8rem;
  }
}
.popup-overlay .referral-popup {
  max-width: 420px;
}
.popup-overlay .referral-popup .close-popup {
  transition: 0.3s all;
  font-size: 2.4rem;
}
.popup-overlay .referral-popup .close-popup:hover {
  color: #f4167f;
}
@media (max-width: 768px) {
  .popup-overlay .referral-popup {
    max-width: unset;
    width: 90% !important;
  }
  .popup-overlay .referral-popup .close-popup {
    font-size: 1.4rem;
    margin-top: unset;
    margin-right: 0.5rem;
  }
  .popup-overlay .referral-popup .btn {
    padding: 0.7rem !important;
  }
}
.popup-overlay .referral-popup .popup-body {
  padding: unset;
}
.popup-overlay .finish-participate-popup .popup-body {
  display: flex;
  flex-direction: column;
}
.popup-overlay .finish-participate-popup .popup-body .datefinmail span {
  display: block;
  text-align: center;
  font-weight: 800;
  font-size: 20px;
}
.popup-overlay .popup-slides {
  position: relative;
  overflow: hidden;
  padding: 0.3rem 1rem 1rem;
}
.popup-overlay .popup-share p {
  font-weight: bold;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-style: italic;
  margin: 12px auto !important;
}
@media (max-width: 768px) {
  .popup-overlay .popup-share p {
    font-size: 1rem;
  }
}
.popup-overlay .popup-share .separate {
  margin: 24px auto;
}
.popup-overlay .slide-left {
  transform: translateX(-100%);
}
.popup-overlay .slide-right {
  transform: translateX(150%);
}
.popup-overlay .rotate-in-center {
  animation: rotate-in-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes rotate-in-center {
  0% {
    transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
.popup-overlay .scale-up-center {
  animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@keyframes scale-up-center {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

.popup-header {
  position: relative;
  top: -30px;
}
.popup-header h3 {
  background: #7367f0;
  border: none;
  border-radius: 5px;
  text-align: center;
  padding: 10px 20px;
  display: inline-block;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  display: inline-flex;
  transform: rotate(-2deg);
  position: relative;
  top: 10px;
  z-index: 2;
}
@media (max-width: 768px) {
  .popup-header h3 {
    padding: 8px 10px;
    font-size: 1rem;
    width: 80%;
  }
}

.banner-preview {
  position: relative;
  max-width: 350px;
  margin: 30px auto;
}
.banner-preview p.legendbanner {
  font-size: 0.85rem;
  color: #A9A9AC;
  margin-top: 10px;
}

.info-concours {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
}
@media (max-width: 768px) {
  .info-concours {
    flex-direction: column-reverse;
    gap: 5px;
  }
}
.info-concours .info-win {
  text-align: left;
}
.info-concours .info-win p {
  font-size: 1.2rem;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .info-concours .info-win p {
    font-size: 1rem;
  }
}
.info-concours-left {
  width: 50%;
}
@media (max-width: 768px) {
  .info-concours-left {
    width: 100%;
  }
}
.info-concours .info-win-gift p {
  margin-top: 4px;
  font-size: 0.8rem;
  font-weight: bold;
  font-style: italic;
}
.info-concours .info-win-gift img {
  max-width: 100%;
  width: 200px;
}
@media (max-width: 768px) {
  .info-concours .info-win-gift img {
    width: 150px;
  }
}

.accept-topsponso-terms {
  padding-left: unset;
}
.accept-topsponso-terms.form-check-inline {
  margin-left: unset !important;
}
.accept-topsponso-terms.form-check-inline {
  margin-right: -20px !important;
  margin-top: 7px;
}
@media (max-width: 768px) {
  .accept-topsponso-terms {
    margin-top: 10px;
    width: 90%;
    transform: unset;
  }
  .accept-topsponso-terms.form-check-inline {
    margin-left: 2.2rem;
  }
}
.accept-topsponso-terms .form-check-input {
  margin-left: -1.33rem !important;
  width: 15px !important;
  height: 15px !important;
  margin-top: 3px;
  background-color: unset;
}
@media (max-width: 768px) {
  .accept-topsponso-terms .form-check-input {
    margin-top: 0;
    vertical-align: baseline;
  }
}
.accept-topsponso-terms .form-check-label {
  font-size: 13px !important;
}
.accept-topsponso-terms a {
  text-decoration: underline !important;
}

.already-participated-alert,
.t-sponso-email-alert {
  font-size: 0.9rem !important;
  color: #F54949;
}
@media (max-width: 768px) {
  .already-participated-alert,
  .t-sponso-email-alert {
    font-size: 0.8rem !important;
  }
}

@font-face {
  font-family: "Grilled Cheese BTN";
  src: url("../../fonts/grilledcheese-btn-cn/Grilled_Cheese_BTN.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
#tls-645920 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/jinx.gif);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  opacity: 0.2;
}

#tls-468089 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/arbre.gif);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  opacity: 0.2;
}

#tls-645925 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/superman.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-646464 {
  border-radius: 20px;
  background: linear-gradient(180deg, #C81124 0%, #F7B2D8 24%, #F572BA 100%) !important;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-654033 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/mha.gif);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  position: absolute;
  border-radius: 20px;
  opacity: 0.2;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-656951 {
  background: linear-gradient(231deg, #DEE896 5.28%, #F8AE83 15.14%, #EA83B4 24.07%, #A284B7 33.46%, #70BBE8 42.86%, #ABE3BF 52.25%, #70BBE8 61.18%, #A284B7 71.04%, #EA83B4 80.44%, #F8AE83 90.3%, #DEE896 99.23%);
  border-radius: 20px;
  background-size: 400% 400% !important;
  animation: gradient 15s ease infinite;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#tls-652061 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/monster-hunter.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-656132 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/marvel-rivals.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-650547 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/m&m.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-616355 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/pringles.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-603842 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/mangabox.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-609692 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/philibert.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-652113 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/assassinscreed.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-655638 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/airup.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-652264 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/fortnite.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}

#tls-664205 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/fragpunk.gif);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}
#tls-664205 .agagner .todotop {
  display: flex;
  justify-content: center;
  align-items: center;
}
#tls-664205 .agagner a {
  background-image: url("../../images/deco/bouton-background.svg") !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  position: relative;
  height: 65px !important;
  width: 288px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tls-664205 .agagner a:hover {
  background-image: url("../../images/deco/bouton-background.svg") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  position: relative;
  height: 65px !important;
  width: 288px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tls-664205 .agagner a::before {
  content: "";
  background-image: url(../../images/deco/fragpunk-fleche.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 136px;
  height: 110px;
  position: absolute;
  top: -100%;
  left: 100%;
  display: block;
  transform: translate(-50%, -80px);
}

#tls-667212 {
  border: 3px solid black !important;
  border-radius: 0px !important;
}
#tls-667212 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/onepiece.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 0px !important;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}
#tls-667212 .agagner h4 {
  text-transform: uppercase !important;
  font-family: "Grilled Cheese BTN", sans-serif !important;
}
#tls-667212 .agagner .todotop a {
  border-radius: 0 !important;
  background: linear-gradient(to top, #1332D9, #4ABFFF) !important;
  box-shadow: inset 0 0 0 2px black !important;
  font-family: "Grilled Cheese BTN", sans-serif !important;
  text-transform: unset !important;
}
#tls-667212 .agagner .todotop a:hover {
  border-radius: 0 !important;
  background: linear-gradient(to top, #1332D9, #4ABFFF) !important;
  box-shadow: inset 0 0 0 2px black !important;
  font-family: "Grilled Cheese BTN", sans-serif !important;
  text-transform: unset !important;
}
#tls-667212 .agagner .puce-content {
  border-top-left-radius: 0px !important;
  border: 2px solid black !important;
}

#tls-655873 .agagner::before {
  content: " ";
  background-image: url(../../images/deco/sololeveling.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(15, 20, 34, 0.4);
}
#tls-655873 .todotop a {
  background: linear-gradient(to top, rgba(27, 12, 48, 0.87), rgba(186, 80, 243, 0.87)) !important;
}
#tls-655873 .todotop a:hover {
  background: linear-gradient(to top, rgba(27, 12, 48, 0.87), rgba(186, 80, 243, 0.87)) !important;
}

.dark-layout .modal .modal-footer {
  border-color: rgba(255, 255, 255, 0.2);
  padding: 10px;
}

.dark-layout .modal .modal-body {
  padding: 20px;
}

.valid-commande {
  display: none;
}

.modal-shop .modal-header {
  padding: 10px;
}
.modal-shop .modal-header h5 {
  margin: 0;
}
.modal-shop .modal-footer {
  justify-content: center !important;
}

.ecommerce-card {
  margin-bottom: 30px !important;
}

.titre-section {
  transform: rotate(-1deg);
  background: rgba(255, 255, 255, 0.05);
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 20px;
  margin: 60px 0 20px 0;
  text-transform: uppercase;
  font-weight: 900;
  display: inline-block;
  font-family: "lato";
  position: relative;
}
.titre-section a {
  color: #fff;
}

.caption-frame {
  display: flex;
  align-items: center;
  justify-content: center;
}
.caption-frame h3 {
  font-weight: 600;
  color: #fff;
  font-family: "Montserrat", Helvetica, Arial, serif !important;
  font-size: 0.8rem;
  margin: 0 10px 0 10px !important;
  text-transform: uppercase;
}
.caption-frame a {
  margin-left: 2px;
}

iframe {
  width: 100% !important;
  min-width: 100% !important;
}

.rounded {
  border-radius: 5px;
}

.lauch_embed {
  position: relative;
}
.lauch_embed img {
  border-radius: 8px 8px 0 0;
}
.lauch_embed .play {
  position: absolute;
  top: 0;
  display: flex;
  bottom: 0;
  right: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer !important;
}
.lauch_embed .play img {
  width: 50px;
  height: auto;
  transition: all 0.2s ease-in;
}
.lauch_embed .play:hover img {
  transform: scale(1.2);
}

.modal-iframe {
  max-height: 90vh;
}
.modal-iframe iframe {
  width: 100%;
  height: 80vh;
}
@media (min-width: 768px) {
  .modal-iframe iframe[src*="youtube.com"] {
    width: 200% !important;
    height: 70vh;
    transform: translateX(-25%);
  }
}
@media (max-width: 400px) {
  .modal-iframe iframe[src*="youtube.com"] {
    height: 30vh;
  }
}

.modal-title {
  margin-bottom: 15px;
}

.slick-arrow:before {
  display: none !important;
}

.rezo-commu {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 5px;
}
.rezo-commu a {
  margin-left: 5px;
}

.kl-text-opacity-60 {
  color: #fff;
  opacity: 60%;
}

.commu-block {
  margin-bottom: 50px;
}
@media (max-width: 767.98px) {
  .commu-block {
    margin-bottom: 40px;
  }
}

.card-toplist-monde {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  margin-bottom: 24px;
  text-align: center;
}
.card-toplist-monde-1 .card-toplist-monde-img {
  max-width: 180px;
}
.card-toplist-monde-1 .card-toplist-monde-img::after {
  background-image: url(../../images/emojis/1st-place-medal_1f947.png);
}
.card-toplist-monde-2 .card-toplist-monde-img {
  max-width: 120px;
}
.card-toplist-monde-2 .card-toplist-monde-img::after {
  background-image: url(../../images/emojis/2nd-place-medal_1f948.png);
}
.card-toplist-monde-3 .card-toplist-monde-img {
  max-width: 100px;
}
.card-toplist-monde-3 .card-toplist-monde-img::after {
  background-image: url(../../images/emojis/3rd-place-medal_1f949.png);
}
.card-toplist-monde-img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 13px;
  position: relative;
}
.card-toplist-monde-img::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 32px;
  height: 32px;
}

.col-toplist-monde-2 {
  width: 51.065%;
}
.col-toplist-monde-3 {
  width: 43.975%;
}

.toplist-amis {
  display: flex;
  flex-wrap: wrap;
}
.toplist-amis-item {
  flex: 0 0 auto;
  margin-top: 32px;
}
.toplist-amis.toplist-amis-page, .toplist-amis.toplist-pofile-page {
  justify-content: center;
  align-items: center;
}

.card-toplist-amis {
  display: flex;
  flex-direction: column;
}
.card-toplist-amis-header {
  color: #fff;
  overflow: hidden;
  margin-bottom: -35px;
  position: relative;
  padding: 15px 0 35px 70px;
  text-align: left;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 1;
}
.card-toplist-amis-header .avatar {
  border: 2px solid #7161dd;
  background: #7161dd;
  position: absolute;
  top: 0;
  left: 15px;
  width: 60px;
  height: 60px;
}
.card-toplist-amis-header .avatar-picture {
  background-color: transparent;
  width: 100%;
  height: 100%;
}
.card-toplist-amis-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 10px;
  overflow: hidden;
}
.card-toplist-amis-body h4 {
  font-size: 0.8rem;
}
.card-toplist-amis-link {
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 15px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease-in;
}
.card-toplist-amis-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.kl-react-action {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.03);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 40px;
  background-size: 22px auto;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  padding-left: 8px;
  padding-right: 8px;
  transition: all 0.15s ease-in-out;
}
.kl-react-action:hover, .kl-react-action.kl-active {
  background-color: #7367f0;
}
.kl-react-action-img {
  display: block;
  max-width: 22px;
}
.kl-react-action-numbers {
  color: #fff;
  display: none;
  font-size: 7px;
  line-height: 1;
  padding: 4px 0 0;
  bottom: 2px;
  left: 45%;
}
.kl-was-reacted .kl-react-action-numbers {
  display: block;
}
.kl-react-action.kl-other-action {
  flex-direction: row;
  width: auto;
}
.kl-react-action.kl-other-action .kl-other-action-text {
  color: #fff;
  flex-grow: 1;
  font-size: 9px;
  line-height: 1;
  padding-top: 2px;
}
.kl-react-action.kl-position-reaction-with-number {
  background-position: center 5px;
}

.text-violet {
  color: #7367f0;
}

.list-avatar-ranking {
  display: flex;
  align-items: flex-end;
  justify-content: space-evenly;
  margin: 15px 0 5px;
}

.toplist-amis-page .list-avatar-ranking,
.toplist-pofile-page .list-avatar-ranking {
  flex-wrap: wrap;
}
.toplist-amis-page .item-avatar-ranking,
.toplist-pofile-page .item-avatar-ranking {
  width: 90px;
}
.toplist-amis-page .item-avatar-ranking::after,
.toplist-pofile-page .item-avatar-ranking::after {
  content: attr(data-position);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  left: 0;
  color: #fa1680;
  font-style: italic;
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
  text-shadow: 2px 0 #080536, -2px 0 #080536, 0 2px #080536, 0 -2px #080536, 1px 1px #080536, -1px -1px #080536, 1px -1px #080536, -1px 1px #080536;
}

.item-avatar-ranking {
  position: relative;
}
.item-avatar-ranking .img-cover {
  border-radius: 10px;
  width: 100%;
  height: auto;
}
.item-avatar-ranking::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 32px;
  height: 32px;
}
.item-avatar-ranking-1 {
  max-width: 85px;
  width: 30%;
}
.item-avatar-ranking-1::after {
  background-image: url(../../images/emojis/1st-place-medal_1f947.png);
}
.item-avatar-ranking-2 {
  max-width: 75px;
  width: 27%;
}
.item-avatar-ranking-2::after {
  background-image: url(../../images/emojis/2nd-place-medal_1f948.png);
}
.item-avatar-ranking-3 {
  max-width: 70px;
  width: 25%;
}
.item-avatar-ranking-3::after {
  background-image: url(../../images/emojis/3rd-place-medal_1f949.png);
}

.commu-dodo-user {
  padding: 5px 0;
}
.commu-dodo-user > a {
  color: #fff;
}
.commu-dodo-user .avatar {
  width: 54px;
  height: 54px;
  margin-bottom: 10px;
}
.commu-dodo-user .avatar .avatar-picture {
  width: 54px;
  height: 54px;
}

.toplist-amis {
  transition: 0.5s;
}

.toplist-amis-global-bloc {
  margin-bottom: 10px;
}
.toplist-amis-global-bloc .item-contender-visuel {
  min-height: 90px;
}

.cov-commu {
  min-height: 250px;
  background-size: cover;
}

.post-frame-horizontal {
  position: relative;
}
.post-frame-horizontal .tiktok-embed {
  margin: 0 !important;
}
.post-frame-horizontal iframe {
  border-radius: 5px;
}

.paquesresult {
  text-align: center;
  padding: 40px 0;
}
.paquesresult img {
  max-width: 400px;
  margin: 0 auto;
}

.content-footer {
  background-color: #312673;
  padding: 2rem 1.4rem 1rem 1.4rem;
  z-index: 99;
}
@media (max-width: 600px) {
  .content-footer {
    padding: 1.5rem !important;
  }
}
@media (max-width: 450px) {
  .content-footer {
    padding: 1rem 0 0 0 !important;
  }
}
.content-footer .blockquote-wrapper {
  display: flex;
}
.content-footer .blockquote-wrapper .blockquote {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: #ffffff;
  width: 100%;
  max-width: 500px;
  z-index: 1;
  margin: 0 auto;
  align-self: center;
  /* Blockquote right double quotes */
  /* Blockquote subheader */
}
@media screen and (max-width: 768px) {
  .content-footer .blockquote-wrapper .blockquote {
    padding: 10px 0 20px;
  }
}
.content-footer .blockquote-wrapper .blockquote h6 {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
  color: #f4167f;
}
.content-footer .blockquote-wrapper .blockquote h6:first-of-type {
  position: absolute;
  left: 0;
  color: #ffffff;
  transform: rotate(-2deg);
}
.content-footer .blockquote-wrapper .blockquote:after {
  position: absolute;
  content: "”";
  color: rgb(255, 255, 255);
  font-size: 5rem;
  line-height: 0;
  bottom: 20px;
  right: -15px;
}
@media screen and (max-width: 768px) {
  .content-footer .blockquote-wrapper .blockquote:after {
    bottom: -20px;
    right: 30px;
  }
}
.content-footer .blockquote-wrapper .blockquote h4 {
  display: none;
  position: relative;
  color: #292a2b;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  padding-top: 20px;
  z-index: 1;
}
.content-footer .container-fluid .row .col:nth-of-type(2) {
  transform: translateX(70px);
}
@media (max-width: 900px) {
  .content-footer .container-fluid .row .col:nth-of-type(2) {
    transform: translateX(40px);
  }
}
@media (max-width: 500px) {
  .content-footer .container-fluid .row .col:nth-of-type(2) {
    transform: unset;
  }
}
.content-footer .container-fluid .row .col:nth-of-type(3) {
  transform: translateX(30px);
}
@media (max-width: 500px) {
  .content-footer .container-fluid .row .col:nth-of-type(3) {
    transform: unset;
  }
}
.content-footer ul li a {
  color: #fff;
  font-weight: 500;
  font-size: 15.5px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  text-decoration: none;
  transition: color 0.3s ease-in;
}
.content-footer ul li a:hover {
  color: #f4167f;
}
.content-footer ul li b {
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  color: #a8aaae;
  text-transform: uppercase;
  margin-bottom: 5px;
  transition: color 0.3s ease-in;
  display: block;
}
.content-footer .share-menu .share-links li {
  margin-right: 0.5rem;
}
@media (max-width: 768px) {
  .content-footer .share-menu .share-links li {
    margin: 5px 0.5rem;
  }
}
.content-footer .share-menu .share-links .fab {
  color: #f4167f;
  margin-right: 3px;
}
.content-footer .footer-container {
  block-size: unset;
}

@media (max-width: 768px) {
  .copyright a {
    display: block;
    margin: 5px 0;
  }
}
.name-author {
  font-size: 0.8rem;
  margin-top: 20px;
}

.you-can-propose-top {
  font-size: 11px;
  color: #C036AC;
}

.create-top-page {
  display: grid;
  place-items: center;
}
.create-top-page .must-log-in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-2deg);
  text-align: center;
  font-size: 1.3rem;
}
.create-top-page .must-log-in .connect-btn {
  margin-top: 1rem;
  padding: 0.8rem;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.create-top-page .create-top-steps {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
}
.create-top-page .create-top-steps .step {
  border-radius: 7px;
  color: #fff;
  background: #312673;
  cursor: pointer;
  padding: 10px 20px;
  font-weight: 600 !important;
  font-family: montserrat;
  font-size: 1rem;
  letter-spacing: 0.14px;
}
.create-top-page .create-top-steps .step.disable {
  background: rgba(255, 255, 255, 0.05);
}
.create-top-page input[type=text], .create-top-page input[type=url], .create-top-page textarea, .create-top-page .top-category {
  width: 100%;
  text-align: left;
  border: 0;
  outline: 0;
  background: transparent !important;
  margin: 0.5rem 0;
  border-radius: 6px;
  padding: 0.9rem 0 0.9rem 1rem;
  border: 2px solid #261C61;
  color: #FFF;
  font-weight: 600;
}
.create-top-page textarea {
  overflow: auto;
}
.create-top-page input[type=text]::-moz-placeholder {
  color: #fff;
}
.create-top-page input[type=text]::placeholder {
  color: #fff;
}
.create-top-page .top-category {
  padding: 0.9rem 1rem;
}
.create-top-page .top-category:required:invalid {
  color: #fff;
}
.create-top-page .top-category option[value=""][disabled] {
  display: none;
}
.create-top-page .top-category option {
  background: #190B2F !important;
  color: #FFF !important;
}
.create-top-page .image-upload-wrapper,
.create-top-page .top-image-upload-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.create-top-page .image-upload-wrapper[data-optionnel=true]::after,
.create-top-page .top-image-upload-wrapper[data-optionnel=true]::after {
  opacity: 0.5;
}
.create-top-page .image-upload-wrapper[data-uploaded=true]::after,
.create-top-page .top-image-upload-wrapper[data-uploaded=true]::after {
  opacity: 1;
}
.create-top-page .image-upload-wrapper[data-visible=false]::after,
.create-top-page .top-image-upload-wrapper[data-visible=false]::after {
  display: none !important;
}
.create-top-page .image-upload-wrapper:hover:before,
.create-top-page .top-image-upload-wrapper:hover:before {
  background: #161139;
}
.create-top-page .image-upload-wrapper input,
.create-top-page .top-image-upload-wrapper input {
  opacity: 0;
  height: 100%;
  min-height: 55px;
  z-index: 99;
  display: block;
  cursor: pointer;
  width: 100%;
}
.create-top-page .create-top-bgs .top-banner-wrapper img,
.create-top-page .create-top-bgs .top-background-preview-wrapper img {
  height: 335px;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

.contenders-form-wrapper .list-formats-contender {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.contenders-form-wrapper .format-choice {
  flex: 1;
}
.contenders-form-wrapper .format-choice:nth-child(2) {
  margin: 0 20px;
}
.contenders-form-wrapper .form-control {
  display: flex;
  flex-direction: column;
  padding: 20px;
  font-weight: 600;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: transparent;
  border: 2px solid #261C61;
}
.contenders-form-wrapper input[type=radio] {
  display: none;
}
.contenders-form-wrapper input[type=radio]:checked + label {
  border: 2px solid #7367f0;
}

fieldset {
  border: 1px solid #261C61 !important;
  padding: 1rem;
  margin-block: 1rem;
}
fieldset legend {
  float: unset;
  width: unset;
  margin: 0 1rem;
  padding: 0.4rem 0.7rem;
  font-size: 1.1rem;
  color: #999;
}

.btn-wrapper {
  flex: 30%;
}

.top-banner-wrapper,
.top-background-preview-wrapper {
  flex: 70%;
}
.top-banner-wrapper img,
.top-background-preview-wrapper img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.top-banner-wrapper div,
.top-background-preview-wrapper div {
  position: relative;
}
.top-banner-wrapper div .delete-btn,
.top-banner-wrapper div .delete-bg-top-btn,
.top-background-preview-wrapper div .delete-btn,
.top-background-preview-wrapper div .delete-bg-top-btn {
  padding: 0;
  background: transparent;
  border: none;
  transition: all 0.2s ease-in;
  position: absolute;
  top: 3px;
  right: 10px;
  z-index: 2;
}
.top-banner-wrapper div .delete-btn:hover,
.top-banner-wrapper div .delete-bg-top-btn:hover,
.top-background-preview-wrapper div .delete-btn:hover,
.top-background-preview-wrapper div .delete-bg-top-btn:hover {
  transform: scale(1.1);
}

.top-banner-wrapper,
.top-background-preview-wrapper {
  width: 100%;
}
.top-banner-wrapper div,
.top-background-preview-wrapper div {
  position: relative;
}
.top-banner-wrapper div .preview-cover,
.top-background-preview-wrapper div .preview-cover {
  max-width: 100%;
  height: auto;
}
.top-banner-wrapper div div,
.top-background-preview-wrapper div div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
}
.top-banner-wrapper div div .checkmark,
.top-background-preview-wrapper div div .checkmark {
  width: 30px;
  margin: 0 auto;
}
.top-banner-wrapper div div span,
.top-background-preview-wrapper div div span {
  font-size: 1.2rem;
}

.contender-title-h3 {
  font-size: 0.9rem;
  margin: 5px 0;
}

.contenders-images {
  width: 100%;
  margin-top: 20px;
}
.contenders-images div {
  position: relative;
}
.contenders-images div .delete-btn {
  background: transparent;
  border: none;
  transition: all 0.2s ease-in;
  position: absolute;
  top: 3px;
  right: 10px;
  z-index: 2;
}
.contenders-images div .delete-btn:hover {
  transform: scale(1.1);
}
.contenders-images div .image-sent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
}
.contenders-images div .image-sent .checkmark {
  width: 30px;
  margin: 0 auto;
}
.contenders-images div .image-sent span {
  font-size: 0.8rem;
}

.hidden {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.show {
  opacity: 1;
  visibility: visible;
  display: block;
}

.paginate-disable {
  pointer-events: none;
  background-color: gray !important;
  opacity: 0.8;
}

.disable {
  pointer-events: none;
}

.alert,
.alert-toplist {
  text-align: center;
  font-size: 0.9rem;
  color: #c64143;
  margin: 0 20px 0 0;
  padding: 0;
}
.alert i,
.alert-toplist i {
  font-size: 0.8rem;
}

.finish-wrapper {
  text-align: center;
}
.finish-wrapper img {
  display: block;
  margin: 1rem auto;
}

.preview {
  overflow: hidden;
  width: 200px;
  height: 200px;
  margin: 0 20px;
  border: 1px solid #7367f0;
  display: none;
}

.btn-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
}

.tooltip-inner {
  max-width: 1000px !important;
}

.contender-group-input {
  margin: 1rem;
}
.contender-group-input label {
  font-size: 1rem;
  color: #999;
}

.cropper-container {
  max-width: 100%;
}

.cropper-view-box {
  outline: 2px solid #f4167f !important;
  outline-color: #f4167f !important;
}

.disable-create-top {
  pointer-events: none;
  filter: blur(4px);
}

.modal-top {
  width: 100%;
  margin: 0;
}
.modal-top .modal-dialog {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
}
.modal-top .modal-header {
  height: 7vh;
  padding: 0 20px;
}
.modal-top .modal-header h5 {
  margin: 0;
}
.modal-top .modal-header .btn-close {
  position: inherit;
  top: auto;
  right: auto;
}
.modal-top .modal-body {
  height: 83vh;
}
.modal-top .modal-body .topbanneredit .cropper-container, .modal-top .modal-body .topbanneredit .cropper-crop-box, .modal-top .modal-body .topbanneredit .cropper-canvas {
  height: 75vh !important;
}
.modal-top .modal-footer {
  height: 10vh;
  background: #170C31 !important;
  justify-content: flex-start;
  z-index: 999;
  border: none;
}
.modal-top .modal-footer fieldset {
  margin: 0;
  display: flex;
}

.create-top-contenders-form .contenders-images {
  display: flex;
}
.create-top-contenders-form .contenders-images div img {
  max-width: 100%;
  height: auto;
}

.dark-style .ql-snow .ql-editor {
  background: transparent !important;
  border: 2px solid #261C61 !important;
  border-radius: 0 0 10px 10px !important;
}

.dark-style .ql-snow.ql-toolbar,
.dark-style .ql-snow .ql-toolbar {
  border: 2px solid #261C61 !important;
  background: transparent !important;
  border-bottom: none !important;
  border-radius: 10px 10px 0 0 !important;
}

.dark-style .ql-snow.ql-container {
  border: none !important;
}

#full-editor p {
  font-weight: 500;
}

.btn-wrapper-update {
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-banner-wrapper-edition {
  flex: 100% !important;
  text-align: left;
  position: relative;
}

.delete-top-image {
  background: transparent;
  border: none;
  transition: all 0.2s ease-in;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  z-index: 2;
}
.delete-top-image:hover {
  transform: scale(1.1);
}

.edit-top-image {
  background: transparent;
  border: none;
  transition: all 0.2s ease-in;
  position: absolute;
  top: 10px;
  right: 40px;
  padding: 0;
  z-index: 2;
}
.edit-top-image:hover {
  transform: scale(1.1);
}

.contendertoedit {
  margin-bottom: 20px;
}

.visuel-contendertoedit {
  position: relative;
}
.visuel-contendertoedit .edit-contender {
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 0;
  z-index: 2;
  background: transparent;
  border: none;
  transition: all 0.2s ease-in;
}
.visuel-contendertoedit .edit-contender:hover {
  transform: scale(1.1);
}
.visuel-contendertoedit .delete-update-top-contenders-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  background: transparent;
  border: none;
  padding: 0;
  transition: all 0.2s ease-in;
}
.visuel-contendertoedit .delete-update-top-contenders-btn:hover {
  transform: scale(1.1);
}

.cropper-bg, .cropper-modal {
  background: transparent !important;
}

.dark-style table.dataTable tr {
  transition: all 0.2s ease-in;
}
.dark-style table.dataTable .top-valide-tr td.signal {
  border-left: 5px solid #67f095 !important;
}
.dark-style table.dataTable .top-validation-tr td.signal {
  border-left: 5px solid #f0b767 !important;
}
.dark-style table.dataTable .top-refuse-tr td.signal {
  border-left: 5px solid #e02828 !important;
}
.dark-style table.dataTable .top-destroy-tr td.signal {
  border-left: 5px solid #3f3a3a !important;
}

#filtersnavbar {
  display: flex;
  flex-direction: column;
}

#customNavbarFilterType {
  margin-bottom: 5px;
}

.navbar-filters {
  width: 100%;
}
.navbar-filters .navbar-collapse {
  width: 100%;
}
.navbar-filters .navbar-collapse .navbar-nav {
  width: 100%;
  justify-content: space-between;
}
.navbar-filters a {
  text-transform: uppercase;
  padding: 8px 8px 8px 12px !important;
}

#searchtable input.form-control {
  background-color: transparent !important;
  border: none !important;
}

.col-actions .btn {
  margin: 0 2px 0 0 !important;
}

.statutstate {
  display: flex;
  align-items: center;
  justify-content: start;
}
.statutstate div {
  margin: 0 0 0 5px;
  text-transform: uppercase;
}

.btnnexttop {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnnexttop a {
  margin: 0 10px;
}

.btntofillnexttop {
  display: none;
}

.btn-type-contender {
  padding: 5px 15px;
  font-weight: 600;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: transparent;
  border: 2px solid #261C61;
  color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
}

.active-btn-type-contender {
  border: 2px solid #7367f0 !important;
  color: #fff !important;
}

.contender-image-input {
  display: none !important;
}

.soumettre-contenders {
  padding: 10px 20px;
  font-weight: 600 !important;
  font-family: montserrat;
  font-size: 1rem;
  letter-spacing: 0.14px;
}

.add-contender-btn, .add-video-btn {
  padding: 10px 20px;
  font-weight: 600 !important;
  font-family: montserrat;
  font-size: 1rem;
  letter-spacing: 0.14px;
}

.indication-video-create {
  font-size: 0.8rem;
  min-width: 100px;
  margin: 0;
}

.youtube-preview-placeholder {
  background: #312673;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  opacity: 0.2;
}

.youtube-link {
  margin: 0 !important;
}

.youtube-video-field {
  margin-bottom: 20px;
}

.youtube-link {
  align-items: start !important;
  text-align: left !important;
}

.youtube-preview {
  display: none;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.add-background-btn {
  padding: 10px 20px;
  font-weight: 600;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: transparent;
  border: 2px solid #261C61;
  color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
}

#top-image, #top-background {
  display: none;
}

.creation-top-banner-card img {
  border-radius: 10px;
}

.tuto-video-creation-toplist {
  text-align: center;
}

.is_devine {
  display: none;
}

.resultats-devine {
  display: none;
}

.devinetoplistbtn h6 {
  color: #7367f0;
}

.score-devine {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  padding: 10px 6px 10px 10px;
  border-radius: 8px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .score-devine {
    flex-wrap: nowrap;
    justify-content: start;
    padding-bottom: 5px;
  }
}
.score-devine h5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  margin: 0 15px 0 0;
  font-family: "lato";
  font-style: italic;
  font-weight: 900;
}
@media (max-width: 768px) {
  .score-devine h5 {
    font-size: 0.8rem;
  }
}
.score-devine .score-devine-number {
  display: flex;
  align-items: start;
  justify-content: start;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .score-devine .score-devine-number {
    flex-wrap: wrap;
  }
}
.score-devine .score-devine-number li {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.1);
  margin-right: 5px;
}
@media (max-width: 768px) {
  .score-devine .score-devine-number li {
    margin-bottom: 5px;
  }
}

.devine-good {
  background-color: rgba(81, 204, 108, 0.0784313725);
  margin-right: 5px;
}
.devine-good span {
  margin-right: 5px;
}

.devine-bad {
  margin-left: 5px;
  background-color: rgba(227, 6, 19, 0.1490196078);
}
.devine-bad span {
  margin-right: 5px;
}

.cover-devine {
  padding: 0 !important;
  display: flex;
  align-items: end;
  justify-content: center;
}

.intro-devine {
  text-align: center;
  background: linear-gradient(#312673, #312673) 50% 50%/calc(100% - 10px) calc(100% - 10px) no-repeat, linear-gradient(270deg, #7367f0 0%, #f4167f 100%);
  border-radius: 5px;
  box-sizing: border-box;
  padding: 15px 30px 15px 70px;
  transform: rotate(-1deg) translateY(-50px);
  position: relative;
  display: inline-block;
  z-index: 2;
}
.intro-devine .avatar-devine {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -50px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #fff;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
  .intro-devine .avatar-devine {
    height: 80px;
    width: 80px;
    margin-left: -30px;
  }
}
.intro-devine h1 {
  font-size: 1.3rem;
  color: #f4167f;
  margin: 0;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "lato";
}
@media (max-width: 768px) {
  .intro-devine h1 {
    font-size: 0.9rem;
  }
}
.intro-devine h2 {
  font-size: 1.7rem;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "lato";
}
@media (max-width: 768px) {
  .intro-devine h2 {
    font-size: 1rem;
  }
}

.top-title-devine {
  color: #7367f0;
  font-size: 1.1rem;
}

.lauch-devine a {
  display: inline-flex !important;
}

#show-navbar-barre-devine {
  display: none;
}

.goodchoice {
  position: fixed;
  bottom: -360px;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg, #25D366 0%, #25D366 100%);
  filter: blur(280px);
  border-radius: 315px;
  opacity: 0;
  transition: opacity 0.5s;
}

.badchoice {
  position: fixed;
  bottom: -360px;
  right: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg, #E30613 0%, #E30613 100%);
  filter: blur(280px);
  border-radius: 315px;
  opacity: 0;
  transition: opacity 0.5s;
}

.emojis-devine {
  position: fixed;
  bottom: -30px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  left: 0;
  z-index: 999;
}

#devine-page .card-developer-meetup {
  background: transparent !important;
}
#devine-page .card-body.presentationtop {
  width: 100%;
  padding: 0;
}
#devine-page .pourcentage-progress-container {
  width: 100%;
  background: radial-gradient(circle, rgba(115, 103, 240, 0.1) 0%, transparent 70%);
}
#devine-page .pourcentage-progress-container::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -90px;
  width: 150%;
  height: 150%;
  background-image: url("../../images/vkrz/test-rays.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
#devine-page .top-question-h2 {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  transform: rotate(-1deg);
  margin: -12px 0 40px 0;
}
#devine-page .top-question-h2 .top-title-devine {
  color: #fff;
}
#devine-page .result-pourcentage {
  position: absolute;
  top: -125px;
  right: 120px;
  font-size: 80px;
  font-weight: 800;
  background-image: linear-gradient(145deg, #ff4b98 40%, #7b5bc2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  transform: rotate(-1deg);
  filter: drop-shadow(4px 2px #0A0537);
  /* Applique une ombre à l'ensemble du texte */
}
#devine-page .rank-index-container {
  position: relative;
  margin-top: 150px;
}
#devine-page .progress-wrapper {
  position: absolute;
  top: -50px;
  right: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 70%;
  margin: 20px auto;
  z-index: 100;
  transform: rotate(-1deg);
}
#devine-page .rank-index-container p {
  margin-top: 10px;
}
#devine-page .progress-start, #devine-page .progress-end {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
#devine-page .header-phone {
  display: none;
}
#devine-page .progress-start {
  color: #b8a9c9;
}
#devine-page .progress-end {
  color: #fff;
}
#devine-page .progress-bar {
  position: relative;
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background: linear-gradient(145deg, #ff4b98, #7b5bc2);
  /* Dégradé pour la bordure */
  padding: 4px;
  /* Augmenter l'espace entre la bordure et le tube */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  overflow: hidden;
}
#devine-page .progress-bar-inner {
  height: 100%;
  width: 100%;
  border-radius: 21px;
  /* Ajuste pour correspondre à l'intérieur */
  background: linear-gradient(145deg, #101035, #1e1e4d);
  padding: 4px;
  /* <--- C'est ici que tu ajustes l'espace interne */
  position: relative;
  overflow: hidden;
}
#devine-page .progress-bar-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.05) 10px, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 20px);
  opacity: 0.7;
  border-radius: 19px;
}
#devine-page .progress-fill {
  position: relative;
  width: 0%;
  height: 100%;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  background: linear-gradient(to top, #D02B82, #F8BBD0);
  box-shadow: inset 0 -3px 8px rgba(0, 0, 0, 0.2), inset 0 3px 8px rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
}
#devine-page .rank-index-container {
  background-color: #1F1B47;
  border: 2px solid #6154A7;
  padding: 15px;
  border-radius: 8px;
  margin-top: 190px;
  transform: rotate(-1deg) translateY(-20px);
}
#devine-page .rank-devine.index-rank {
  font-size: 28px;
  color: #ff4b98;
  font-weight: 700;
  filter: drop-shadow(4px 2px #0A0537);
}
#devine-page .table-score-devine-table {
  border-radius: 8px;
  overflow: hidden;
  border-collapse: collapse;
  border-spacing: 0;
}
#devine-page .table-score-devine-thead {
  color: #7983BB;
  border: none;
  border-bottom: 1px solid #7983BB;
}
#devine-page .table-score-devine-th {
  color: #7983BB;
}
#devine-page .table-border-bottom-0 tr {
  padding: 10px;
}
#devine-page .table-border-bottom-0:first-child td {
  border-top: none;
}
#devine-page .table-border-bottom-0:not(:first-child) td {
  border-top: 1px solid #7983BB;
}
#devine-page .mb-5 {
  margin-bottom: 5rem !important;
}
#devine-page .footer-devine {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1F1B47;
  padding: 20px;
  border-radius: 8px;
  z-index: 99;
}
#devine-page .footer-devine-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#detailsdevine-page .titre-section {
  margin-top: 10px;
}
#detailsdevine-page .titre-section.text-center.titre-section-emojibig {
  background: none;
}
#detailsdevine-page tbody {
  border-color: #7983BB;
  border: none;
  border-width: 1px;
}

td, tfoot, th, thead, tr {
  border-color: #7983BB;
  border: none;
  border-width: 1px;
}

#detailsdevine-page .titre-section {
  font-size: 24px;
}

#devine-page .mb-O-em {
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  font-style: italic;
  text-transform: uppercase;
}
#devine-page .user-card, #devine-page .user-card-table {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background: #312673;
  padding: 8px 10px;
  border-radius: 10px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
#devine-page .user-avatar, #devine-page .user-avatar-table {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}
#devine-page .user-card-table {
  background: none;
}
#devine-page .h1-ton-score {
  font-size: 28px;
  font-weight: 700;
  transform: rotate(-1deg);
  text-shadow: 2px 2px 4px rgb(0, 0, 0);
}

.bloc-devine-result {
  gap: 4rem;
}

@media (max-width: 1073px) {
  #devine-page .top-question {
    font-size: 0.95rem;
  }
  #devine-page .top-question-h2 {
    font-size: 0.95rem;
  }
  #devine-page .score-board {
    width: 90%;
    margin: 0 5%;
  }
  #devine-page .bloc-devine-result {
    flex-direction: column;
    gap: 0rem;
    margin-bottom: 2rem;
  }
  #devine-page .footer-devine-content p {
    margin-bottom: 5px;
  }
  #devine-page .pourcentage-progress-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #devine-page .rank-index-container {
    width: 65%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #devine-page .result-pourcentage {
    top: -100px;
    right: 130px;
    font-size: 65px;
  }
  #devine-page .progress-wrapper {
    top: -40px;
    right: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #devine-page .progress-bar {
    height: 35px;
  }
  #devine-page .mb-0 em {
    font-weight: 600;
    font-size: 0.75rem;
  }
  #devine-page .mb-0 span {
    font-size: 20px;
    font-weight: 600;
  }
  #devine-page .pourcentage-progress-container::after {
    width: 100%;
    height: 100%;
    top: 30px;
    left: 0px;
  }
  #devine-page .card-developer-meetup .presentationtop h1 {
    font-size: 28px;
  }
  #devine-page .footer-devine {
    padding: 10px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #devine-page .top-question span, #devine-page .top-question-h2 span {
    font-size: 0.75rem;
  }
  #devine-page .card-developer-meetup .presentationtop h1 {
    margin: 0;
  }
  #devine-page .rank-index-container {
    margin-top: 130px;
  }
  #devine-page .result-pourcentage {
    top: -90px;
    right: 38%;
    font-size: 50px;
  }
  #devine-page .rank-index-container {
    width: 100%;
  }
  #devine-page .progress-wrapper {
    right: 15%;
  }
  #devine-page .card-developer-meetup .presentationtop h1 {
    font-size: 1rem;
    margin-bottom: 20px;
  }
  #devine-page .top-question .user-card-devine .user-card {
    padding: 4px 5px;
    border-radius: 5px;
  }
  #devine-page .top-question .user-card-devine .user-avatar {
    width: 15px;
    height: 15px;
  }
  #devine-page .top-question-h2 span {
    font-size: 0.85rem;
  }
  #devine-page .rank-index-container {
    width: auto;
    margin-top: 100px;
    padding: 10px;
  }
  #devine-page .result-pourcentage {
    right: 36%;
    top: -75px;
    font-size: 35px;
  }
  #devine-page .rank-devine.index-rank {
    font-size: 20px;
  }
  #devine-page .progress-bar {
    height: 30px;
  }
  #devine-page .pourcentage-progress-container::after {
    width: 70%;
    height: 100%;
    top: 15px;
    left: 55px;
  }
  #devine-page .table-score-devine-thead th, #devine-page .table-border-bottom-0 td {
    font-size: 10px;
  }
}
#defi-modal {
  background-color: rgba(0, 0, 0, 0.8);
}
#defi-modal .modal-dialog {
  max-width: 650px;
}
#defi-modal .modal-body {
  background-color: #312673;
  border-radius: 8px;
  border: none;
  padding-bottom: 0;
}
#defi-modal .modal-content-devine {
  margin-top: 20px;
}
#defi-modal .modal-footer {
  background: #312673;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 10px;
}

.email-link-share {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.email-link-share li {
  margin-bottom: 10px;
}

.list-score-devine img {
  max-width: 130%;
  position: relative;
  top: -10px;
}
@media (max-width: 768px) {
  .list-score-devine img {
    max-width: 140%;
    position: relative;
    top: -10px;
    left: -20%;
  }
}

.btn-fermer {
  background: transparent;
  border: none;
  text-transform: uppercase;
  color: #7983bb;
  letter-spacing: 1px;
}

.reseau-share {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 5px;
  padding: 0;
  gap: 10px;
}
.reseau-share li {
  list-style: none;
  width: 100%;
  margin: 0;
}
.reseau-share li a {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  line-height: 50px;
  margin: 0;
}
.reseau-share li a i {
  margin: 0;
  font-size: 28px;
}

.user-card-devine .user-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #312673;
  border-radius: 5px;
  padding: 5px 10px;
  transform: scale(0.9);
  margin: 0 -5px;
  position: relative;
  top: -3px;
}
@media (max-width: 768px) {
  .user-card-devine .user-card {
    padding: 2px 10px 2px 5px;
  }
}
.user-card-devine .user-avatar {
  margin: 0 5px 0 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}

.single-devine .tournoi-content {
  padding: 0;
}
.single-devine .top-title-question {
  margin-bottom: 10px;
}
.single-devine .content-intro {
  margin: 0 !important;
}

@media (max-width: 768px) {
  .single-devine .focus-top #show-navbar-barre {
    display: block;
    bottom: 0px;
    position: fixed;
    padding: 0 0 10px 0;
  }
  .single-devine .focus-top #show-navbar-barre .btn-annule-devine {
    display: flex;
  }
  .single-devine .presentationtop-whitelabel {
    margin-top: 50px;
  }
}
.scoreduel {
  transition: background-color 1s ease;
}

.noresult-defis {
  padding: 50px;
  text-align: center;
}

.noresult-defis-envoyes h5 {
  text-transform: uppercase;
}
.noresult-defis-envoyes img {
  max-width: 250px;
  display: block;
  margin: 5px auto;
  box-shadow: 0px 0px 36px 0px rgba(245, 23, 127, 0.1803921569);
  transform: rotate(-2deg);
}

.medaille-devine-td {
  text-align: left !important;
}
.medaille-devine-td .medaille-devine {
  font-size: 2rem;
}
.medaille-devine-td .rank-devine {
  font-size: 1rem;
  color: #7983BB;
}

.extension {
  background: linear-gradient(to right, #7167E8, #FA1680);
  padding: 3px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
.extension.extension-reseaux h5 {
  width: 85%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .extension.extension-reseaux h5 {
    width: 100%;
  }
}
.extension.extension-reseaux img {
  margin-top: -82px;
}
@media screen and (max-width: 768px) {
  .extension.extension-reseaux img {
    margin-left: -30px;
  }
}
.extension.extension-reseaux p {
  width: 95%;
  margin: 0 auto;
  font-weight: 500;
}
.extension.extension-reseaux .btn-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 3rem 0 1rem;
}
@media screen and (max-width: 768px) {
  .extension.extension-reseaux .btn-group {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 1rem 0 0;
  }
}
.extension.extension-reseaux .btn-group a {
  border-radius: 10px !important;
  font-size: 1.1rem !important;
  padding-block: 14px !important;
  border: unset !important;
}
.extension.extension-reseaux .btn-group a i {
  font-size: 1.1rem !important;
}
.extension.extension-reseaux .btn-group a:nth-of-type(1) {
  background: #9146FF !important;
  color: #FFF;
}
.extension.extension-reseaux .btn-group a:nth-of-type(2) {
  background: linear-gradient(90deg, #405DE6 0%, #C13584 33%, #F56040 66%, #FFDC80 100%) !important;
  color: #FFF;
}
.extension.extension-reseaux .btn-group a:nth-of-type(3) {
  background: #5865F2 !important;
  color: #FFF;
}
.extension.extension-reseaux .btn-group a:nth-of-type(4) {
  background: linear-gradient(0deg, #F9F9FB 0%, #F9F9FB 100%), linear-gradient(0deg, #1DA1F2 0%, #1DA1F2 100%), #14171A !important;
  color: #000 !important;
}
.extension.extension-reseaux .btn-group a:hover {
  opacity: 0.9;
}
@media (max-width: 768px) {
  .extension.extension-reseaux .btn-group {
    grid-template-columns: 1fr;
  }
}
.extension:not(.extension-reseaux)::after {
  content: "";
  background-image: url(https://vainkeurz.com/wp-content/themes/t-vkrz/assets/images/emojis/twitch.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 70px;
  right: 50%;
  top: -30px;
  z-index: 2;
  transform: rotate(351deg);
  margin-right: -40px;
  position: absolute;
  height: 70px;
  display: block;
}
.extension .content-extension {
  background: #181632;
  border-radius: 20px;
  padding-top: 20px;
}
.extension a {
  display: block;
  color: white;
  transition: all 0.2s ease-in;
}
.extension a i {
  font-size: 3rem;
}
.extension a h5 {
  transition: all 0.2s ease-in;
}
.extension a:hover {
  background: transparent;
}
.extension a:hover h5 {
  color: #f4167f;
}
.extension .list-extensions {
  text-align: center;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0;
}
.extension .list-extensions a {
  color: #7983bb;
  margin: 0 10px 0 0;
  padding: 0;
  display: inline-block;
  transition: all 0.2s ease-in;
}
.extension .list-extensions a:hover {
  text-decoration: underline;
}
.extension .demoextension {
  border-radius: 4px;
  margin-top: 10px;
}
.extension .demoextension video {
  border-radius: 8px;
  max-width: 100%;
}

.devine {
  background: linear-gradient(to right, #7167E8, #FA1680);
  padding: 3px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.devine .content-devine {
  background: #181632;
  border-radius: 5px;
}
.devine:after {
  content: "";
  background-image: url("../../images/emojis/potes.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 110px;
  position: absolute;
  top: -15px;
  right: -15px;
  right: 0;
  bottom: 0;
  z-index: 2;
  transform: rotate(366deg);
}

.home .minipost {
  background-color: #241d4d;
  border-radius: 8px;
  margin-bottom: 20px;
}
.home .miniactu {
  position: relative;
}
.home .miniactu .slick-nav {
  position: absolute;
  top: 10%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.home .lauch_embed {
  position: relative;
}
.home .lauch_embed h4 {
  position: absolute;
  left: 5px;
  top: 5px;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
}
.home .lauch_embed h4.violet {
  background-color: #7167E8;
}
.home .lauch_embed h4.rouge {
  background-color: #FF0000;
}
.home .lauch_embed h4.marron {
  background-color: #924C4C;
}
.home .caption-frame {
  display: flex;
  justify-content: space-between;
  min-height: 50px;
}
.home .caption-frame h3 {
  text-transform: uppercase;
  font-size: 1rem;
}
.home .caption-frame .member-name {
  color: white;
}

.titre-img {
  position: relative;
}

.img-gift {
  position: absolute;
  min-width: 168px;
  right: -20px;
  top: 20px;
  transform: rotate(25deg);
}

.jeu-card {
  margin: 0;
  padding: 0;
  background-color: transparent !important;
}
.jeu-card .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.jeu-card .min-tournoi {
  margin: 0;
}
.jeu-card .caroussel-jeu {
  margin: 9px 0;
}
.jeu-card .caroussel-jeu .back-wording {
  font-size: 41px;
  font-family: "Lato", sans-serif;
  font-style: italic;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: -1px 0 rgba(255, 255, 255, 0.2), 0 1px rgba(255, 255, 255, 0.2), 1px 0 rgba(255, 255, 255, 0.2), 0 -1px rgba(255, 255, 255, 0.2);
  color: #211a4a !important;
  position: absolute;
  top: 215px;
  left: 60px;
  z-index: 0;
}
.jeu-card .caroussel-jeu .img-jeu {
  position: relative;
  z-index: 6;
  min-width: 290px;
  transform: rotate(-2deg);
  box-shadow: 5px 5px 5px #fff;
}

.triangle {
  width: 100%;
  height: auto;
  background-color: rgb(82, 14, 103);
  -webkit-clip-path: polygon(0% 0%, 100% 75%, 0% 100%);
  clip-path: polygon(0% 0%, 550% 35%, 0% 76%);
  position: absolute;
}

.minipost .content {
  padding: 10px;
}

.bloc-actu h4 {
  color: #FC1682;
  font-size: 24px;
}
.bloc-actu a {
  font-size: 13px;
  color: #7367f0;
}
.bloc-actu .actu-content {
  padding: 20px;
}

.promo {
  padding: 35px 20px;
}
.promo p {
  color: white;
}
.promo img {
  width: 300px;
  padding: 21px 0px;
}

.monde .img-monde img {
  width: 180px;
}
.monde .img-monde2 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.monde .img-monde2 .img-1 {
  width: 120px;
  margin-right: 20px;
}
.monde .img-monde2 .img-2 {
  width: 100px;
  height: 140px;
}
.monde .text-violet {
  color: #7167E8;
  margin-bottom: 20px;
}

.commu .btn-rose {
  padding: 10px;
  border-radius: 8px;
}
.commu p {
  color: white;
}

.absolute-word {
  text-align: center;
  font-size: 130px;
  font-family: "Lato", sans-serif;
  font-style: italic;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: -1px 0 rgba(255, 255, 255, 0.2), 0 1px rgba(255, 255, 255, 0.2), 1px 0 rgba(255, 255, 255, 0.2), 0 -1px rgba(255, 255, 255, 0.2);
  color: #19163f !important;
  z-index: 0;
}

.toplist-block {
  position: relative;
  margin: 20px 0 0;
}
.toplist-block .bg {
  background: #520E67;
  position: absolute;
  top: 100px;
  right: -200px;
  bottom: -100px;
  left: -200px;
  opacity: 0.3;
  transform: skewY(-2deg);
}

.slick-slide {
  display: inline-block;
  width: 100%;
}

.bloc-actu .actu-caroussel {
  position: relative;
}
.bloc-actu button {
  background-color: transparent;
  border: none;
}
.bloc-actu .slick-prev-actu,
.bloc-actu .slick-next-actu {
  position: absolute;
  top: 91%;
  transform: translateY(-50%);
  z-index: 1;
}
.bloc-actu .slick-prev-actu {
  left: 630px;
}
.bloc-actu .slick-next-actu {
  right: 630px;
}
.bloc-actu .slick-dots {
  position: absolute;
  bottom: 26px;
  left: 50%;
  justify-content: center;
  transform: translateX(-50%);
}

.slick-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.8);
}
.slick-nav .vk-nav {
  transform: scale(0.8);
  padding: 10px 0;
  margin: 0 5px;
}
.slick-nav .vk-nav img {
  cursor: pointer;
  max-width: 25px;
}
.slick-nav .slick-dots {
  position: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slick-nav .slick-dots li {
  margin: 0 5px;
  height: 15px;
  width: 15px;
  opacity: 1;
}
.slick-nav .slick-dots li button {
  cursor: pointer;
}

.slick-dots li button:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.2705882353);
  height: 15px;
  width: 15px;
  border-radius: 50%;
  opacity: 1 !important;
}

.slick-dots li.slick-active button:before {
  background-color: #fff;
}

.front-page .titrewin {
  display: none;
}
.front-page .min-tournoi .cov-illu .badge-light-rose {
  top: 2px;
}

.jeu-card .min-tournoi .agagner {
  text-align: center;
  padding: 0 10px;
}
.jeu-card .imgcado {
  position: relative;
  top: -30px;
  transform: rotate(2deg);
  max-width: 50%;
  height: auto;
}
.jeu-card h5 {
  margin: 0;
}

.todotop {
  text-align: center;
  padding: 0 20px;
}

.vedette-home .min-tournoi .cov-illu {
  min-height: 175px;
}

.btn-twitter {
  background: #00adff;
  border-color: #00adff;
}

.list-vedette-tops .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.list-vedette-tops .min-tournoi {
  margin-bottom: 0 !important;
}

.titre-section-emojibig .va {
  transform: scale(2);
  position: relative;
  left: -30px;
  top: -5px;
}

.titre-section-emojibig-2 {
  padding: 10px 20px 10px 0;
}
.titre-section-emojibig-2 .va {
  transform: scale(2);
  position: relative;
  left: -20px;
  z-index: 99;
}

.titre-section-emojibig-3 .va {
  transform: scale(2.5);
  position: relative;
  right: -20px;
  z-index: 99;
}

.titre-section-emojibig-4 .va {
  transform: scale(2);
  position: relative;
  left: -20px;
  z-index: 99;
}

@media (min-width: 1200px) {
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .mb-xs {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .table-responsive {
    overflow-x: inherit;
  }
}
@media (max-width: 1700px) {
  .basic-pricing .pricing-basic-value {
    font-size: 1.5rem !important;
    line-height: 0.8;
  }
  .basic-pricing .card-text {
    font-size: 15px;
  }
  .plus {
    font-size: 20px;
    margin: 0 5px;
  }
}
@media (max-width: 768px) {
  .titre-section {
    transform: scale(0.85);
  }
  .toplistbloc {
    padding: 10px 10px 230px;
  }
  .menu-sub {
    background: transparent !important;
  }
  .bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
    display: none;
  }
  .choosecta {
    margin: 0;
  }
  .top_is_sponso .separate-sponso {
    display: none !important;
  }
  #show-navbar-barre .logo-simple {
    margin: 0 !important;
  }
  #show-navbar-barre .logo-simple img {
    max-width: 100% !important;
  }
  #show-navbar-barre .btn-annule-devine {
    margin: 5px 10px 5px 0;
  }
  #show-navbar-barre .niveau-slim {
    position: relative;
    top: 5px;
    margin: 0;
  }
  #show-navbar-barre .right-slim {
    padding: 5px;
    justify-content: space-between !important;
  }
  #show-navbar-barre .money_dispo_vkrz {
    top: 0 !important;
  }
  #show-navbar-barre .iconstats {
    margin: 0 !important;
  }
  #show-navbar-barre .decompte-txt {
    font-size: 13px;
  }
  .progress-bar-primary {
    background: rgba(255, 255, 255, 0.1607843137);
  }
  .btn-annule-devine span {
    margin-right: 2px;
  }
  .top-title-question {
    font-size: 1rem;
    margin: 10px 5px 20px 5px !important;
  }
  .top-title-question em {
    font-size: 0.7rem;
  }
  .tournoi-content-final {
    margin: 0 !important;
  }
  .tournament-heading h1 {
    font-size: 1rem;
  }
  .avatar-info-bubble {
    display: none !important;
  }
  .single-tournoi .tournoi-content + .infos-toplist {
    bottom: 10px;
  }
  #menu-user-ul {
    padding-right: 10px;
  }
  ul.share-toplist li {
    flex: 1;
  }
  ul.share-toplist li a,
  ul.share-toplist li button {
    width: 100%;
    margin: 0 0 5px 0 !important;
  }
  ul.share-toplist li.li1,
  ul.share-toplist li.li2 {
    flex: 1 1 100%;
  }
  ul.share-toplist li.li3 {
    flex: 1 1 30%;
  }
  ul.share-toplist li.li4 {
    flex: 1 1 70%;
  }
  ul.share-toplist li.li4 a {
    display: flex !important;
    justify-content: center;
  }
  .versus {
    margin: 20px auto !important;
    transform: rotate(2deg);
  }
  .absolute-word {
    text-align: center;
    font-size: 75px;
  }
  .classement {
    padding-top: 30px;
  }
  .classement .ico img {
    max-width: 30px;
    position: relative;
    top: -17px;
    margin: 0 0 -15px !important;
    z-index: 10;
    height: auto !important;
    width: 30px !important;
  }
  .single-tournoi .infos-toplist {
    bottom: 10px;
    top: auto !important;
    left: 0;
    right: 0;
    position: fixed;
    right: 0;
    top: 20%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 10px 0 0 0;
  }
  .single-tournoi .infos-toplist a {
    margin: 0 10px !important;
  }
  .cta-participation {
    padding: 0 20px;
  }
  .tournoi-content {
    padding: 20px 10px;
  }
  .intro-archive {
    max-width: 86%;
    margin: 40px auto;
  }
  .intro-archive .iconarchive {
    position: absolute;
    left: -20px;
    top: 20px;
  }
  .intro-archive .iconarchive span {
    width: 45px !important;
    height: 45px !important;
  }
  .intro-archive h1 {
    font-size: 1rem;
  }
  .intro-archive h2 {
    font-size: 0.85rem;
  }
  .intro-archive .infonbtops {
    font-size: 0.9rem;
  }
  .page-template-propositions-top .heading-title {
    text-align: center;
    font-size: 1.5rem;
  }
  .card-header {
    margin-bottom: 15px;
    display: block !important;
  }
  .card-header h3 {
    text-align: center;
  }
  .mt-xs-2 {
    margin-top: 1.5rem !important;
  }
  .vainkeur-table {
    display: flex;
    flex-direction: column;
  }
  .vainkeur-table .championname {
    margin: 0;
  }
  .vainkeur-table .user-niveau {
    display: none;
  }
  .vainkeur-table .user-niveau-xs {
    display: inline-block;
  }
  #toplist-single #content-page-gv {
    padding: 0 !important;
  }
  #toplist-single .ba-cover-r {
    padding: 0 10px;
  }
  #toplist-single .top-title-question {
    font-size: 1rem;
  }
  #toplist-single .top-title-question em {
    font-size: 0.8rem;
  }
  .message_de_confirmation {
    padding: 0 !important;
  }
  .top_not_started .card {
    margin-bottom: 10px;
  }
  .img-gift {
    position: absolute;
    min-width: 128px;
    right: -10px;
    top: 10px;
    transform: rotate(25deg);
  }
  #content-page-gv {
    padding: 0;
  }
  .creator-block h3 {
    margin-top: 30px;
  }
  .absolute-word {
    opacity: 0;
  }
  #toplistmondialevedette h3 {
    margin-top: 40px !important;
  }
  .min-tournoi .cov-illu .badge-light-rose {
    top: 35px !important;
  }
  .single-tournoi .tournoi-content .contenders-containers .versus {
    margin: 5px auto;
    position: relative;
  }
  .single-tournoi .tournoi-content .contenders-containers .versus img {
    max-width: 30px !important;
    border-radius: 0;
    height: auto;
    position: relative;
    z-index: 33;
  }
  .single-tournoi .link-contender .contender_zone {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .single-tournoi .link-contender .contender_zone img,
  .single-tournoi .link-contender .contender_zone .cov-illu {
    width: 70%;
  }
  .single-tournoi .link-contender .contender_zone img img,
  .single-tournoi .link-contender .contender_zone .cov-illu img {
    width: auto;
  }
  .single-tournoi .link-contender .contender_zone .title-contender {
    width: 30%;
    margin: 10px 0 0;
    padding: 0 5px;
  }
  .single-tournoi .link-contender #c_2 {
    flex-direction: row-reverse;
  }
  .intro-mobile {
    display: block;
    margin: 0 0 5px;
  }
  .display_current_user_rank {
    display: none;
  }
  .hide-xs {
    display: none !important;
  }
  .hide-lg {
    display: block;
  }
  .nav-tournament {
    left: 0;
    flex-direction: column;
  }
  .nav-tournament .btng {
    margin-bottom: 10px;
  }
  .user-avatar-section .content-avatar-name {
    flex-direction: column;
    text-align: center;
  }
  .user-avatar-section .content-avatar-name h1 {
    margin-top: 15px;
  }
  .user-avatar-section .content-avatar-name .ml-2,
  .user-avatar-section .content-avatar-name .mr-1 {
    margin: 0 !important;
  }
  .user-avatar-section .content-avatar-name .btn {
    margin-bottom: 10px !important;
  }
  html body .app-content {
    padding: 7.95rem 1.2rem 0 1.2rem !important;
  }
  .bookmark-wrapper {
    display: none !important;
  }
  .min-tournoi .cov-illu .badge {
    position: absolute;
    top: 5px;
    z-index: 9;
  }
  .min-tournoi .cov-illu .badge-light-rose {
    position: absolute;
    top: 35px;
    right: 5px;
    left: auto;
    z-index: 3;
  }
  .logo {
    max-width: 120px !important;
    transition: all 0.3s ease-in-out;
  }
  .cat-min .card-header {
    text-align: center;
    flex-direction: column;
    padding: 20px 10px 12px 10px;
  }
  .cat-min .card-header .ico2 {
    display: block;
    margin: 0 auto 10px;
  }
  .heading-cat small {
    display: block;
    margin: 5px 0 0 0;
  }
  .main-menu .main-menu-content {
    height: 100%;
  }
  .vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
    top: 80px !important;
    margin-top: 0px !important;
  }
  .apropos .card-text h2 {
    text-align: center;
  }
  .card-top-presentation .card-footer {
    padding: 10px 10px 0 10px !important;
  }
  .top_started .illu {
    width: 70%;
    padding: 5px;
  }
  .top_started .illu img {
    width: auto !important;
    max-height: 30vh !important;
  }
  .header-navbar .navbar-container ul.navbar-nav li .media-list {
    max-height: 22rem;
  }
  .card-developer-meetup .card-cta .choosecta .cta-begin {
    flex-direction: column;
    margin: 0 5px;
  }
  .card-developer-meetup .card-cta .choosecta .cta-begin a {
    font-size: 15px;
    padding: 20px 10px;
  }
  .infos-card-t-c {
    margin-top: 20px;
  }
  .profile-tabs .nav-pills {
    margin-bottom: 20px !important;
  }
  .profile-tabs .nav-pills .nav-link {
    padding: 5px 10px;
    font-size: 1rem;
    line-height: 1rem;
    border: 1px solid transparent;
  }
  #ecommerce-header {
    flex-direction: column;
  }
  #ecommerce-header .ecommerce-header-items {
    width: 100%;
    margin-bottom: 10px;
  }
  #ecommerce-header .ecommerce-header-items .result-toggler {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
  }
  #ecommerce-header .ecommerce-header-items .result-toggler a {
    width: 100%;
  }
  #ecommerce-header .ecommerce-searchbar {
    width: 100%;
  }
  #ecommerce-header .ecommerce-searchbar #search_form {
    width: 100%;
  }
  #ecommerce-header .ecommerce-searchbar #search_form input {
    padding: 0 15px;
    font-size: 1rem;
  }
  #ecommerce-header .ecommerce-searchbar #search_form input::-moz-placeholder {
    color: #7367f0 !important;
    font-size: 0.8rem;
    line-height: 1;
    text-transform: none;
    border-radius: 0.358rem;
    font-weight: bold;
    letter-spacing: 1px;
  }
  #ecommerce-header .ecommerce-searchbar #search_form input::placeholder {
    color: #7367f0 !important;
    font-size: 0.8rem;
    line-height: 1;
    text-transform: none;
    border-radius: 0.358rem;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .filtres-bloc .ui-group {
    width: 100%;
    margin: 0 !important;
  }
  .filtres-bloc .dropdown-sort {
    width: 100%;
  }
  .filtres-bloc .dropdown-sort button {
    width: 100%;
    display: block;
    margin: 0 0 10px !important;
    text-align: left;
  }
  .filtres-bloc .dropdown-sort button:after {
    height: 11px;
    position: absolute;
    top: 39%;
    right: 10px;
    left: inherit;
  }
  .auth-wrapper {
    padding: 10px 0;
  }
  .big-cat .heading-cat h2 {
    font-weight: 900;
    letter-spacing: 1px;
    margin: 10px 0 5px;
    font-size: 18px;
  }
  .display_battle {
    margin: 0 -1rem 0;
    padding: 0;
  }
  .intro-mobile h4 {
    font-size: 13px;
    color: #f4167f;
  }
  .profile-title {
    margin-left: 20px !important;
  }
  .cover-profil {
    min-height: 100px;
  }
  .nav-fill li a {
    font-size: 12px;
  }
  .profile-header-nav .profile-tabs {
    margin-left: 0;
  }
  .swal2-actions .swal2-confirm {
    margin-bottom: 10px;
  }
  .bigup h1 {
    font-size: 30px;
  }
  .dropdown-user {
    display: block;
    text-align: right;
    padding: 0;
  }
  .dropdown-user a {
    font-size: 14px;
  }
  .dropdown-notification,
  .dropdown-cart {
    width: 25%;
    text-align: center;
  }
  .dropdown-notification a,
  .dropdown-cart a {
    font-size: 12px;
  }
  .contenders-containers {
    align-items: flex-start !important;
  }
  .ico-nav-mobile {
    flex-direction: column;
  }
  .ico-nav-mobile a {
    flex-direction: column;
  }
  .icons-navbar {
    justify-content: space-between;
  }
  .hide-spot {
    text-transform: uppercase;
    margin: 0 0 0 0;
    font-size: 8px;
    display: block;
  }
  .mobile-navbar {
    margin-left: 0;
  }
  .hide-xs {
    display: none !important;
  }
  .single .crisp-client .cc-kv6t[data-full-view=true] .cc-1xry .cc-unoo {
    bottom: 60px !important;
    right: 5px !important;
  }
  .page-template-r .crisp-client .cc-tlyw[data-full-view=true] .cc-kxkl .cc-nsge {
    bottom: 54px !important;
    right: 10px !important;
  }
  .swal2-header,
  .swal2-content {
    padding: 0;
  }
  .single-tournoi .menuvkrzmobilehide {
    transition: all 0.2s ease-in;
    display: none;
  }
  .mobile-navbar .icons-navbar {
    display: flex;
    padding: 10px 15px 9px;
    background: #7367f0;
  }
  .single footer.footer {
    padding: 0.8rem 2rem 90px;
  }
  .single .social-links {
    border-top: 1px solid #7367f0;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    width: 100%;
    display: block;
  }
  .header-navbar .value-user-stats {
    display: block;
    text-align: center;
  }
  .card-developer-meetup .meetup-img-wrapper {
    min-height: 220px;
  }
  .card-developer-meetup .meetup-header .card-text {
    font-size: 20px;
    line-height: 22px;
  }
  .card-precision p {
    margin-bottom: 0 !important;
  }
  .p-mobile-0 {
    padding: 0 !important;
  }
  .kl-react-action {
    width: 35px;
  }
  .card-developer-meetup .presentationtop {
    padding: 5px;
  }
  .card-developer-meetup .presentationtop h1 {
    font-size: 0.85rem;
    margin: 10px;
  }
  .card-developer-meetup .presentationtop .top-precision p {
    font-size: 0.75rem;
  }
  .card-developer-meetup .info-top-footer .vainkeur-card {
    margin-top: 10px;
  }
  .tournament-heading {
    margin-bottom: 40px;
  }
  .title-win {
    display: none !important;
  }
  .barretop {
    background: transparent;
  }
  .barretop .listingchoice {
    width: 100%;
  }
  .barretop .btn-cta-starttop div {
    width: 100%;
  }
  .barretop .listingchoice {
    width: 100%;
    padding: 0 !important;
  }
  .barretop #choosenumbertop {
    justify-content: center;
    margin-bottom: 5px;
  }
  .barretop #choosenumbertop .choicetop1-bloc {
    width: 25%;
  }
  .barretop #choosenumbertop .choicetop3-bloc {
    width: 25%;
  }
  .barretop #choosenumbertop .choicetopcomplet-bloc {
    width: 50%;
  }
  .barretop #choosenumbertop .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    text-align: center;
  }
  .barretop #choosenumbertop .form-check .info-check {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .barretop #choosenumbertop .form-check .info-check label {
    font-size: 0.75rem;
  }
  .barretop #choosenumbertop .form-check .text-muted {
    font-size: 0.65rem;
    position: relative;
    top: 1px;
  }
  #choosenumbertop .choicetop1-bloc, #choosenumbertop .choicetop3-bloc, #choosenumbertop .choicetopcomplet-bloc {
    flex-direction: column;
    align-items: center;
  }
  #choosenumbertop .choicetop1-bloc small, #choosenumbertop .choicetop3-bloc small, #choosenumbertop .choicetopcomplet-bloc small {
    margin-left: 10px;
  }
  #choosenumbertop .choicetop1-bloc .info-check, #choosenumbertop .choicetop3-bloc .info-check, #choosenumbertop .choicetopcomplet-bloc .info-check {
    display: flex;
    min-width: 50px;
  }
  .rules-content {
    padding: 15px 10px 10px;
  }
  .meetings {
    padding: 10px;
  }
  .meetings h4 {
    font-size: 0.8rem !important;
  }
}
@media (max-width: 425px) {
  .app-user-view .btns-alert .btn-outline-white {
    margin-right: 0px !important;
  }
}
@media (max-height: 800px) {
  .contenders-containers .link-contender {
    max-width: 350px;
    position: relative;
    transition: all 0.2s ease-in;
  }
}
@media (min-width: 768px) and (max-width: 1500px) {
  .space {
    display: inline-block;
    width: 3px;
  }
}
.wheel-container {
  width: 600px;
  margin: 0 auto;
}

.must-log-in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-2deg);
  text-align: center;
  font-size: 1.3rem;
}
.must-log-in .connect-btn {
  margin-top: 1rem;
  padding: 0.8rem;
  font-size: 0.8rem;
  text-transform: uppercase;
}
@media (max-width: 1350px) {
  .must-log-in {
    top: 20%;
  }
}

.wheelContainer {
  position: relative;
}

.spinBtn {
  position: absolute;
  top: 50%;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  left: 50%;
  padding: 20px;
  margin: -100px 0 0 -100px;
  background: #312673;
  border: none;
  font-size: 1rem;
  font-weight: 600;
}

.wheelOutline circle {
  stroke: #312673;
}

.centerCircle circle {
  stroke: #312673;
  fill: #312673;
}

.pegContainer {
  transform-origin: 0 -20px !important;
}

.wheel line {
  stroke: #312673;
  fill: #312673;
}

.pegContainer {
  transform-origin: 0px 0px;
}

.disable-wheel {
  pointer-events: none;
  filter: blur(4px);
}

.centerCircleImageContainer image {
  display: none;
}

.page-template-wheel .popup-header h3 {
  background: #e5213f;
}
.page-template-wheel #content-page-gv .row {
  justify-content: center;
}

.message-alreadyspun {
  margin: 75px 0;
  transform: rotate(-1deg);
}

.spinBtn, .pegContainer {
  display: none;
}

.page-template-recap body {
  background-color: #4B0082; /* Dark purple background */
  color: #ffffff; /* White text color */
  font-family: "Arial", sans-serif; /* Common font family */
}
.page-template-recap header img {
  max-width: 200px; /* Example logo size, to be adjusted as needed */
  margin-bottom: 20px;
}
.page-template-recap header h1 {
  font-size: 2rem; /* Large font size for the main title */
}
.page-template-recap .activity-summary p {
  font-size: 1.2rem; /* Slightly larger font size for summary text */
}
.page-template-recap .toplist h3 {
  font-size: 1.5rem; /* Large font size for section titles */
  margin-bottom: 1rem;
}
.page-template-recap .toplist ul {
  text-align: left;
  padding: 0;
}
.page-template-recap .toplist li {
  margin-bottom: 0.5rem; /* Space between list items */
  font-size: 1rem; /* Regular font size for list items */
}
.page-template-recap .trophies h3 {
  margin-bottom: 1rem;
}
.page-template-recap .trophies .col-4 {
  margin-bottom: 1rem;
}
.page-template-recap .trophies img {
  max-width: 80px; /* Example size for trophy icons */
  margin-bottom: 0.5rem;
}
.page-template-recap .trophies p {
  font-size: 0.9rem; /* Smaller font size for trophy titles */
}
.page-template-recap .footer p {
  margin-bottom: 0; /* Remove default margin from paragraph */
}
.page-template-recap .absolute-word {
  font-size: 70px !important;
  padding: 50px 0;
  transform: rotate(358deg);
  opacity: 1 !important;
}
@media (max-width: 450px) {
  .page-template-recap .absolute-word {
    font-size: 35px !important;
  }
}
.page-template-recap .absolute-word-trophy {
  font-size: 70px !important;
  padding: 20px 0;
  transform: rotate(358deg);
}
@media (max-width: 450px) {
  .page-template-recap .absolute-word-trophy {
    font-size: 35px !important;
  }
}
.page-template-recap .wording-toplist {
  font-size: 35px;
  padding: 40px 65px;
  line-height: 34px;
}
.page-template-recap .creator-div {
  font-size: 70px;
  padding: 60px;
  line-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.page-template-recap .creator-div .nb_tops_creator_tofill {
  color: #FA1680;
  font-size: 83px;
}
@media screen and (max-width: 768px) {
  .page-template-recap .creator-div {
    font-size: 35px;
    padding: 20px;
    flex-direction: column;
  }
}
.page-template-recap .nb-vote {
  font-size: 83px;
  padding: 60px;
  transform: rotate(355deg);
  color: #FA1680;
}
.page-template-recap .nb-toplist {
  font-size: 83px;
  padding: 60px;
  transform: rotate(8deg);
  color: #FA1680;
}
.page-template-recap .vote-wording {
  font-size: 55px;
  z-index: 1;
  transform: rotate(355deg);
  color: white !important;
}
.page-template-recap .toplist-wording {
  font-size: 55px;
  z-index: 1;
  transform: rotate(8deg);
  color: white !important;
}
.page-template-recap .emo img {
  width: 140px;
  transform: rotate(13deg);
}
.page-template-recap .sec-recap {
  padding: 40px 0 0 0;
}
.page-template-recap .toplist-wording {
  line-height: 51px;
}
.page-template-recap .trophies-wording {
  transform: rotate(359deg) !important;
}
.page-template-recap .title-trophies {
  text-transform: uppercase;
  color: #FA1680;
  margin-bottom: 0;
  font-size: 40px;
}
.page-template-recap .user_trophy_list {
  justify-content: center;
}
.page-template-recap .votes-blur {
  position: absolute;
  top: 60px;
  right: 194px;
  width: 730px;
}
.page-template-recap .toplist-blur {
  width: 510px;
  margin-top: -351px;
}
@media (max-width: 450px) {
  .page-template-recap .toplist-blur {
    margin-left: -40px;
  }
}
.page-template-recap .news-block .card-body {
  padding: 80px 0;
}
.page-template-recap .trophy-desc {
  color: rgba(255, 255, 255, 0.6980392157);
  text-transform: uppercase;
}
.page-template-recap .bg-trapezoid-c5::after {
  background-color: #7367F0;
  opacity: 10%;
}
.page-template-recap #div_recap_creator {
  text-transform: uppercase;
  font-size: 40px;
}
.page-template-recap #div_recap_creator .nb_tops_creator_tofill {
  color: #FA1680;
}
.page-template-recap .top1creator {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.page-template-recap .top1creator p {
  font-size: 35px;
  color: #FA1680;
}
.page-template-recap .top1creator img {
  width: 50px;
}
@media (max-width: 450px) {
  .page-template-recap .top1creator {
    flex-direction: column-reverse;
  }
}
.page-template-recap .top2creator {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.page-template-recap .top2creator p {
  font-size: 35px;
  color: #FA1680;
}
.page-template-recap .top2creator img {
  width: 50px;
}
@media (max-width: 450px) {
  .page-template-recap .top2creator {
    flex-direction: column;
  }
}
.page-template-recap .top-banner {
  width: 100%;
  height: 240px;
  background-size: cover;
}
.page-template-recap .score span {
  color: white;
  font-size: 35px;
}
.page-template-recap .leaderboard-table {
  transform: rotate(358deg);
}
.page-template-recap .leaderboard-container {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.page-template-recap .leaderboard-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-template-recap .leaderboard-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px;
  color: white;
  background: rgba(41, 13, 60, 0.73);
  border-radius: 5px;
}
.page-template-recap .leaderboard-item .rank {
  font-size: 1.5em;
  font-weight: bold;
}
.page-template-recap .leaderboard-item .score, .page-template-recap .leaderboard-item .diamonds {
  font-size: 35px;
}
@media (max-width: 850px) {
  .page-template-recap .leaderboard-item .score, .page-template-recap .leaderboard-item .diamonds {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  .page-template-recap .leaderboard-item .score, .page-template-recap .leaderboard-item .diamonds {
    font-size: 12px;
  }
}
.page-template-recap .leaderboard-item .name {
  flex-grow: 1;
  text-align: left;
  margin-left: 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 32px;
}
@media (max-width: 850px) {
  .page-template-recap .leaderboard-item .name {
    font-size: 15px;
  }
}
@media (max-width: 450px) {
  .page-template-recap .leaderboard-item .name {
    width: 100px;
    margin-left: -2px;
  }
}
.page-template-recap .leaderboard-item .score {
  margin-left: 80px;
  color: #FA1680;
  font-size: 35px;
  width: 100px;
}
@media (max-width: 850px) {
  .page-template-recap .leaderboard-item .score {
    font-size: 16px;
    margin-left: 20px;
    width: 50px;
  }
}
.page-template-recap .trophy-leader {
  width: 35px;
  margin: 0 40px 0 11px;
}
@media (max-width: 850px) {
  .page-template-recap .trophy-leader {
    width: 24px;
    margin: 0 10px 0 11px;
  }
}
.page-template-recap .diamond {
  font-size: 25px;
}
@media (max-width: 850px) {
  .page-template-recap .diamond {
    font-size: 16px;
  }
}
.page-template-recap .diamond-leader {
  width: 34px;
  margin-right: 40px;
  margin-left: 10px;
}
.page-template-recap .div-diamond {
  margin-left: 508px;
}
@media (max-width: 1150px) {
  .page-template-recap .div-diamond {
    margin-left: 0;
  }
}
.page-template-recap .rank {
  font-size: 35px;
  margin-left: 50px;
}
@media (max-width: 850px) {
  .page-template-recap .rank {
    font-size: 16px;
    margin-left: 5px;
  }
}
.page-template-recap .leaderboard-item div {
  display: flex;
  align-items: center;
}
.page-template-recap .div-name {
  width: 291px;
  display: flex;
  align-items: center;
}
@media (max-width: 850px) {
  .page-template-recap .div-name {
    font-size: 16px;
    width: 150px;
  }
}
.page-template-recap .div-trophy {
  display: flex;
  align-items: center;
}
.page-template-recap .div-diamond {
  display: flex;
  align-items: center;
}
.page-template-recap .screen {
  max-width: 400px;
}
.page-template-recap .screen h4 {
  padding: 10px 60px;
  font-size: 18px;
}
@media (max-width: 450px) {
  .page-template-recap .screen h4 {
    padding: 0px 6px;
    font-size: 18px;
  }
}
.page-template-recap .commu-bloc {
  margin-bottom: 0 !important;
}
.page-template-recap .impair {
  background-color: transparent !important;
}
.page-template-recap .leaderboard-blur {
  width: 1000px;
  position: absolute;
  z-index: -1;
  margin-top: -600px;
}
.page-template-recap .top-blur {
  width: 1050px;
  position: absolute;
  margin-top: -341px;
  left: 0;
  z-index: -10;
}
@media (max-width: 450px) {
  .page-template-recap .vs-icon {
    margin-bottom: 3rem;
  }
}
.page-template-recap .layout-page {
  overflow-x: hidden;
}
.page-template-recap .vs-creator {
  width: 120Px;
}
.page-template-recap .creator-word {
  font-size: 70px !important;
  padding: 34px 0;
  transform: rotate(2deg);
  opacity: 1 !important;
}
@media (max-width: 450px) {
  .page-template-recap .creator-word {
    font-size: 35px !important;
  }
}
.page-template-recap .userRank {
  color: #FA1680;
  font-size: 40px;
}
.page-template-recap .rank {
  font-size: 31px;
  transform: rotate(359deg);
}
.page-template-recap .last-phrase {
  padding-top: 7rem;
}
@media (max-width: 768px) {
  .page-template-recap .last-phrase {
    padding-top: 4rem;
  }
  .page-template-recap .last-phrase p {
    font-size: 25px;
  }
  .page-template-recap .last-phrase p .userRank {
    font-size: 30px;
  }
}
.page-template-recap .last-phrase .toplist-blur {
  font-size: 40px;
  width: 90%;
  height: 700px;
  margin-top: -500px;
}
@media (max-width: 768px) {
  .page-template-recap .last-phrase .toplist-blur {
    width: 120%;
    height: unset;
    margin-left: 0;
    margin-top: -400px;
  }
}/*# sourceMappingURL=main.css.map */