.fontt {
font-family: inherit !important;
}
.no-casino-found {
text-align: center;
padding: 30px;
font-size: 18px;
color: #666;
}
.i-\[theme--chevron-down-circle\] {
display: inline-block;
width: 1em;
height: 1em;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Crect width='16' height='16' fill='url(%23svgID0)' rx='8'/%3E%3Cpath fill='%23fff' d='M11.265 6.765a.375.375 0 000-.53h-6.53a.375.375 0 000 .53l3 3a.375.375 0 00.53 0z'/%3E%3Cdefs%3E%3ClinearGradient id='svgID0' x1='-.075' x2='15.925' y1='8' y2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2343B047'/%3E%3Cstop offset='.99' stop-color='%231F3B3A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
.toplistFilters__dropdown--content .toplistFilters__button,
.toplistFilters__dropdown--content .toplistFilters__checkbox {
text-align: left;
font-size: 13px;
line-height: 1;
width: 100%;
color: #DDE4FB;
display: flex;
align-items: center;
gap: 6px;
border-radius: 10px;
padding: 16px;
background: rgba(255, 255, 255, 0.08);
}
button.js-read-more span[data-collapsed] {
color: #2C7A4B !important;
}
.icon-shield-star svg {
display: block;
width: 18px;
height: 18px;  }
.icon-spinner svg {
animation: spin 2s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.icon-spinner svg {
display: block;
width: 18px;
height: 18px;  } .containerrrr { width: 100%;
margin-left: auto;
margin-right: auto;
padding: 2rem 0px 2rem 0px;
}
.modulee {
position: relative;
scroll-margin-top: var(--module-scroll-top)
}
.toplistFiltersWrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
position: relative;
z-index: 10
}
.toplistFilters__dropdown--trigger {
background: rgba(255, 255, 255, 0.08);
border-radius: 10px;
padding-inline: 16px;
display: flex;
align-items: center;
justify-content: space-between;
height: 52px;
width: 100%;
}
.toplistFilters__dropdown--trigger span:first-of-type {
font-weight: 500;
font-size: 12px;
color: #DDE4FB;
}
.toplistFilters__dropdown--trigger span:last-of-type {
width: 16px;
height: 16px;
transition: transform 200ms;
}
.toplistFilters__dropdown.open .toplistFilters__dropdown--trigger span:last-of-type {
transform: rotate(180deg);
}
.toplistFilters__dropdown--content {
position: absolute;
top: 64px;
left: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
width: 100%;
background: #181A2D;
z-index: 10;
padding-block: 16px;
padding-inline: 12px;
border-radius: 10px;
opacity: 0;
pointer-events: none;
transform: translateY(16px) scale(0.95);
transition: opacity 200ms, transform 200ms;
}
.toplistFilters__dropdown--content .toplistFilters__button,
.toplistFilters__dropdown--content .toplistFilters__checkbox {
text-align: left;
font-weight: 500;
font-size: 13px;
line-height: 1;
width: 100%;
color: #DDE4FB;
display: flex;
align-items: center;
gap: 6px;
border-radius: 10px;
padding: 16px;
}
.toplist-item__image-ribbon .icon {
background-color: #000 !important;
fill: #000 !important;
}
.toplistFilters__dropdown--content .toplistFilters__button.selected,
.toplistFilters__dropdown--content .toplistFilters__checkbox.selected {
background: #362FFF;
}
.toplistFilters__dropdown--content .toplistFilters__button:hover:not(.selected),
.toplistFilters__dropdown--content .toplistFilters__button:hover:not(.selected) span:first-of-type,
.toplistFilters__dropdown--content .toplistFilters__checkbox:hover:not(.selected),
.toplistFilters__dropdown--content .toplistFilters__checkbox:hover:not(.selected) span:first-of-type {
color: #fff
}
.toplistFilters__dropdown--content .toplistFilters__button {
transition: background 200ms, color 200ms
}
.toplistFilters__dropdown--content .toplistFilters__button span:first-of-type {
width: 16px; transition: color 200ms
}
.toplistFilters__dropdown--content .toplistFilters__button:not(.selected) span:first-of-type {
color: #B4AED8
}
.toplistFilters__dropdown--content .toplistFilters__button.selected {
pointer-events: none;
}
.toplistFilters__dropdown--content .toplistFilters__button:hover:not(.selected) {
background: rgba(255, 255, 255, 0.14)
}
.toplistFilters__dropdown--content .toplistFilters__checkbox span:first-of-type {
display: none
}
.toplistFilters__dropdown.open .toplistFilters__dropdown--content {
opacity: 1;
transform: translateY(0);
pointer-events: auto
}
.cardsList {
display: grid;
min-height: 6rem
}
.cardsList.toplist {
gap: 32px;
width: 100%;
margin-top: 16px;
}
.cardsList.toplist>div {
width: 100%;
}
.toplist-item {
display: flex !important;
flex-direction: row !important;
}
.toplist-item__image {
position: relative;
display: flex;
aspect-ratio: 2.4/1
}
.toplist-item__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px 16px 0 0
}
.toplist-item__image-ribbon {
position: absolute;
border-radius: 50px;
background: #33E55B;
display: inline-flex;
gap: 2px;
align-items: center;
height: 28px;
font-weight: 700;
color: #121622;
font-size: 9px;
line-height: 20px;
padding-inline: 12px
}
.i-\[material-symbols--verified-rounded\] {
display: inline-block;
width: 1em;
height: 1em;
background: linear-gradient(to right, #763DFF, #362FFF);
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10.95 12.7L9.5 11.275Q9.225 11 8.813 11t-.713.3q-.275.275-.275.7t.275.7l2.15 2.15q.3.3.7.3t.7-.3l4.25-4.25q.3-.3.287-.7t-.287-.7q-.3-.3-.712-.312t-.713.287zm-2.8 9.05L6.7 19.3l-2.75-.6q-.375-.075-.6-.387t-.175-.688L3.45 14.8l-1.875-2.15q-.25-.275-.25-.65t.25-.65L3.45 9.2l-.275-2.825q-.05-.375.175-.688t.6-.387l2.75-.6l1.45-2.45q.2-.325.55-.438t.7.038l2.6 1.1l2.6-1.1q.35-.15.7-.038t.55.438L17.3 4.7l2.75.6q.375.075.6.388t.175.687L20.55 9.2l1.875 2.15q.25.275.25.65t-.25.65L20.55 14.8l.275 2.825q.05.375-.175.688t-.6.387l-2.75.6l-1.45 2.45q-.2.325-.55.438t-.7-.038l-2.6-1.1l-2.6 1.1q-.35.15-.7.038t-.55-.438'/%3E%3C/svg%3E")
}
.toplist-item__main {
background: #EDEDF7;
padding: 24px;
display: flex;
flex-direction: column;
border-radius: 0 0 16px 0;
z-index: 1;
transition: border-radius 200ms;
flex: 1;
}
.toplist-item__main-content {
margin-top: 12px;
}
.toplist-item__main-content-top {
display: flex;
gap: 16px
}
.operator-bonus {
display: flex;
gap: 10px;
flex: 1;
min-height: 74px
}
.operator-bonus:not(.dark) .operator-bonus__cell {
border-top: 1px;
border-style: solid;
border-color: #e0dbff
}
.operator-bonus__cell {
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
padding-inline: 12px;
padding-block: 18px;
border-radius: 12px;
flex: 1
}
.operator-bonus__cell--title {
color: #121622;
font-weight: 800;
text-align: center
}
.operator-bonus__cell--subtitle {
color: #4B5563;
font-weight: 600;
font-size: 12px;
line-height: 15px;
text-align: center;
}
.operator-bonus__cell--fallback {
color: #121622;
font-weight: 700;
font-size: 1.3rem;
line-height: 1.8rem;
text-align: center;
}
.payment-methods {
flex: 1 1 auto; max-width: 70%;  }
.payment-methods img,
.payment-methods svg {
height: 26px;
width: auto;
object-fit: contain;
}
.payment-methods .splide__slide {
flex: 0 0 auto; width: auto; }
.payment-methods .splide__list {
will-change: transform;
display: flex;
align-items: center;
gap: 8px;
will-change: transform;
transition: transform 0.4s ease;
}
.splide {
max-width: 100%;
visibility: visible;
position: relative;
}
.splide.is-initialized .splide__pagination,
.splide.is-initialized .splide__arrows {
opacity: 1;
}
.payment-methods .splide__arrow--next {
right: -20px
}
.payment-methods .splide__arrow--prev {
left: -20px;
transform: translateY(-50%) rotate(180deg)
}
.payment-methods .splide__arrow {
background-color: unset;
width: initial;
height: initial;
border-radius: initial
}
.splide__arrow {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
flex-shrink: 0;
flex-grow: 0;
position: absolute;
cursor: pointer;
border: 0;
padding: 0;
z-index: 1;
background: #04061B;
color: rgba(180, 174, 216, 0.5);
width: 36px;
height: 36px;
border-radius: 50%
}
.payment-methods .splide__arrow--next svg,
.payment-methods .splide__arrow--prev svg {
width: 10px;
fill: #a6a6ab;
}
.splide__arrow--next {
right: -2.8rem;
top: 50%;
transform: translateY(-50%)
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0
}
.splide__list {
backface-visibility: hidden;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important
}
.toplist-item__main-content-bottom-rating {
display: flex;
gap: 10px;
align-items: center
}
.toplist-item__main-content-bottom-rating-flex {
display: flex;
flex-direction: column;
gap: 2px
}
.toplist-item__main-content-bottom-rating-flex span:first-of-type {
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #121622
}
.toplist-item__main-content-bottom-rating-flex span:last-of-type {
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #4B5563
}
.rating-element {
display: inline-flex;
align-items: center;
gap: 6px;
flex-shrink: 0
}
.rating-element__icon {
position: relative;
display: inline-flex
}
.rating-element__icon .icon-gradient {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 14px;
height: 14px
}
.toplist-item__main-content-bottom-separator {
width: 1px;
height: 24px;
background: #D1D9F0
}
.toplist-item__main-content-bottom-flex {
display: flex;
flex-direction: column;
gap: 2px;
max-width: 150px;
}
.toplist-item__main-content-bottom-flex span:first-of-type {
display: flex;
gap: 6px;
align-items: center
}
.toplist-item__main-content-bottom-flex span:last-of-type {
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #4B5563
}
.toplist-item__main-cta {
position: relative;
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
padding-top: 16px;
margin-top: auto
} .toplist-item__main .btn__read-review {
display: flex;
gap: 4px;
align-items: center;
font-size: 13px;
line-height: 20px;
font-weight: 600;
}
.toplist-item__main .btn__read-review .icon-gradient {
font-size: 16px;
}
.toplist-item__main .btn__read-review .icon-small {
font-size: 12px;
transition: transform 200ms
}
.toplist-item__main .btn__read-review.anchor:hover {
text-decoration-thickness: .05rem
}
.toplist-item__main .btn__read-review.open .icon-small {
transform: rotate(180deg)
}
.icon-gradient {
background: linear-gradient(to right, #763DFF, #362FFF);
}
.toplist-item__main-cta .js-read-more span:first-of-type {
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin-left: 8px
}
.toplist-item__main-content-bottom-flex span:first-of-type img {
border-radius: 5rem;
}
.toplist-item__main-cta .js-read-more .icon {
width: 12px;
height: 12px;
transform: rotate(90deg);
opacity: .5;
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
}
.js-read-more span:hover {
color: black;
}
.toplist-wrapper .read-more.open {
opacity: 1;
height: auto;
}
.toplist-wrapper .read-more {
position: relative;
overflow: hidden;
opacity: 0;
height: 0;
transition: opacity 200ms, height 200ms
}
.toplist-wrapper .read-more__cutout--right {
position: relative;
width: 100%;
max-width: 245px;
height: 10px;
display: flex;
flex-direction: column;
align-items: center
}
.toplist-wrapper .read-more__cutout--right::after {
content: "";
position: absolute;
top: -4px;
transform: translateY(-100%);
width: 180px;
border-radius: 0 0 20px 20px;
outline: 15px solid #04061B;
height: 25px
}
.toplist-wrapper .read-more__main {
background: #EDEDF7;
border-radius: 0 0 16px 16px;
padding: 20px 24px 24px 24px;
display: flex;
gap: 18px
}
.toplist-wrapper .read-more__block-separator {
height: 1px;
background: #D1D9F0
}
.operator-info-mobile__flex {
display: flex;
justify-content: space-between
}
.toplist-wrapper .read-more__block-item-value {
font-weight: 700;
font-size: 13px;
line-height: 20px;
color: #121622
}
.toplist-wrapper .read-more__block-item-icon {
width: 14px;
height: 14px;
background: #615D82
}
.toplist-wrapper .read-more__block-item-pro {
display: flex;
gap: 6px; }
.i-\[mdi--check-bold\] {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m9 20.42l-6.21-6.21l2.83-2.83L9 14.77l9.88-9.89l2.83 2.83z'/%3E%3C/svg%3E")
}
.toplist-wrapper .read-more__block-item {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
column-gap: 8px
}
.toplist-wrapper .read-more__block {
flex: 1;
display: flex;
flex-direction: column;
gap: 5px;
}
.toplist-wrapper .read-more__block-title {
font-weight: 700;
font-size: 14px;
line-height: 0px;
text-align: left;
color: #1B2134;
}
.toplist-wrapper .read-more__block-items {
display: flex;
flex-direction: column;
gap: 8px
}
.toplist-wrapper .read-more__block-item-label {
font-weight: 500;
font-size: 13px;
line-height: 20px;
text-align: left;
color: #4B5563
}
.promo-code-copy::after {
content: "";
position: absolute;
inset: 0;
background: rgba(54, 47, 255, 0.45);
border-radius: 10px;
opacity: 0;
transition: opacity 200ms;
-webkit-transition: opacity 200ms;
-moz-transition: opacity 200ms;
-ms-transition: opacity 200ms;
-o-transition: opacity 200ms;
}
.promo-code-copy-bottom {
color: #121622;
font-weight: 700;
font-size: 14px;
line-height: 2rem;
text-align: center;
text-transform: uppercase;
}
.promo-code-copy {
position: relative;
background-image: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%2712%27 ry=%2712%27 stroke=%27%23362FFFFF%27 stroke-width=%274%27 stroke-dasharray=%276%2c 12%27 stroke-dashoffset=%270%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
background-color: #fff;
border-radius: 12px;
padding-block: 16px;
display: flex;
width: 100%;
flex-direction: column;
gap: 2px;
align-items: center;
justify-content: center;
}
.promo-code-copy:hover::after {
opacity: .1
}
.promo-code-copy-top {
display: flex;
align-items: center;
text-align: center;
gap: 4px;
color: #4B5563;
font-weight: 600;
}
.promo-code-copy-top span:first-of-type {
width: 10px;
height: 10px;
}
.promo-code-copy-top span:last-of-type {
font-size: 11px;
line-height: 16px;
}
.i-\[material-symbols--file-copy-rounded\] {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 19H8q-.825 0-1.412-.587T6 17V3q0-.825.588-1.412T8 1h6.175q.4 0 .763.15t.637.425l4.85 4.85q.275.275.425.638t.15.762V17q0 .825-.587 1.413T19 19m0-11l-5-5v3.5q0 .625.438 1.063T15.5 8zM4 23q-.825 0-1.412-.587T2 21V8q0-.425.288-.712T3 7t.713.288T4 8v13h10q.425 0 .713.288T15 22t-.288.713T14 23z'/%3E%3C/svg%3E")
}
.splide.is-initialized,
.splide.is-rendered {
visibility: visible;
}
.payment-methods__image,
.payment-methods__image img {
width: 30px;
height: 30px;
border-radius: 6px !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.i-\[material-symbols--crown-outline-rounded\] {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6 20q-.425 0-.712-.288T5 19t.288-.712T6 18h12q.425 0 .713.288T19 19t-.288.713T18 20zm.7-3.5q-.725 0-1.287-.475t-.688-1.2l-1-6.35q-.05 0-.112.013T3.5 8.5q-.625 0-1.062-.437T2 7t.438-1.062T3.5 5.5t1.063.438T5 7q0 .175-.038.325t-.087.275L8 9l3.125-4.275q-.275-.2-.45-.525t-.175-.7q0-.625.438-1.063T12 2t1.063.438T13.5 3.5q0 .375-.175.7t-.45.525L16 9l3.125-1.4q-.05-.125-.088-.275T19 7q0-.625.438-1.063T20.5 5.5t1.063.438T22 7t-.437 1.063T20.5 8.5q-.05 0-.112-.012t-.113-.013l-1 6.35q-.125.725-.687 1.2T17.3 16.5zm0-2h10.6l.65-4.175l-1.15.5q-.65.275-1.325.1t-1.1-.75L12 6.9l-2.375 3.275q-.425.575-1.1.75t-1.325-.1l-1.15-.5zm5.3 0'/%3E%3C/svg%3E")
}
.toplist-item__main-content-bottom-flex.bottom {
flex: 1
}
.toplistFilters__dropdown--content .toplistFilters__button .i-\[material-symbols--verified-rounded\] {
width: 18px;
height: 18px;
font-size: 18px;
}
.toplist-item__main-content-bottom-flex span:first-of-type .icon-gradient {
width: 20px;
height: 20px;
flex-shrink: 0
}
.i-\[tabler--star-filled\] {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E")
}
.toplist-item__main-content-bottom-flex span:first-of-type span:last-of-type {
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #121622
}
.toplist-item__main-cta a {
text-decoration: none !important;
}
.i-\[material-symbols--alarm-outline-rounded\] {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 12.6V9q0-.425-.288-.712T12 8t-.712.288T11 9v3.975q0 .2.075.388t.225.337l2.8 2.8q.275.275.7.275t.7-.275t.275-.7t-.275-.7zM12 22q-1.875 0-3.512-.712t-2.85-1.925t-1.925-2.85T3 13t.713-3.512t1.924-2.85t2.85-1.925T12 4t3.513.713t2.85 1.925t1.925 2.85T21 13t-.712 3.513t-1.925 2.85t-2.85 1.925T12 22M2.05 7.3q-.275-.275-.275-.7t.275-.7L4.9 3.05q.275-.275.7-.275t.7.275t.275.7t-.275.7L3.45 7.3q-.275.275-.7.275t-.7-.275m19.9 0q-.275.275-.7.275t-.7-.275L17.7 4.45q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l2.85 2.85q.275.275.275.7t-.275.7M12 20q2.925 0 4.963-2.037T19 13t-2.037-4.962T12 6T7.038 8.038T5 13t2.038 4.963T12 20'/%3E%3C/svg%3E")
}
.toplist-wrapper .read-more__block-item-pro .icon-gradient {
width: 16px;
height: 16px;
flex-shrink: 0
}
.i-\[material-symbols--add-card-outline\] {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v6H4v6h10v2zM4 8h16V6H4zm15 14v-3h-3v-2h3v-3h2v3h3v2h-3v3zM4 18V6z'/%3E%3C/svg%3E")
}
.splide__arrow--prev {
left: -2.8rem;
top: 50%;
transform: translateY(-50%)
}
.splide__arrow--prev span {
rotate: 90deg;
}
.btn--primary {
text-decoration: none
}
.btn {
width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
white-space: nowrap; padding: var(--space-sm) 0;
border: 3px solid transparent;
font-weight: 600;
height: 56px;
font-size: 13px;
border-radius: 10px
}
.btn[disabled],
.btn:disabled {
color: #20202D;
}
.btn--disabled {
color: #20202D;
background-color: #E3E1E1;
cursor: not-allowed !important;
pointer-events: none !important
}
.btn--disabled-cta {
opacity: 60%;
cursor: not-allowed !important;
pointer-events: none !important
}
.btn--primary:active {
color: #fff
}
.btn--primary.cta {
max-width: 240px;
font-weight: 500;
font-size: 15px;
line-height: 2.4rem;
padding: var(--space-sm) var(--space-md);
white-space: pre-wrap;
text-align: center;
text-decoration: none
}
.btn--secondary {
background-color: #362FFF;
color: #fff;
text-decoration: none
}
.btn--secondary:active {
background-color: #4a43fe;
color: #fff
}
.btn--light {
background-color: #E3E1E1;
color: #1C1C1E;
text-decoration: none
}
.btn--light:active {
background-color: #CACACA
}
.btn--load-more,
.btn--show-all {
display: flex;
margin: 0 auto;
font-weight: 600;
height: 50px;
width: 260px;
border-radius: 50px;
color: #fff;
font-size: 14px !important;
cursor: pointer;
border: 2px solid #362FFF;
background: transparent;
}
.btn--load-more:hover,
.btn--show-all:hover {
background: rgba(54, 47, 255, 0.45)
}
.btn--load-more.loading::before,
.btn--show-all.loading::before {
background: rgba(54, 47, 255, 0.45)
}
.btn--load-more {
font-size: 1.3rem
}
.btn--transparent {
background-color: transparent;
color: #fff;
border: 3px solid #fff;
text-decoration: none
}
.btn--white {
background-color: #fff;
color: #4a43fe
}
.modulee .js-load-more {
margin: 23px auto;
background-color: #362FFF;
color: #fff;
}
.modulee .cta-shortcode {
display: flex;
}
.modulee .cta-shortcode.center {
justify-content: center;
}
.modulee .cta-shortcode.right {
justify-content: flex-end
}
.toplist-wrapper a.btn--primary:hover {
transform: scale(1.04);
}
.btn__read-review {
text-decoration: none;
}
@media (min-width: 1024px) {
.toplistFilters__dropdown--trigger {
display: none;
}
.toplistFilters__dropdown--content {
position: static;
flex-direction: row;
gap: 12px;
padding: 0;
background: transparent;
pointer-events: auto;
opacity: 1;
transform: translateY(0) scale(1)
}
.toplistFilters__dropdown--content .toplistFilters__checkbox.selected {
color: #fff
}
.toplistFilters__dropdown--content .toplistFilters__button {
white-space: nowrap
}
.toplistFilters__dropdown--content .toplistFilters__checkbox {
width: auto;
background: transparent;
padding: 0
}
.toplistFilters__dropdown--content .toplistFilters__checkbox:hover:not(.selected) {
color: #fff
}
.toplistFilters__dropdown--content .toplistFilters__checkbox:hover:not(.selected) span:first-of-type::after {
opacity: .65
}
.toplistFilters__dropdown--content .toplistFilters__checkbox.selected {
background: transparent !important;
color: #fff
}
.toplistFilters__dropdown--content .toplistFilters__checkbox.selected span:first-of-type::after {
opacity: 1
}
.toplistFilters__dropdown--content .toplistFilters__checkbox span:first-of-type {
flex-shrink: 0;
position: relative;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 6px;
background: #2b3150
}
.toplistFilters__dropdown--content .toplistFilters__checkbox span:first-of-type::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, #43B047, #2C7A4B, #1F3B3A) !important;
border-radius: 6px;
opacity: 0;
transition: opacity 200ms
}
.toplist-item__image {
aspect-ratio: 1/1;
width: 240px;
flex-shrink: 0
}
.toplist-item__image img {
border-radius: 16px 0 0 16px;
}
.toplist-item__image-ribbon {
left: 16px;
top: unset;
right: unset;
bottom: 16px;
font-size: 10px
}
.toplist-item__image-ribbon .icon {
font-size: 12px
}
.toplist-item__main {
padding-left: 38px;
padding-right: 50px;
flex-direction: row;
gap: 24px;
justify-content: space-between;
padding-block: 28px;
border-radius: 0 16px 16px 0
}
.toplist-item__main .rating-element__icon svg {
width: unset;
height: unset
}
.toplist-item__main-content {
margin-top: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
max-width: 670px;
min-width: 530px
}
.toplist-item__main-content-top .operator-bonus__cell--title {
font-size: 32px;
line-height: 32px
}
.toplist-item__main-content-top-payments {
display: flex;
align-items: center;
justify-content: center; background: #fff;
border-radius: 12px;
border-top: 1px solid #e0dbff;
min-height: 90px;
width: 260px;
}
.toplist-item__main-content-separator {
display: block;
height: 1px;
background: #D1D9F0
}
.toplist-item__main-content-bottom {
display: flex;
align-items: center;
gap: 16px;
}
.toplist-item__main-cta {
justify-content: center;
padding-top: 0;
margin-top: 0;
max-width: 250px;
width: 100%;
height: 100%
}
.toplist-item__main-cta .js-read-more {
background: #EDEDF7;
position: absolute;
bottom: -14px;
transform: translateY(100%);
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
width: 180px;
height: 25px;
border-radius: 0 0 20px 20px;
color: #4B5563;
transition: color 200ms;
;
-webkit-transition: color 200ms;
-moz-transition: color 200ms;
-ms-transition: color 200ms;
-o-transition: color 200ms;
}
.toplist-item__main-cta .btn__read-review {
display: flex;
}
.toplist-item__main-mobile-review {
display: none !important;
}
.paging-navigation a,
.comments-area a,
.page-header a {
color: black;
}
.toplist-wrapper .read-more__cutout {
margin-top: 16px;
display: flex;
position: absolute;
top: 0;
left: 0;
right: 0;
margin-left: 240px;
padding-inline: 24px;
gap: 24px;
justify-content: space-between;
padding-left: 38px;
padding-right: 50px
}
.toplist-wrapper .read-more__main {
padding: 30px;
margin-top: 16px;
border-radius: 16px;
flex-direction: row;
gap: 30px
}
.toplist-wrapper .read-more__block-separator {
height: auto;
width: 1px
}
.toplist-item-review {
display: flex
}
.toplist-wrapper .read-more .operator-info-mobile {
display: none
}
}
@media (max-width: 1024px) {
.toplistFilters__dropdown--content .toplistFilters__checkbox {
transition: background 200ms, color 200ms
}
.toplistFilters__dropdown--content .toplistFilters__checkbox:hover:not(.selected) {
background: rgba(255, 255, 255, 0.14)
}
}
.toplistFilters__dropdown--content button {
background-color: transparent;
border: none;
padding: 0;
cursor: pointer;
}
.toplist-item__main-cta button {
background-color: white;
border: none;
cursor: pointer;
}
.promo-code-copy {
cursor: pointer;
}
.promo-code-copy:active {
transform: scale(0.98);
}  .read-more__block-separator.mobile {
display: none;
} @media (max-width: 767px) {
.read-more__block-separator.mobile {
display: block;
}
}
.btn--animated:hover {
transform: scale(1.04);
}
.mobile-rating {
display: none;
} .left-filter {
grid-column: 1;
} .right-filter {
grid-column: 2;
}  @media (max-width: 768px) {
.toplistFiltersWrap {
grid-template-columns: 1fr; }
.left-filter,
.right-filter {
grid-column: 1 !important;
}  }
.cta-primary {
background-color: var(--cta-bg);
color: var(--cta-text);
font-size: var(--font-size-desktop, 16px);
}
.cta-primary:hover {
background-color: var(--cta-bg-hover);
color: var(--cta-text-hover);
}@media (max-width: 1023px) { .dark-module-output {
margin-block: 1.5rem;
} .toplistFiltersWrap { gap: 8px;
margin-bottom: 20px;
}
.toplistFilters__dropdown--trigger span:first-of-type {
font-size: 13px !important;
}
.toplistFilters__dropdown {
width: 100%;
}
.toplistFilters__dropdown--trigger {
height: 48px;
padding: 0 16px;
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
}  .toplist-item__image {
width: 100%;
aspect-ratio: 2.4/1;
position: relative;
}
.toplist-item__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px 16px 0 0;
}
.toplist-item__image-ribbon {
position: absolute;
top: 12px;
right: 12px;
background: #33E55B;
color: #121622;
font-size: 10px;
font-weight: 700;
padding: 4px 10px;
border-radius: 20px;
display: inline-flex;
align-items: center;
gap: 4px;
z-index: 2;
}  .toplist-item__main-content-top-payments {
display: none;
}
.toplist-item__main-content-top {
display: flex !important;
flex-direction: column !important;
gap: 0px !important;
} .operator-bonus {
flex-direction: row;
gap: 8px; }
.operator-bonus__cell {
flex: 1;
padding: 12px;
background: white;
border-radius: 12px;
min-height: 70px;
}
.operator-bonus__cell--title {
font-size: 18px;
font-weight: 900;
color: #121622;
}
.operator-bonus__cell--subtitle {
font-size: 11px;
font-weight: 600;
color: #4B5563;
} .toplist-item__main-content-bottom {
display: none;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin-top: 16px;
}
.toplist-item__main-content-bottom-rating {
grid-column: span 2;
background: white;
border-radius: 12px;
padding: 12px;
display: flex;
align-items: center;
gap: 10px;
}
.rating-element {
display: flex;
align-items: center;
gap: 8px;
}
.rating-element__icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.toplist-item__main-content-bottom-rating-flex {
flex: 1;
}
.toplist-item__main-content-bottom-rating-flex span:first-child {
font-weight: 700;
font-size: 18px;
color: #121622;
}
.toplist-item__main-content-bottom-rating-flex span:last-child {
font-size: 11px;
color: #4B5563;
font-weight: 500;
} .toplist-item__main-content-bottom-flex {
background: white;
border-radius: 12px;
padding: 12px;
display: flex;
flex-direction: column;
gap: 4px;
}
.toplist-item__main-content-bottom-flex span:first-child {
display: flex;
align-items: center;
gap: 6px;
}
.toplist-item__main-content-bottom-flex span:first-child svg,
.toplist-item__main-content-bottom-flex span:first-child .icon-gradient {
width: 16px;
height: 16px;
color: #362FFF;
}
.toplist-item__main-content-bottom-flex span:first-child span:last-child {
font-weight: 700;
font-size: 13px;
color: #121622;
}
.toplist-item__main-content-bottom-flex span:last-child {
font-size: 14px;
color: #4B5563;
font-weight: 500;
} .toplist-item__main-content-separator,
.toplist-item__main-content-bottom-separator {
display: none;
} .toplist-item__main-cta {
margin-top: 0px !important;
display: flex;
flex-direction: column;
gap: 12px;
}
.promo-code-copy {
padding: 12px;
background: white;
border-radius: 12px;
text-align: center;
}
.promo-code-copy-top {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 11px;
color: #4B5563;
margin-bottom: 4px;
}
.btn {
height: 48px;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
}
.btn--primary {
background-color: var(--cta-bg);
color: var(--cta-text);
} .btn__read-review {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: #362FFF;
font-size: 13px;
font-weight: 500;
text-decoration: none;
} .js-read-more {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 13px;
font-weight: 500;
background: none;
border: none;
}
.toplistFilters__dropdown--content.is-open {
opacity: 1;
pointer-events: auto;
transform: translateY(0) scale(1);
} .toplist-item__main-mobile-review {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 16px;
border-top: 1px solid #D1D9F0;
} .toplist-item__main-cta .js-read-more {
display: none;
} .read-more {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease; }
.read-more.open {
max-height: 1000px;
}
.read-more__main {
display: flex !important;
flex-direction: column !important;
} .read-more__cutout {
display: none;
} .operator-info-mobile {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin-bottom: 20px;
}
.operator-info-mobile__item { padding: 12px; }
.operator-info-mobile__item span:first-child {
display: flex;
align-items: center;
gap: 6px;
}
.operator-info-mobile__item span:first-child .icon-gradient {
width: 16px;
height: 16px;
color: #362FFF;
}
.operator-info-mobile__item span:first-child span:last-child {
font-weight: 700;
font-size: 18px;
color: #121622;
}
.operator-info-mobile__item span:last-child {
font-size: 14px;
color: #4B5563;
font-weight: 500;
}
.operator-info-mobile__separator {
display: none;
} .read-more__block {
margin-bottom: 24px;
}
.read-more__block-title {
font-size: 16px;
font-weight: 700;
color: #121622;
margin-bottom: 12px;
}
.read-more__block-items {
display: flex;
flex-direction: column;
gap: 12px;
}
.read-more__block-item {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 12px;
border-bottom: 1px solid #eee;
}
.read-more__block-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.read-more__block-item-label {
font-size: 13px;
color: #4B5563;
} .read-more__block-item-pro {
display: flex;
align-items: flex-start;
gap: 8px;
padding: 8px 0;
}
.read-more__block-item-pro .verified-badge {
flex-shrink: 0;
width: 16px;
height: 16px;
color: #33E55B;
}
.read-more__block-item-pro .read-more__block-item-label {
font-size: 13px;
line-height: 1.4;
color: #121622;
} .read-more__block-separator {
height: 1px;
background: #D1D9F0;
}
.read-more__block-separator.mobile {
display: block;
} .cardsList.toplist {
gap: 25px;
display: flex;
flex-direction: column;
} .btn--load-more {
width: 100%;
max-width: 280px;
height: 50px;
margin: 30px auto 20px;
background: transparent;
border: 2px solid #362FFF;
color: #fff;
font-size: 14px;
}
} @media (max-width: 480px) {
.toplist-item__main {
padding: 12px;
}
.operator-bonus__cell {
padding: 10px 8px;
min-height: 60px;
}
.operator-bonus__cell--title {
font-size: 16px;
}
.operator-bonus__cell--subtitle {
font-size: 10px;
}
.toplist-item__main-content-bottom {
grid-template-columns: 1fr;
gap: 8px;
}
.toplist-item__main-content-bottom-rating {
grid-column: span 1;
}
.operator-info-mobile {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.btn {
height: 44px;
font-size: 13px;
} }
@media (max-width: 768px) {
.cta-primary {
font-size: var(--font-size-mobile, 14px) !important;
}
} @media (min-width: 481px) and (max-width: 768px) {
.toplist-item__main-content-bottom {
grid-template-columns: repeat(3, 1fr);
}
.toplist-item__main-content-bottom-rating {
grid-column: span 3;
}
.operator-info-mobile {
grid-template-columns: repeat(4, 1fr);
} .toplist-item__main-content-top-payments {
display: block !important;
margin-top: 15px;
justify-content: center;
align-items: center;
}
} @media (min-width: 769px) and (max-width: 1023px) { .toplist-item__main-mobile-review {
display: none;
} .toplist-item__main-cta .js-read-more {
display: flex;
} .toplist-item__main-content-top-payments {
display: block !important;
}
} @media (min-width: 1024px) {
.toplist-item {
flex-direction: row !important;
}
.toplist-item__image {
width: 240px;
aspect-ratio: 1/1;
}
.toplist-item__image img {
border-radius: 16px 0 0 16px;
} .toplist-item__main-mobile-review {
display: none !important;
}
} @media (max-width: 768px) {
.toplist-item__main-cta .btn__read-review {
display: none !important;
}
.toplist-item__image img{
max-height: 164px !important;
} .payment-methods {
overflow: hidden;
touch-action: pan-y; }
.mobile-rating {
display: flex;
align-items: center;
justify-content: space-between;
}
.mobile-rating__payments {
display: flex;
gap: 4px;
}
.mobile-rating__payments .payment-method {
width: 24px;
height: 24px;
border-radius: 4px;
overflow: hidden;
}
.mobile-rating__payments-tooltip-trigger {
display: grid;
place-content: center;
width: 24px;
height: 24px;
border-radius: 4px;
background: #362fff;
font-weight: 600;
font-size: 13px;
color: white;
cursor: default;
}
.mobile-rating__payments-tooltip {
position: relative;
}
.mobile-rating__payments-tooltip:has(:hover) .mobile-rating__payments-tooltip-content,
.mobile-rating__payments-tooltip:has(:focus) .mobile-rating__payments-tooltip-content {
transform: translateY(-100%);
opacity: 1;
pointer-events: auto;
}
.mobile-rating__payments-tooltip-content {
position: absolute;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 4px;
top: -4px;
right: 0;
padding: 6px;
border-radius: 4px;
background: #181a2d;
transform: translateY(-90%);
opacity: 0;
pointer-events: none;
transition-property: transform, opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
}
.promo-code-copy-bottom {
font-weight: 600;
font-size: 1.4rem;
line-height: 2rem;
text-align: center;
color: #121622;
}
.btn {
width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
white-space: nowrap;
border: 3px solid rgba(0, 0, 0, 0);
font-weight: 600;
height: 56px;
font-size: 13px;
border-radius: 10px;
}
.btn--load-more,
.btn--show-all {
display: flex;
margin: 0 auto;
font-weight: 600;
height: 50px;
width: 260px;
border-radius: 50px;
color: #fff;
font-size: 14px;
cursor: pointer;
border: 2px solid #362FFF;
background: transparent;
}
.toplist-item__main {
background: #ededf7;
padding: 24px;
display: flex;
flex-direction: column;
border-radius: 0 0 16px 16px;
z-index: 1;
transition-property: border-radius;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
flex: 1;
}
.toplist-wrapper .read-more__block-item-label {
font-weight: 500;
font-size: 12px;
line-height: 20px;
color: #4b5563;
}
.read-more__block-item-value {
font-size: 12px;
font-weight: 700;
color: #121622;
}
.toplist-wrapper .read-more__block-items {
display: flex;
flex-direction: column;
gap: 8px;
}
.rating-element__label {
font-weight: 700;
font-size: 16px;
color: #121622;
}
.toplist-item__main-content-top .operator-bonus__cell--title {
font-size: 24px;
}
.toplist-item__main-content-top .operator-bonus__cell--subtitle {
font-size: 12px;
line-height: 15px;
}
.operator-bonus__cell--subtitle {
color: #4b5563;
font-weight: 600;
font-size: 11px;
line-height: 13px;
text-align: center;
}
.toplist-item__main {
padding: 16px;
display: flex;
flex-direction: column;
background: #EDEDF7;
padding: 24px;
border-radius: 0 0 16px 16px;
z-index: 1;
transition-property: border-radius;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
flex: 1;
}
.toplist-item {
flex-direction: column !important; overflow: hidden;
margin-bottom: -12px;
position: relative; }
.toplist-wrapper .read-more__main {
background: #EDEDF7;
border-radius: 0 0 16px 16px;
padding: 0 24px 24px 24px;
display: flex;
flex-direction: column;
gap: 18px;
}
.i-\[theme--chevron-down-circle\] {
display: inline-block;
width: 1em;
height: 1em;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Crect width='16' height='16' fill='url(%23svgID0)' rx='8'/%3E%3Cpath fill='%23fff' d='M11.265 6.765a.375.375 0 000-.53h-6.53a.375.375 0 000 .53l3 3a.375.375 0 00.53 0z'/%3E%3Cdefs%3E%3ClinearGradient id='svgID0' x1='-.075' x2='15.925' y1='8' y2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2343B047'/%3E%3Cstop offset='.99' stop-color='%231F3B3A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
}