html {
    height: 100%;
    scroll-behavior: smooth
}

body {
    background-color: var(--color-background);
    color: #fff;
    display: flex;
    font-family: Rubik, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    overflow-x: hidden;
    padding-bottom: 0;
    position: relative;
    transition: padding-bottom .24s ease
}

body.is-scroll-offer {
    padding-bottom: 78px
}

@media (min-width:0px) and (max-width:575px) {
    .container {
        width: unset
    }
}

a,
b,
h1,
h2,
h3,
h4,
h5,
h6,
i,
ol,
p,
ul {
    color: #fff;
    font-family: Rubik, sans-serif;
    margin-bottom: 0
}

h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38.73px
}

h1,
h2 {
    margin-top: 0
}

h2 {
    font-size: 24px;
    margin-bottom: 20px
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-16 {
    margin-bottom: 16px
}

.mb-20 {
    margin-bottom: 20px !important
}

.w-30 {
    width: 30%
}

.w-100 {
    width: 100%
}

.hidden {
    display: none
}

.d-flex {
    display: flex
}

.text-center {
    text-align: center
}

img.img-float-left {
    float: left;
    height: auto;
    margin-right: 18px;
    width: 300px
}

.content,
.topbar {
    width: 100%
}

.topbar {
    align-items: center;
    background: var(--color-background);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: IBM Plex Sans, sans-serif;
    gap: 0;
    left: 0;
    padding: 10px 24px 8px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 90
}

@media (max-width:900px) {
    .topbar {
        padding: 12px 16px 8px;
        z-index: 200
    }
}

.topbar .header {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    max-width: 1392px;
    min-height: 50px;
    width: 100%
}

@media (max-width:900px) {
    .topbar .header {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 12px
    }
}

.topbar .header .header-logo {
    align-items: center;
    display: flex;
    flex: 0 0 139px;
    overflow: hidden;
    text-decoration: none
}

@media (max-width:900px) {
    .topbar .header .header-logo {
        height: 42px;
        width: 98px
    }
}

.topbar .header .header-logo img {
    align-self: flex-start;
    max-width: none
}

.topbar .header .header-actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    max-width: 1110px;
    min-width: 0;
    opacity: 1;
    overflow: hidden;
    transform: translateY(0);
    transition: transform .22s ease, max-width .28s ease
}

@media (max-width:1180px) {
    .topbar .header .header-actions {
        gap: 10px
    }
}

@media (max-width:900px) {
    .topbar .header .header-actions {
        display: none
    }
}

.topbar .header .header-actions.is-hidden {
    max-width: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px)
}

.topbar .header .hero-nav {
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    background: var(--color-background);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    gap: 4px;
    margin-left: auto;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding: 6px;
    scrollbar-color: var(--color-surface-3) transparent;
    scrollbar-width: thin;
    width: 100%;
    will-change: transform, opacity
}

.topbar .header .hero-nav.is-nav-moving {
    pointer-events: none
}

.topbar .header .hero-nav::-webkit-scrollbar {
    height: 4px
}

.topbar .header .hero-nav::-webkit-scrollbar-track {
    background: 0 0
}

.topbar .header .hero-nav::-webkit-scrollbar-thumb {
    background: var(--color-surface-3);
    border-radius: 999px
}

.topbar .header .hero-nav a {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    gap: 4px;
    justify-content: center;
    min-height: 32px;
    padding: 6px 8px 6px 12px;
    text-decoration: none;
    white-space: nowrap
}

.topbar .header .hero-nav a span {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1
}

.topbar .header .hero-nav a.active {
    background: var(--color-surface-1)
}

.topbar .header .hero-nav a.active span {
    color: #fff
}

@media (max-width:900px) {
    .topbar .header .hero-nav {
        flex: 1 1 auto;
        min-width: 0;
        width: auto
    }

    .topbar .header .hero-nav a span {
        font-size: 14px
    }
}

.topbar .header .header-bonus,
.topbar .header .header-promocode,
.topbar .header .header-signup {
    border-radius: 12px;
    box-sizing: border-box;
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0
}

.topbar .header .header-bonus,
.topbar .header .header-signup {
    text-decoration: none
}

.topbar .header .header-bonus {
    align-items: center;
    background: var(--color-surface-2);
    color: #fff;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 0 6px 0 0
}

@media (max-width:1180px) {
    .topbar .header .header-bonus {
        max-width: 430px
    }
}

@media (max-width:760px) {
    .topbar .header .header-bonus {
        display: none
    }
}

.topbar .header .header-bonus .header-bonus-image {
    align-self: stretch;
    background: #191235;
    flex: 0 0 98px;
    width: 98px
}

.topbar .header .header-bonus .header-bonus-image img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.topbar .header .header-bonus .header-bonus-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    width: 260px
}

@media (max-width:1180px) {
    .topbar .header .header-bonus .header-bonus-text {
        max-width: 220px;
        width: auto
    }
}

.topbar .header .header-bonus .header-claim {
    align-items: center;
    align-self: stretch;
    background: linear-gradient(90deg, #32d16d, #22b26c);
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 4px;
    justify-content: center;
    line-height: 1;
    margin: 6px 0;
    padding: 10px 16px 12px 8px;
    white-space: nowrap
}

.topbar .header .header-bonus .header-claim img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.topbar .header .header-promocode {
    align-items: center;
    background: var(--color-surface-1);
    border: 1px solid var(--color-surface-3);
    color: #fff;
    display: flex;
    gap: 16px;
    justify-content: center
}

@media (max-width:560px) {
    .topbar .header .header-promocode {
        display: none
    }
}

.topbar .header .header-promocode span {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 2px 4px;
    white-space: nowrap
}

.topbar .header .header-promocode button {
    align-self: stretch;
    background: var(--color-primary);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    padding: 8px 17px 10px;
    white-space: nowrap
}

.topbar .header .header-signup {
    align-items: center;
    background: radial-gradient(110% 320% at 16% 50%, #e28419 0, #e99c36 25%, #f0b354 50%, #f8cb71 75%, #ffe38e 100%);
    box-shadow: 0 12px 24px rgba(226, 132, 25, .22);
    color: #fff;
    display: flex;
    gap: 8px;
    justify-content: center;
    min-width: 201px;
    padding: 8px 16px 8px 8px;
    position: relative
}

@media (max-width:900px) {
    .topbar .header .header-signup {
        min-width: 48px;
        padding: 8px
    }
}

.topbar .header .header-signup img {
    flex: 0 0 32px;
    height: 32px;
    width: 32px
}

.topbar .header .header-signup span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap
}

.topbar .header .header-signup span small {
    display: block
}

@media (max-width:900px) {
    .topbar .header .header-signup span {
        display: none
    }
}

.topbar .header .mobile-menu-toggle {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: var(--color-surface-1);
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: none;
    flex: 0 0 32px;
    flex-direction: column;
    gap: 6px;
    height: 32px;
    justify-content: center;
    padding: 8px;
    width: 32px
}

.topbar .header .mobile-menu-toggle span {
    background: #fff;
    border-radius: 999px;
    height: 1px;
    transition: transform .2s ease, opacity .2s ease;
    width: 12px
}

.topbar .header .mobile-menu-toggle[aria-expanded=true] span:first-child {
    transform: translateY(3.5px) rotate(45deg)
}

.topbar .header .mobile-menu-toggle[aria-expanded=true] span:last-child {
    transform: translateY(-3.5px) rotate(-45deg)
}

@media (max-width:900px) {
    .topbar .header .mobile-menu-toggle {
        display: flex
    }
}

.topbar .header .mobile-header-actions {
    display: none;
    gap: 8px;
    width: 100%
}

@media (max-width:900px) {
    .topbar .header .mobile-header-actions {
        display: flex
    }
}

.topbar>.hero-nav {
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    background: var(--color-background);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    gap: 4px;
    margin-top: 8px;
    max-width: 1392px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-color: var(--color-surface-3) transparent;
    scrollbar-width: thin;
    will-change: transform, opacity
}

.topbar>.hero-nav.is-nav-moving {
    pointer-events: none
}

.topbar>.hero-nav::-webkit-scrollbar {
    height: 4px
}

.topbar>.hero-nav::-webkit-scrollbar-track {
    background: 0 0
}

.topbar>.hero-nav::-webkit-scrollbar-thumb {
    background: var(--color-surface-3);
    border-radius: 999px
}

.topbar>.hero-nav a {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    text-decoration: none;
    white-space: nowrap
}

.topbar>.hero-nav a:hover span {
    color: #fff !important;
    transition: .34s
}

.topbar>.hero-nav a span {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1
}

.topbar>.hero-nav a.active {
    background: var(--color-surface-1)
}

.topbar>.hero-nav a.active span {
    color: #fff
}

@media (max-width:900px) {
    .topbar>.hero-nav {
        display: none
    }
}

.topbar .mobile-promo-compact {
    align-items: center;
    background: var(--color-surface-1);
    border: 1px solid var(--color-surface-3);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 0;
    font-family: IBM Plex Sans, sans-serif;
    height: 42px;
    justify-content: space-between;
    min-width: 0;
    padding: 4px 6px 4px 8px
}

.topbar .mobile-promo-compact div {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    min-width: 0
}

.topbar .mobile-promo-compact span {
    color: var(--color-grey);
    font-size: 10px;
    font-weight: 500
}

.topbar .mobile-promo-compact span,
.topbar .mobile-promo-compact strong {
    line-height: 1;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.topbar .mobile-promo-compact strong {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.topbar .mobile-promo-compact button {
    align-items: center;
    background: var(--color-primary);
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    padding: 2px;
    width: 32px
}

.topbar .mobile-promo-compact button img {
    filter: brightness(0) invert(1);
    height: 24px;
    width: 24px
}

.topbar .mobile-download-button {
    align-items: center;
    background: linear-gradient(90deg, #32d16d, #22b26c);
    border-radius: 12px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex: 1 1 0;
    font-family: IBM Plex Sans, sans-serif;
    height: 42px;
    justify-content: center;
    max-height: 44px;
    min-height: 42px;
    min-width: 0;
    padding: 10px 8px 8px;
    position: relative;
    text-decoration: none
}

.topbar .mobile-download-button img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.topbar .mobile-download-button span {
    color: #fff;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    min-width: 0;
    text-align: center;
    white-space: nowrap
}

.topbar .mobile-download-button>span:not(.mobile-download-meta):not(.mobile-download-icon-swap) {
    transform: translateY(-7px)
}

.topbar .mobile-download-button .mobile-download-icon-swap {
    display: block;
    flex: 0 0 24px;
    height: 24px;
    min-width: 24px;
    overflow: hidden;
    position: relative;
    width: 24px
}

.topbar .mobile-download-button .mobile-download-icon-swap img {
    height: 24px;
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    transition: opacity .42s ease, transform .42s ease;
    width: 24px
}

.topbar .mobile-download-button .mobile-download-icon-swap .is-store {
    animation: mobile-download-store-icon 2.4s ease-in-out infinite
}

.topbar .mobile-download-button .mobile-download-icon-swap .is-gift {
    animation: mobile-download-gift-icon 2.4s ease-in-out infinite;
    filter: hue-rotate(200deg) saturate(2)
}

.topbar .mobile-download-button .mobile-download-meta {
    align-items: center;
    bottom: 4px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    justify-content: center;
    left: 8px;
    position: absolute;
    right: 8px;
    width: auto
}

.topbar .mobile-download-button .mobile-download-meta small {
    flex: 0 0 auto;
    min-width: 0;
    position: static
}

.topbar .mobile-download-button small {
    color: hsla(0, 0%, 100%, .5);
    font-size: 8px;
    font-weight: 500;
    line-height: 1;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.topbar .mobile-menu-panel {
    background: var(--color-background);
    bottom: 0;
    box-sizing: border-box;
    display: none;
    font-family: IBM Plex Sans, sans-serif;
    left: 0;
    overflow-y: auto;
    padding: 8px 16px 16px;
    position: fixed;
    right: 0;
    top: 52px;
    z-index: 195
}

.topbar .mobile-menu-panel[hidden] {
    display: none !important
}

@media (max-width:900px) {
    .topbar .mobile-menu-panel {
        display: flex;
        flex-direction: column;
        gap: 16px
    }
}

.topbar .mobile-menu-panel>.mobile-download-button {
    flex: 0 0 42px;
    max-width: 100%;
    overflow: hidden;
    width: 100%
}

.topbar .mobile-menu-panel>.mobile-download-button .mobile-download-platform-icon {
    flex: 0 0 24px;
    min-width: 24px
}

.topbar .mobile-menu-panel .mobile-menu-nav {
    background: var(--color-background);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 6px 0
}

.topbar .mobile-menu-panel .mobile-menu-nav a {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    min-height: 32px;
    padding: 4px 32px 4px 8px;
    position: relative;
    text-decoration: none
}

.topbar .mobile-menu-panel .mobile-menu-nav a span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.topbar .mobile-menu-panel .mobile-menu-nav a:after {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    height: 7px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 7px
}

.topbar .mobile-menu-panel .mobile-menu-nav a.active {
    background: var(--color-surface-1)
}

.topbar .mobile-menu-panel .mobile-menu-nav a.active span {
    font-weight: 500
}

.topbar .mobile-menu-panel .mobile-promo-panel-code {
    flex: 0 0 auto;
    margin-top: auto;
    min-height: 42px;
    width: 100%
}

.topbar .mobile-menu-panel .mobile-menu-copyright {
    color: var(--color-grey);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    text-align: center;
    width: 100%
}

@keyframes mobile-download-store-icon {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    40% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: 0;
        transform: scale(.82)
    }

    90% {
        opacity: 0;
        transform: scale(.82)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes mobile-download-gift-icon {
    0% {
        opacity: 0;
        transform: scale(.82)
    }

    40% {
        opacity: 0;
        transform: scale(.82)
    }

    50% {
        opacity: 1;
        transform: scale(1)
    }

    90% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.82)
    }
}

.topbar .header-breadcrumbs {
    align-items: center;
    color: var(--color-grey);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 4px;
    line-height: 1;
    margin-top: 8px;
    max-width: 1392px
}

.topbar .header-breadcrumbs a,
.topbar .header-breadcrumbs span {
    color: var(--color-grey);
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0;
    line-height: 1;
    text-decoration: none
}

.topbar .header-breadcrumbs span:last-child {
    font-weight: 500
}

@media (max-width:560px) {
    .topbar .header-breadcrumbs {
        display: none
    }
}

.topbar .content-list {
    align-items: center;
    background: var(--color-surface-1);
    border-radius: 8px;
    display: flex;
    margin-top: 8px;
    max-width: 1392px;
    width: 100%
}

@media (max-width:750px) {
    .topbar .content-list .content-list-label {
        display: none
    }
}

.topbar .content-list .content-list-label p {
    color: #fff;
    font-weight: 700;
    margin: 8px 16px
}

.topbar .content-list .content-list-items {
    display: flex;
    margin: 8px 16px;
    overflow: auto;
    padding-bottom: 5px;
    position: relative;
    white-space: nowrap
}

.topbar .content-list .content-list-items ul {
    list-style: none;
    margin: 0 0 0 -43px
}

.topbar .content-list .content-list-items ul li {
    display: inline-block
}

.topbar .content-list .content-list-items ul li a {
    background: var(--color-surface-3);
    border-radius: 6px;
    display: flex;
    line-height: 140%;
    margin-left: 4px;
    margin-right: 4px;
    padding: 8px 10px;
    text-decoration: none
}

@media (max-width:750px) {
    .topbar .content-list .content-list-items ul li a {
        font-size: 12px
    }
}

.topbar .content-list .content-list-items ul li a.active,
.topbar .content-list .content-list-items ul li a:hover {
    border: 1px solid var(--color-primary-solid);
    padding: 7px 9px
}

.topbar .content-list .content-list-items::-webkit-scrollbar {
    height: 2px
}

.topbar .content-list .content-list-items::-webkit-scrollbar:hover {
    height: 8px
}

.topbar .content-list .content-list-items::-webkit-scrollbar-thumb {
    background: var(--color-secondary)
}

body.is-mobile-menu-open {
    overflow: hidden
}

body.is-mobile-menu-open .topbar .mobile-header-actions {
    display: none
}

.heading-item {
    margin-top: -140px;
    padding-top: 140px;
    position: absolute;
    z-index: -1
}

.breadcrumbs {
    color: #fff;
    margin-bottom: 20px;
    width: 100%
}

@media (max-width:750px) {
    .breadcrumbs {
        margin-bottom: 0
    }
}

.breadcrumbs a {
    color: var(--color-grey);
    text-decoration: none
}

.breadcrumbs .arrow {
    margin-bottom: -5px
}

.btn {
    border: 1px solid #fff;
    border-radius: 8px;
    line-height: 25.5px;
    margin-right: 12px;
    padding: 8px 16px;
    text-decoration: none
}

@media (max-width:750px) {
    .btn {
        border-radius: 6px;
        padding: 1px 16px
    }
}

.container {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 107px 0 0;
    position: relative;
    z-index: 50
}

.container.has-header-breadcrumbs {
    padding-top: 95px
}

.container.has-header-nav {
    padding-top: 149px
}

@media (max-width:900px) {
    .container {
        padding-top: 118px
    }

    .container.has-header-breadcrumbs,
    .container.has-header-nav {
        padding-top: 142px
    }
}

@media (max-width:750px) {
    .container {
        display: block;
        padding: 118px 15px 15px
    }

    .container.has-header-breadcrumbs,
    .container.has-header-nav {
        padding-top: 142px
    }
}

@media (max-width:560px) {

    .container.has-header-breadcrumbs,
    .container.has-header-nav {
        padding-top: 118px
    }
}

.box-heading {
    max-width: 1320px;
    padding: 24px 16px 0;
    width: 100%
}

@media (max-width:750px) {
    .box-heading {
        max-width: unset;
        padding: 16px 0;
        width: auto
    }
}

.box-heading h2 {
    margin-bottom: 0
}

.box-heading h3:first-child {
    margin-top: 0
}

.box {
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 24px 16px;
    width: min(956px, 100%);
    z-index: 0
}

@media (max-width:750px) {
    .box {
        max-width: unset;
        padding: 16px 0;
        width: auto
    }
}

.box p {
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom: 22px
}

.box ol,
.box ul {
    left: 0;
    margin-left: 0;
    position: relative
}

.box ol {
    left: 1em;
    padding-left: 0
}

.box h3:first-child {
    margin-top: 0
}

.box .image,
.box :last-child {
    margin-bottom: 0
}

.box .image {
    margin-top: 10px;
    width: 100%
}

.box img {
    border-radius: 12px
}

.box .image-left {
    float: left;
    margin-right: 18px
}

@media (max-width:1050px) {
    .box .image-left {
        margin-bottom: 16px;
        margin-right: unset;
        width: 100%
    }
}

.box .image-left img {
    width: 300px
}

@media (max-width:1050px) {
    .box .image-left img {
        width: 100%
    }
}

.box .image-right {
    margin-left: 18px;
    width: 100%
}

@media (max-width:1050px) {
    .box .image-right {
        margin-left: unset;
        margin-top: 16px
    }
}

.box .image-right img {
    width: 100%
}

.box.image-text {
    display: flex
}

@media (max-width:1050px) {
    .box.image-text {
        display: block
    }
}

.box.empty {
    background-color: unset
}

.first-block {
    width: 100%
}

.hero-panel {
    align-items: center;
    background-color: var(--color-surface-2);
    background-image: linear-gradient(180deg, rgba(18, 34, 71, .36) 0, rgba(18, 34, 71, .08) 48%, rgba(18, 34, 71, .78) 100%), var(--hero-background-image, url("/assets/images/hero/hero-bg-wide.png"));
    background-position: 50%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: IBM Plex Sans, sans-serif;
    gap: 78px;
    margin-bottom: 24px;
    max-width: 1392px;
    min-height: 368px;
    overflow: hidden;
    padding: 16px 217px 24px;
    position: relative
}

@media (max-width:1280px) {
    .hero-panel {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (max-width:900px) {
    .hero-panel {
        background-position: 50%;
        background-size: cover;
        border-radius: 18px;
        gap: 32px;
        min-height: 0;
        padding: 16px
    }
}

.hero-panel .hero-top {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 956px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (max-width:900px) {
    .hero-panel .hero-top {
        max-width: 100%
    }
}

.hero-panel .hero-nav {
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    background: var(--color-background);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    gap: 4px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding: 6px;
    scrollbar-color: var(--color-surface-3) transparent;
    scrollbar-width: thin;
    width: 100%
}

.hero-panel .hero-nav::-webkit-scrollbar {
    height: 4px
}

.hero-panel .hero-nav::-webkit-scrollbar-track {
    background: 0 0
}

.hero-panel .hero-nav::-webkit-scrollbar-thumb {
    background: var(--color-surface-3);
    border-radius: 999px
}

.hero-panel .hero-nav a {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    gap: 4px;
    justify-content: center;
    min-height: 32px;
    padding: 6px 8px 6px 12px;
    text-decoration: none;
    white-space: nowrap
}

.hero-panel .hero-nav a:hover span {
    color: #fff !important;
    transition: .34s
}

.hero-panel .hero-nav a span {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1
}

.hero-panel .hero-nav a.active {
    background: var(--color-surface-1)
}

.hero-panel .hero-nav a.active span {
    color: #fff
}

@media (max-width:900px) {
    .hero-panel .hero-nav {
        justify-content: flex-start;
        width: 100%
    }

    .hero-panel .hero-nav a span {
        font-size: 14px
    }
}

.hero-panel .hero-nav-spacer {
    display: block;
    flex: 0 0 auto;
    max-width: 100%;
    pointer-events: none;
    transition: height .24s ease, opacity .2s ease;
    width: 100%
}

.hero-panel .hero-nav-spacer[hidden] {
    display: none
}

.hero-panel .hero-staff {
    align-items: center;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: rgba(6, 6, 6, .2);
    border-radius: 12px;
    box-sizing: border-box;
    color: var(--color-grey);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 16px;
    justify-content: space-between;
    letter-spacing: 0;
    line-height: 1;
    padding: 8px 12px
}

.hero-panel .hero-staff b,
.hero-panel .hero-staff span {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1
}

.hero-panel .hero-staff b {
    color: var(--color-grey);
    font-weight: 500
}

.hero-panel .hero-staff span {
    color: #fff
}

.hero-panel .hero-staff .hero-staff-authors {
    display: flex;
    gap: 16px
}

@media (max-width:900px) {
    .hero-panel .hero-staff {
        align-items: flex-start;
        flex-direction: column
    }

    .hero-panel .hero-staff .hero-staff-authors {
        flex-direction: column;
        gap: 6px
    }
}

.hero-panel .hero-copy {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 4px #000;
    width: min(1120px, 100%);
    z-index: 1
}

.hero-panel .hero-copy h1 {
    font-size: 56px;
    line-height: 1
}

.hero-panel .hero-copy h1,
.hero-panel .hero-copy p {
    color: #fff;
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0;
    margin: 0
}

.hero-panel .hero-copy p {
    font-weight: 400;
    line-height: 1.25;
    width: min(716px, 100%)
}

@media (max-width:900px) {
    .hero-panel .hero-copy h1 {
        font-size: 40px;
        white-space: normal
    }

    .hero-panel .hero-copy p {
        font-size: 15px
    }
}

.hero-panel .hero-actions {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    width: 78%;
    z-index: 1
}

@media (max-width:900px) {
    .hero-panel .hero-actions {
        width: 100%
    }
}

.hero-panel .hero-buttons {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (max-width:900px) {
    .hero-panel .hero-buttons {
        flex-wrap: wrap
    }
}

.hero-panel .hero-btn {
    align-items: center;
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 8px 16px 8px 8px;
    text-decoration: none
}

.hero-panel .hero-btn img {
    border-radius: 6px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px
}

.hero-panel .hero-btn span {
    color: #fff;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap
}

.hero-panel .hero-btn-primary {
    animation: anintro .34s ease-in-out infinite alternate;
    background: var(--color-primary)
}

.hero-panel .hero-btn-light {
    background: #fff
}

.hero-panel .hero-btn-light span {
    color: var(--color-background)
}

.hero-panel .hero-promocode {
    align-items: center;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    gap: 16px;
    height: 48px;
    justify-content: center;
    padding: 6px 6px 6px 16px
}

.hero-panel .hero-promocode span {
    color: var(--color-surface-1);
    font-weight: 600
}

.hero-panel .hero-promocode button,
.hero-panel .hero-promocode span {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap
}

.hero-panel .hero-promocode button {
    align-self: stretch;
    background: var(--color-primary);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 16px 12px
}

.hero-panel .hero-licenses {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    width: 100%
}

.hero-panel .hero-licenses span {
    align-items: center;
    color: hsla(0, 0%, 100%, .5);
    display: inline-flex;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    gap: 6px;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap
}

.hero-panel .hero-licenses span img {
    flex: 0 0 auto;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 16px
}

@media (max-width:900px) {
    .hero-panel .hero-licenses {
        flex-direction: column;
        gap: 8px
    }

    .hero-panel .hero-licenses span {
        text-align: center;
        white-space: normal
    }
}

@keyframes anintro {
    0% {
        box-shadow: 0 0 0 #fff
    }

    to {
        box-shadow: 0 0 8px #fff
    }
}

.footer {
    align-items: flex-start;
    background: var(--color-surface-1);
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: IBM Plex Sans, sans-serif;
    margin-bottom: 24px;
    margin-top: 24px;
    overflow: hidden;
    position: relative;
    transition: .67s;
    width: 100%
}

@media (max-width:750px) {
    .footer {
        border-radius: 18px;
        padding: 24px 12px 12px
    }
}

.footer:before {
    background: radial-gradient(closest-side, rgba(108, 91, 234, .75), rgba(108, 91, 234, 0));
    content: "";
    filter: blur(42px);
    height: 300px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -190px;
    transform: translateX(-50%);
    width: 760px
}

.footer .footer-promo {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.footer .footer-promo p,
.footer .footer-promo strong {
    color: #fff;
    font-family: IBM Plex Sans, sans-serif;
    line-height: 1.1;
    margin: 0
}

.footer .footer-promocode {
    align-items: center;
    background: var(--color-surface-2);
    border: 1px solid var(--color-surface-3);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    gap: 16px;
    height: 48px;
    justify-content: center;
    margin-top: 14px;
    padding: 6px 6px 6px 16px
}

.footer .footer-promocode span {
    color: #fff;
    line-height: 1;
    white-space: nowrap
}

.footer .footer-promocode button {
    align-self: stretch;
    background: var(--color-primary);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-family: IBM Plex Sans, sans-serif;
    font-weight: 500;
    line-height: 1;
    padding: 10px 16px 12px
}

.footer .footer-card {
    background: var(--color-background);
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
    padding: 24px 16px 16px;
    width: 100%;
    z-index: 1
}

.footer .footer-main {
    display: grid;
    gap: clamp(48px, 22vw, 323px);
    grid-template-columns: minmax(260px, 349px) 1fr;
    width: 100%
}

@media (max-width:980px) {
    .footer .footer-main {
        gap: 32px;
        grid-template-columns: 1fr
    }
}

.footer .footer-brand {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    min-height: 144px
}

.footer .footer-brand p {
    color: var(--color-grey);
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
    width: 100%
}

.footer .footer-logo {
    display: flex;
    text-decoration: none
}

.footer .footer-logo img {
    align-self: flex-start;
    max-width: none
}

.footer .footer-social {
    align-items: center;
    display: flex;
    gap: 4px
}

.footer .footer-social a {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: .92;
    text-decoration: none;
    transition: opacity .2s;
    width: 24px
}

.footer .footer-social a:hover {
    opacity: 1
}

.footer .footer-social img {
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.footer .footer-columns {
    align-items: flex-start;
    min-width: 0
}

@media (max-width:750px) {
    .footer .footer-columns {
        flex-direction: column;
        gap: 28px
    }
}

.footer .footer-column {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.footer .footer-column h2 {
    color: #fff;
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0;
    line-height: 1;
    margin: 0
}

.footer .footer-column a,
.footer .footer-column span {
    align-items: center;
    color: var(--color-grey);
    display: flex;
    font-family: IBM Plex Sans, sans-serif;
    gap: 6px;
    letter-spacing: 0;
    line-height: 1;
    padding: 2px 0;
    text-decoration: none
}

.footer .footer-column a:hover {
    color: #fff
}

.footer .footer-contact {
    min-width: 320px
}

@media (max-width:750px) {
    .footer .footer-contact {
        min-width: 0
    }
}

.footer .footer-icon {
    flex: 0 0 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.footer .footer-meta {
    align-items: center;
    border-top: 1px solid var(--color-surface-2);
    box-sizing: border-box;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding-top: 16px;
    width: 100%
}

@media (max-width:900px) {
    .footer .footer-meta {
        align-items: flex-start;
        flex-direction: column
    }
}

.footer .footer-meta p {
    color: var(--color-grey);
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin: 0
}

.footer .footer-logos {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.footer .footer-logos img {
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.footer .footer-logos .footer-logo-gamcare,
.footer .footer-logos .footer-logo-therapy {
    width: 74px
}

.footer .footer-logos .footer-logo-aware {
    width: 122px
}

.sticky-offer {
    align-items: flex-start;
    background: var(--color-surface-3);
    border-radius: 24px 24px 0 0;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    font-family: IBM Plex Sans, sans-serif;
    gap: 24px;
    justify-content: space-between;
    left: 0;
    min-height: 78px;
    opacity: 0;
    overflow-x: auto;
    overflow-y: hidden;
    pointer-events: none;
    position: fixed;
    right: 0;
    scrollbar-width: none;
    transform: translateY(100%);
    transition: opacity .26s ease, transform .26s ease, visibility .26s ease;
    visibility: hidden;
    width: 100%;
    z-index: 300
}

.sticky-offer::-webkit-scrollbar {
    display: none
}

.sticky-offer * {
    box-sizing: border-box;
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0
}

@media (max-width:900px) {
    .sticky-offer {
        border-radius: 18px 18px 0 0;
        gap: 16px;
        padding: 12px 16px
    }
}

body.is-scroll-offer .sticky-offer {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible
}

.scroll-top-button {
    align-items: center;
    background: 0 0;
    border: 0;
    border-radius: 50%;
    bottom: 96px;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: fixed;
    right: 24px;
    transform: translateY(12px);
    transition: opacity .24s ease, transform .24s ease, visibility .24s ease, filter .24s ease;
    visibility: hidden;
    width: 44px;
    z-index: 320
}

.scroll-top-button img {
    border-radius: 50%;
    display: block;
    height: 44px;
    width: 44px
}

.scroll-top-button.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible
}

.scroll-top-button:hover {
    filter: saturate(1.4) brightness(1.08)
}

@media (max-width:900px) {
    .scroll-top-button {
        bottom: 96px;
        right: 16px
    }
}

@keyframes animation-widget-border {
    0% {
        filter: drop-shadow(0 0 .1rem #fff)
    }

    to {
        filter: drop-shadow(0 0 1rem #fff)
    }
}

.flex7-spin-widget {
    align-items: stretch;
    background: var(--color-surface-2);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: flex-start;
    min-height: 304px;
    opacity: 0;
    overflow: hidden;
    padding: 12px;
    pointer-events: none;
    position: fixed;
    right: 16px;
    top: 420px;
    transform: translateY(12px);
    transition: opacity .24s ease, transform .24s ease;
    width: 192px;
    z-index: 80
}

.flex7-spin-widget,
.flex7-spin-widget * {
    box-sizing: border-box;
    font-family: IBM Plex Sans, sans-serif
}

.flex7-spin-widget * {
    letter-spacing: 0
}

.flex7-spin-widget.is-ready {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.flex7-spin-widget[hidden] {
    display: none
}

@media (max-width:1180px) {
    .flex7-spin-widget {
        animation: animation-widget-border 1s linear infinite alternate;
        border-radius: 18px;
        bottom: 164px;
        min-height: 96px;
        padding: 7px;
        right: 16px !important;
        top: auto !important;
        width: 96px;
        z-index: 196
    }

    .flex7-spin-widget .flex7-spin-button,
    .flex7-spin-widget .flex7-spin-close,
    .flex7-spin-widget .flex7-spin-text {
        display: none
    }

    .flex7-spin-widget .flex7-spin-wheel {
        height: 80px;
        margin: auto;
        width: 82px
    }

    .flex7-spin-widget .flex7-spin-wheel-outer {
        left: 0;
        top: 1px
    }

    .flex7-spin-widget .flex7-spin-wheel-inner {
        left: 9px;
        top: 9px
    }

    .flex7-spin-widget .flex7-spin-wheel-sectors {
        height: 64px;
        left: 9px;
        top: 9px;
        width: 64px
    }

    .flex7-spin-widget .flex7-spin-wheel-shadows {
        height: 88px;
        left: 0;
        top: -6px;
        width: 82px
    }

    .flex7-spin-widget .flex7-spin-wheel-centre {
        height: 10px;
        left: 36px;
        top: 36px;
        width: 10px
    }

    .flex7-spin-widget .flex7-spin-wheel-arrow {
        height: 17px;
        left: 34px;
        width: 13px
    }
}

.flex7-spin-close {
    align-items: center;
    background: var(--color-surface-1);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 32px;
    z-index: 3
}

.flex7-spin-close:after,
.flex7-spin-close:before {
    background: #fff;
    border-radius: 999px;
    content: "";
    height: 1px;
    position: absolute;
    width: 18px
}

.flex7-spin-close:before {
    transform: rotate(45deg)
}

.flex7-spin-close:after {
    transform: rotate(-45deg)
}

.flex7-spin-wheel {
    flex: 0 0 auto;
    height: 158px;
    overflow: hidden;
    position: relative;
    width: 162px
}

.flex7-spin-wheel-disc {
    inset: 0;
    position: absolute;
    transform-origin: 50% 51.5%;
    transition: transform 1.8s cubic-bezier(.15, .72, .18, 1)
}

.flex7-spin-wheel-disc img {
    display: block;
    max-width: none;
    position: absolute
}

.flex7-spin-wheel-outer {
    height: 98.77%;
    inset: 1.38% 2.9% -.15% 1.02%;
    width: 96.08%
}

.flex7-spin-wheel-inner {
    height: 80.85%;
    inset: 10.34% 11.61% 8.81% 9.74%;
    width: 78.65%
}

.flex7-spin-wheel-sectors {
    height: 128px;
    left: 16px;
    top: 16px;
    width: 128px
}

.flex7-spin-wheel-shadows {
    height: 172px;
    left: 1px;
    top: -12px;
    width: 159px
}

.flex7-spin-wheel-centre {
    height: 20px;
    left: 70px;
    top: 71px;
    width: 20px
}

.flex7-spin-wheel-arrow {
    display: block;
    height: 33px;
    left: 67px;
    position: absolute;
    top: 0;
    width: 26px;
    z-index: 2
}

.flex7-spin-text {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center;
    white-space: normal
}

.flex7-spin-text span,
.flex7-spin-text strong {
    max-width: 100%;
    overflow-wrap: anywhere
}

.flex7-spin-text strong {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

.flex7-spin-button,
.flex7-spin-text span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

.flex7-spin-button {
    align-items: center;
    background: var(--color-primary);
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 12px 16px;
    transition: filter .2s ease, transform .2s ease;
    width: 100%
}

.flex7-spin-button:hover {
    filter: brightness(1.08)
}

.flex7-spin-button:active {
    transform: translateY(1px)
}

.flex7-spin-button:disabled {
    cursor: default;
    filter: saturate(.8)
}

body.is-spin-popup-open {
    overflow: hidden
}

.flex7-spin-popup {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 200
}

.flex7-spin-popup,
.flex7-spin-popup * {
    box-sizing: border-box;
    font-family: IBM Plex Sans, sans-serif
}

.flex7-spin-popup * {
    letter-spacing: 0
}

.flex7-spin-popup[hidden] {
    display: none
}

.flex7-spin-popup-backdrop {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(6, 11, 22, .72);
    border: 0;
    cursor: pointer;
    inset: 0;
    position: absolute
}

.flex7-spin-popup-card {
    align-items: center;
    animation: flex7SpinPopupIn .24s ease forwards;
    background: var(--color-surface-2);
    border-radius: 24px;
    box-shadow: 0 32px 86px rgba(0, 0, 0, .45);
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 24px;
    isolation: isolate;
    justify-content: center;
    min-height: 648px;
    overflow: hidden;
    padding: 32px;
    position: relative;
    transform: translateY(8px) scale(.98);
    width: min(484px, 100%)
}

.flex7-spin-popup-card:before {
    background: repeating-conic-gradient(from -8deg at 50% 50%, rgba(24, 47, 95, .62) 0deg 8deg, rgba(12, 23, 48, .22) 8deg 16deg);
    content: "";
    inset: -160px;
    opacity: .75;
    position: absolute;
    z-index: -2
}

.flex7-spin-popup-card:after {
    background: radial-gradient(circle at 50% 42%, rgba(24, 47, 95, .74), rgba(18, 35, 71, .18) 52%, rgba(18, 35, 71, .88) 100%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

@keyframes flex7SpinPopupIn {
    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

.flex7-spin-popup-close {
    align-items: center;
    background: var(--color-surface-1);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 32px;
    z-index: 5
}

.flex7-spin-popup-close:after,
.flex7-spin-popup-close:before {
    background: #fff;
    border-radius: 999px;
    content: "";
    height: 1px;
    position: absolute;
    width: 18px
}

.flex7-spin-popup-close:before {
    transform: rotate(45deg)
}

.flex7-spin-popup-close:after {
    transform: rotate(-45deg)
}

.flex7-spin-popup-state {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    width: 100%
}

.flex7-spin-popup-state[hidden] {
    display: none
}

.flex7-spin-popup-text {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    text-align: center;
    width: 100%
}

.flex7-spin-popup-text h2,
.flex7-spin-popup-text p.flex7-h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.flex7-spin-popup-text p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.flex7-spin-popup-wheel-large {
    aspect-ratio: 420/425;
    filter: drop-shadow(0 4px 25px rgba(0, 0, 0, .64));
    flex: 0 0 auto;
    overflow: visible;
    position: relative;
    width: min(420px, 100%)
}

.flex7-spin-popup-wheel-sectors {
    height: 85.4%;
    left: 6.96%;
    position: absolute;
    top: 7.72%;
    transform-origin: 50% 50.4%;
    transition: transform 1.8s cubic-bezier(.15, .72, .18, 1);
    width: 86.42%
}

.flex7-spin-popup-sector {
    height: 50.3%;
    position: absolute;
    width: 38.4%
}

.flex7-spin-popup-sector img {
    display: block;
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%
}

.flex7-spin-popup-sector span {
    align-items: center;
    color: var(--color-surface-1);
    display: flex;
    font-size: 17px;
    font-weight: 700;
    inset: 0 0 18.49% 0;
    justify-content: center;
    line-height: 1.1;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-90deg);
    transform-origin: center
}

.flex7-spin-popup-sector-dark span {
    color: #fff
}

.flex7-spin-popup-sector-light span {
    color: var(--color-surface-1)
}

.flex7-spin-popup-sector.is-free-spins {
    left: 31.03%;
    top: -.16%
}

.flex7-spin-popup-sector.is-exclusive-bonus {
    left: 31.03%;
    top: 49.74%;
    transform: rotate(180deg)
}

.flex7-spin-popup-sector.is-bonus-credits {
    height: 38.4%;
    left: 50.03%;
    top: 30.74%;
    transform: rotate(90deg);
    width: 50.3%
}

.flex7-spin-popup-sector.is-bonus-credits img {
    height: 130.9%;
    left: 11.9%;
    top: -15.5%;
    width: 76.3%
}

.flex7-spin-popup-sector.is-bonus-credits span {
    inset: -15.5% 11.9% 9.7% 11.9%
}

.flex7-spin-popup-sector.is-deposit-bonus {
    height: 38.4%;
    left: .13%;
    top: 30.74%;
    transform: rotate(-90deg);
    width: 50.3%
}

.flex7-spin-popup-sector.is-deposit-bonus img {
    height: 130.9%;
    left: 11.9%;
    top: -15.5%;
    width: 76.3%
}

.flex7-spin-popup-sector.is-deposit-bonus span {
    inset: -15.5% 11.9% 9.7% 11.9%
}

.flex7-spin-popup-sector.is-cashback-reward,
.flex7-spin-popup-sector.is-jackpot-win,
.flex7-spin-popup-sector.is-mystery-prize,
.flex7-spin-popup-sector.is-try-again {
    align-items: center;
    display: flex;
    height: 62.72%;
    justify-content: center;
    width: 62.72%
}

.flex7-spin-popup-sector.is-cashback-reward img,
.flex7-spin-popup-sector.is-jackpot-win img,
.flex7-spin-popup-sector.is-mystery-prize img,
.flex7-spin-popup-sector.is-try-again img {
    flex: 0 0 auto;
    height: 80.18%;
    position: relative;
    width: 61.2%
}

.flex7-spin-popup-sector.is-cashback-reward span,
.flex7-spin-popup-sector.is-jackpot-win span,
.flex7-spin-popup-sector.is-mystery-prize span,
.flex7-spin-popup-sector.is-try-again span {
    inset: 9.9% 19.4% 28.6% 19.4%
}

.flex7-spin-popup-sector.is-mystery-prize {
    left: 36.51%;
    top: .94%;
    transform: rotate(45deg)
}

.flex7-spin-popup-sector.is-cashback-reward {
    left: 1.23%;
    top: 36.22%;
    transform: rotate(-135deg)
}

.flex7-spin-popup-sector.is-jackpot-win {
    left: 36.51%;
    top: 36.22%;
    transform: rotate(135deg)
}

.flex7-spin-popup-sector.is-try-again {
    left: 1.23%;
    top: .94%;
    transform: rotate(-45deg)
}

.flex7-spin-popup-wheel-frame {
    display: block;
    height: 98.71%;
    left: 1.01%;
    pointer-events: none;
    position: absolute;
    top: .28%;
    width: 98.71%;
    z-index: 2
}

.flex7-spin-popup-button {
    align-items: center;
    background: var(--color-primary);
    border: 0;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: normal;
    padding: 12px 16px;
    transition: filter .2s ease, transform .2s ease;
    white-space: nowrap;
    width: 170px
}

.flex7-spin-popup-button:hover {
    filter: brightness(1.08)
}

.flex7-spin-popup-button:active {
    transform: translateY(1px)
}

.flex7-spin-popup-button:disabled {
    cursor: default;
    filter: saturate(.85)
}

.flex7-spin-result-card {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: var(--color-surface-3);
    border-radius: 24px;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    width: min(420px, 100%)
}

.flex7-spin-result-card,
.flex7-spin-result-logo {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.flex7-spin-result-logo {
    aspect-ratio: 308/151;
    background: #191235;
    border-radius: 12px;
    width: 100%
}

.flex7-spin-result-logo img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.flex7-spin-result-copy {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 2px;
    text-align: center;
    width: 100%
}

.flex7-spin-result-copy span {
    font-size: 16px;
    font-weight: 600;
    line-height: normal
}

.flex7-spin-result-copy strong {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1
}

.flex7-spin-result-button {
    align-items: center;
    background: linear-gradient(90deg, #32d16d, #22b26c);
    border-radius: 12px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 4px;
    height: 48px;
    justify-content: center;
    line-height: normal;
    padding: 10px 16px 12px 8px;
    text-decoration: none;
    width: 100%
}

.flex7-spin-result-button img {
    filter: hue-rotate(200deg) saturate(2);
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.flex7-spin-result-button,
.header-signup,
.hero-btn {
    transition: .67s
}

.flex7-spin-result-button>span,
.header-signup>span,
.hero-btn-primary>span {
    transition: .34s
}

.flex7-spin-result-button:hover,
.header-signup:hover,
.hero-panel .hero-btn:hover {
    filter: saturate(2)
}

.flex7-spin-result-button:hover>span,
.header-signup:hover>span,
.hero-btn-primary:hover>span {
    text-shadow: 1px 1px 2px #000
}

.flex7-spin-result-button:hover,
.hero-btn:hover {
    box-shadow: 0 0 1rem .1rem #fff
}

@media (max-width:560px) {
    .flex7-spin-popup {
        padding: 12px
    }

    .flex7-spin-popup-card {
        border-radius: 20px;
        min-height: min(648px, 100vh - 24px);
        padding: 28px 20px
    }

    .flex7-spin-popup-close {
        right: 16px;
        top: 16px
    }

    .flex7-spin-popup-text h2,
    .flex7-spin-popup-text p.flex7-h2 {
        font-size: 28px
    }

    .flex7-spin-popup-text p {
        font-size: 15px
    }

    .flex7-spin-popup-wheel-large {
        width: min(360px, 100%)
    }
}

body.is-slot-popup-open {
    overflow: hidden
}

.flex7-slot-widget {
    align-items: center;
    background: var(--color-surface-2);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: IBM Plex Sans, sans-serif;
    gap: 16px;
    isolation: isolate;
    min-height: 224px;
    opacity: 0;
    overflow: hidden;
    padding: 16px 12px 12px;
    pointer-events: none;
    position: fixed;
    right: 16px;
    top: 760px;
    transform: translateY(12px);
    transition: opacity .24s ease, transform .24s ease;
    width: 192px;
    z-index: 79
}

.flex7-slot-widget:before {
    background: repeating-conic-gradient(from -7deg at 50% 54%, rgba(24, 47, 95, .68) 0deg 9deg, rgba(12, 23, 48, .2) 9deg 18deg);
    content: "";
    inset: -120px;
    opacity: .74;
    position: absolute;
    z-index: -2
}

.flex7-slot-widget:after {
    background: radial-gradient(circle at 50% 60%, rgba(24, 47, 95, .68), rgba(18, 35, 71, .14) 58%, rgba(18, 35, 71, .88) 100%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

.flex7-slot-widget * {
    box-sizing: border-box;
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0
}

.flex7-slot-widget.is-ready {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.flex7-slot-widget[hidden] {
    display: none
}

.flex7-slot-widget strong {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin-right: 32px;
    text-align: center
}

@media (max-width:1180px) {
    .flex7-slot-widget {
        animation: animation-widget-border 1s linear infinite alternate;
        border-radius: 18px;
        bottom: 164px;
        gap: 0;
        min-height: 104px;
        padding: 6px;
        right: 16px !important;
        top: auto !important;
        width: 104px;
        z-index: 196
    }

    .flex7-slot-widget .flex7-slot-close,
    .flex7-slot-widget strong {
        display: none
    }

    .flex7-slot-widget .flex7-slot-machine.is-small {
        width: 92px
    }
}

.flex7-slot-close,
.flex7-slot-popup-close {
    align-items: center;
    background: var(--color-surface-1);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 4px;
    position: absolute;
    width: 32px;
    z-index: 5
}

.flex7-slot-close:after,
.flex7-slot-close:before,
.flex7-slot-popup-close:after,
.flex7-slot-popup-close:before {
    background: #fff;
    border-radius: 999px;
    content: "";
    height: 1px;
    position: absolute;
    width: 18px
}

.flex7-slot-close:before,
.flex7-slot-popup-close:before {
    transform: rotate(45deg)
}

.flex7-slot-close:after,
.flex7-slot-popup-close:after {
    transform: rotate(-45deg)
}

.flex7-slot-close {
    right: 16px;
    top: 16px
}

.flex7-slot-machine {
    aspect-ratio: 1/1;
    flex: 0 0 auto;
    overflow: visible;
    position: relative;
    width: 261px
}

.flex7-slot-machine.is-small {
    width: 174px
}

.flex7-slot-machine.is-large {
    width: min(425px, 100%)
}

.flex7-slot-machine-box {
    display: block;
    height: 100.59%;
    left: -3.23%;
    max-width: none;
    pointer-events: none;
    position: absolute;
    top: -.59%;
    width: 106.12%
}

.flex7-slot-machine-cells {
    border-radius: 4.25% 4.25% 0 0;
    display: flex;
    gap: 2.67%;
    height: 37.21%;
    left: 11.93%;
    overflow: hidden;
    position: absolute;
    top: 14.05%;
    width: 76.14%
}

.flex7-slot-cell {
    background: linear-gradient(180deg, #fff, #f5f2ff 42%, #d9d1f6);
    border: 1px solid hsla(0, 0%, 100%, .48);
    box-shadow: inset 0 4px 11px rgba(33, 30, 79, .22), inset 0 -6px 13px rgba(52, 38, 126, .2);
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    position: relative
}

.flex7-slot-reel {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 17%;
    transform: translateY(var(--slot-shift));
    transition: transform 3s cubic-bezier(.15, .74, .17, 1);
    width: 100%;
    will-change: transform
}

.flex7-slot-reel img {
    display: block;
    filter: drop-shadow(0 3px 4px rgba(25, 16, 58, .18));
    flex: 0 0 auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 86%
}

.flex7-slot-spin-button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: block;
    height: 19.76%;
    left: 32.86%;
    padding: 0;
    position: absolute;
    top: 54.98%;
    transition: transform .18s ease, filter .18s ease;
    width: 34.59%
}

.flex7-slot-spin-button img {
    display: block;
    max-width: none;
    pointer-events: none;
    position: absolute
}

.flex7-slot-spin-button:hover {
    filter: brightness(1.06)
}

.flex7-slot-spin-button:active {
    transform: translateY(1px) scale(.98)
}

.flex7-slot-spin-button.is-pressed,
.flex7-slot-spin-button:disabled {
    cursor: default;
    filter: brightness(1.08)
}

.flex7-slot-spin-bottom {
    height: 67.57%;
    left: 0;
    top: 32.43%;
    width: 100%
}

.flex7-slot-spin-top {
    height: 68.89%;
    left: 0;
    top: 0;
    width: 100%
}

.flex7-slot-spin-glare {
    height: 175.99%;
    left: 30.42%;
    mix-blend-mode: plus-lighter;
    top: -52.75%;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    width: 39.15%
}

.flex7-slot-spin-text {
    height: 25.7%;
    left: 14.54%;
    top: 21.26%;
    width: 70.57%
}

.flex7-slot-popup {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 210
}

.flex7-slot-popup,
.flex7-slot-popup * {
    box-sizing: border-box;
    font-family: IBM Plex Sans, sans-serif
}

.flex7-slot-popup * {
    letter-spacing: 0
}

.flex7-slot-popup[hidden] {
    display: none
}

.flex7-slot-popup-backdrop {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(6, 11, 22, .72);
    border: 0;
    cursor: pointer;
    inset: 0;
    position: absolute
}

.flex7-slot-popup-card {
    align-items: center;
    animation: flex7SpinPopupIn .24s ease forwards;
    background: var(--color-surface-2);
    border-radius: 24px;
    box-shadow: 0 32px 86px rgba(0, 0, 0, .45);
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 24px;
    isolation: isolate;
    min-height: 552px;
    overflow: hidden;
    overflow: clip;
    padding: 32px;
    position: relative;
    transform: translateY(8px) scale(.98);
    width: min(484px, 100%)
}

.flex7-slot-popup-card:before {
    background: repeating-conic-gradient(from -8deg at 50% 56%, rgba(24, 47, 95, .68) 0deg 9deg, rgba(12, 23, 48, .24) 9deg 18deg);
    content: "";
    inset: -160px;
    opacity: .78;
    position: absolute;
    z-index: -2
}

.flex7-slot-popup-card:after {
    background: radial-gradient(circle at 50% 58%, rgba(24, 47, 95, .72), rgba(18, 35, 71, .16) 54%, rgba(18, 35, 71, .9) 100%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

.flex7-slot-popup-card h2,
.flex7-slot-popup-card p.flex7-h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    text-align: center;
    width: min(344px, 100%)
}

.flex7-slot-popup-state {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%
}

.flex7-slot-popup-state[hidden] {
    display: none
}

.flex7-slot-popup-close {
    right: 24px;
    top: 24px
}

@media (max-width:560px) {
    .flex7-slot-popup {
        padding: 12px
    }

    .flex7-slot-popup-card {
        border-radius: 20px;
        min-height: min(552px, 100vh - 24px);
        padding: 28px 20px
    }

    .flex7-slot-popup-card h2,
    .flex7-slot-popup-card p.flex7-h2 {
        font-size: 28px;
        padding-right: 32px
    }

    .flex7-slot-popup-close {
        right: 16px;
        top: 16px
    }

    .flex7-slot-machine.is-large {
        width: min(360px, 100%)
    }
}

body.is-scratch-popup-open {
    overflow: hidden
}

.flex7-scratch-widget {
    aspect-ratio: 270/217.332;
    background: 0 0;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-family: IBM Plex Sans, sans-serif;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: 16px;
    top: 1020px;
    transform: translateY(12px);
    transition: opacity .24s ease, transform .24s ease;
    width: 192px;
    z-index: 78
}

.flex7-scratch-widget.is-ready {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.flex7-scratch-widget[hidden] {
    display: none
}

.flex7-scratch-widget * {
    box-sizing: border-box;
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0
}

@media (max-width:1180px) {
    .flex7-scratch-widget {
        animation: animation-widget-border 1s linear infinite alternate;
        aspect-ratio: 81/70;
        bottom: 164px;
        right: 16px !important;
        top: auto !important;
        width: 81px;
        z-index: 196
    }

    .flex7-scratch-widget .flex7-scratch-mobile-button {
        display: block
    }

    .flex7-scratch-widget .flex7-scratch-close,
    .flex7-scratch-widget .flex7-scratch-logo,
    .flex7-scratch-widget .flex7-scratch-ticket-bg,
    .flex7-scratch-widget .flex7-scratch-widget-area {
        display: none
    }
}

.flex7-scratch-mobile-button {
    display: none;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.flex7-scratch-ticket-bg {
    display: block;
    height: 100%;
    inset: 0;
    max-width: none;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.flex7-scratch-close,
.flex7-scratch-popup-close {
    align-items: center;
    background: var(--color-surface-1);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 4px;
    position: absolute;
    width: 32px;
    z-index: 8
}

.flex7-scratch-close:after,
.flex7-scratch-close:before,
.flex7-scratch-popup-close:after,
.flex7-scratch-popup-close:before {
    background: #fff;
    border-radius: 999px;
    content: "";
    height: 1px;
    position: absolute;
    width: 18px
}

.flex7-scratch-close:before,
.flex7-scratch-popup-close:before {
    transform: rotate(45deg)
}

.flex7-scratch-close:after,
.flex7-scratch-popup-close:after {
    transform: rotate(-45deg)
}

.flex7-scratch-close {
    height: 23px;
    padding: 3px;
    right: 14px;
    top: 9px;
    width: 23px
}

.flex7-scratch-close:after,
.flex7-scratch-close:before {
    width: 13px
}

.flex7-scratch-logo {
    height: 141px;
    left: 58px;
    pointer-events: none;
    position: absolute;
    top: 68px;
    transform: rotate(-8deg) skewX(-8deg);
    width: 250px
}

.flex7-scratch-logo img {
    display: block;
    max-width: none;
    position: absolute
}

.flex7-scratch-logo.is-small {
    height: 44px;
    left: 69px;
    top: 16px;
    width: 58px
}

.flex7-scratch-logo-scratch {
    height: 42px;
    left: 0;
    top: 0;
    width: 244px
}

.flex7-scratch-logo-and {
    height: 33px;
    left: 38px;
    top: 75px;
    width: 36px
}

.flex7-scratch-logo-win {
    height: 54px;
    left: 80px;
    top: 56px;
    width: 160px
}

.flex7-scratch-logo.is-small .flex7-scratch-logo-scratch {
    height: 10px;
    width: 57px
}

.flex7-scratch-logo.is-small .flex7-scratch-logo-and {
    height: 8px;
    left: 9px;
    top: 18px;
    width: 9px
}

.flex7-scratch-logo.is-small .flex7-scratch-logo-win {
    height: 13px;
    left: 18px;
    top: 13px;
    width: 38px
}

.flex7-scratch-widget-area {
    background: linear-gradient(111deg, #b5b5b5 1.89%, #e2e2e2 19.17%, #c3c2c2 47.95%, #e2e2e2 81.59%, #d9d9d9 101.71%);
    border-radius: 10px;
    height: 93px;
    left: 20px;
    overflow: hidden;
    position: absolute;
    top: 53px;
    width: 154px
}

.flex7-scratch-widget-area:before {
    background-image: radial-gradient(hsla(0, 0%, 100%, .52) 1px, transparent 0);
    background-size: 7px 7px;
    content: "";
    inset: 0;
    opacity: .45;
    position: absolute
}

.flex7-scratch-widget-area:after {
    background: linear-gradient(112deg, transparent 34%, hsla(0, 0%, 100%, .36) 48%, transparent 62%);
    content: "";
    inset: -30% -10%;
    position: absolute;
    transform: translateX(32%)
}

.flex7-scratch-popup {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 212
}

.flex7-scratch-popup,
.flex7-scratch-popup * {
    box-sizing: border-box;
    font-family: IBM Plex Sans, sans-serif
}

.flex7-scratch-popup * {
    letter-spacing: 0
}

.flex7-scratch-popup[hidden] {
    display: none
}

.flex7-scratch-popup-backdrop {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(6, 11, 22, .72);
    border: 0;
    cursor: pointer;
    inset: 0;
    position: absolute
}

.flex7-scratch-ticket {
    animation: flex7SpinPopupIn .24s ease forwards;
    aspect-ratio: 700/279.543;
    filter: drop-shadow(0 32px 86px rgba(0, 0, 0, .38));
    overflow: hidden;
    overflow: clip;
    position: relative;
    transform: translateY(8px) scale(.98);
    width: min(700px, 100%)
}

.flex7-scratch-popup-close {
    right: 20px;
    top: 10px
}

.flex7-scratch-state {
    inset: 0;
    position: absolute
}

.flex7-scratch-state[hidden] {
    display: none
}

.flex7-scratch-area {
    background: var(--color-surface-1);
    border-radius: 64px;
    height: 183px;
    overflow: hidden;
    position: absolute;
    right: 58px;
    top: 46px;
    touch-action: none;
    width: 300px
}

.flex7-scratch-prize {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 24px;
    justify-content: center;
    left: 30px;
    position: absolute;
    top: 24px;
    width: 240px
}

.flex7-scratch-prize img {
    display: block;
    height: 56px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 56px
}

.flex7-scratch-cover {
    cursor: crosshair;
    display: block;
    height: 100%;
    inset: 0;
    position: absolute;
    touch-action: none;
    width: 100%;
    z-index: 2
}

.flex7-scratch-result-card {
    align-items: center;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: var(--color-surface-2);
    border-radius: 24px;
    display: flex;
    gap: 16px;
    left: 75px;
    min-height: 156px;
    overflow: hidden;
    padding: 16px;
    position: absolute;
    top: 60px;
    width: 548px
}

.flex7-scratch-result-logo {
    background: #191235;
    border-radius: 64px;
    flex: 0 0 250px;
    height: 123px;
    overflow: hidden;
    width: 250px
}

.flex7-scratch-result-logo img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.flex7-scratch-result-content {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto;
    min-width: 0;
    width: 250px
}

.flex7-scratch-result-copy {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
    width: 100%
}

.flex7-scratch-result-copy span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: normal
}

.flex7-scratch-result-copy strong {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1
}

.flex7-scratch-result-card:not(:has(.flex7-scratch-result-logo)) {
    justify-content: center
}

.flex7-scratch-result-card:not(:has(.flex7-scratch-result-logo)) .flex7-scratch-result-content {
    margin-left: 0;
    width: min(420px, 100%)
}

@media (max-width:760px) {
    .flex7-scratch-popup {
        padding: 12px
    }

    .flex7-scratch-ticket {
        width: min(700px, 100vw - 24px)
    }

    .flex7-scratch-result-card {
        border-radius: 16px;
        gap: 10px;
        left: 10.7%;
        min-height: 55.8%;
        padding: 10px;
        top: 21.5%;
        width: 78.3%
    }

    .flex7-scratch-result-logo {
        aspect-ratio: 250/123;
        flex-basis: 45%;
        height: auto;
        width: 45%
    }

    .flex7-scratch-result-content {
        width: 48%
    }

    .flex7-scratch-result-copy strong {
        font-size: 18px
    }

    .flex7-scratch-result-copy span {
        font-size: 13px
    }
}

.sticky-offer-actions,
.sticky-offer-bonus,
.sticky-offer-brand,
.sticky-offer-rating,
.sticky-offer-stars {
    align-items: center;
    display: flex
}

.sticky-offer-brand {
    flex: 0 0 auto
}

.sticky-offer-logo {
    background: #191235;
    border-radius: 13px;
    flex: 0 0 110px;
    height: 54px;
    width: 110px
}

.sticky-offer-brand-info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 127px
}

.sticky-offer-brand-info strong {
    color: #fff;
    line-height: 1;
    white-space: nowrap
}

.sticky-offer-rating span {
    color: var(--color-grey);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap
}

.sticky-offer-rating span b {
    color: #f7c11f;
    font-weight: 500
}

.sticky-offer-stars {
    gap: 0
}

.sticky-offer-stars img {
    flex: 0 0 24px
}

.sticky-offer-stars .muted {
    filter: grayscale(1);
    opacity: .32
}

.sticky-offer-bonus {
    background: var(--color-surface-2);
    border: 1px solid #32d16d;
    border-radius: 12px;
    flex: 0 0 auto;
    gap: 12px;
    height: 54px
}

.sticky-offer-bonus img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.sticky-offer-bonus span {
    color: #fff;
    line-height: 1;
    white-space: nowrap
}

.sticky-offer-actions {
    flex: 0 0 auto
}

.sticky-offer-actions a {
    align-items: center;
    border-radius: 12px;
    color: #fff;
    display: flex;
    font-weight: 500;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap
}

.sticky-offer-demo {
    background: #fff;
    color: var(--color-background) !important;
    padding: 12px 16px
}

.sticky-offer-play {
    background: var(--color-primary);
    gap: 12px;
    padding: 8px 16px 8px 8px
}

.sticky-offer-play img {
    border-radius: 6px;
    flex: 0 0 32px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    display: block;
    max-width: 100%;
    overflow-x: auto;
    width: 100%
}

.table-responsive table {
    min-width: -moz-max-content;
    min-width: max-content
}

table {
    border-spacing: 0 8px;
    display: inline-table;
    width: 100%
}

@media (max-width:750px) {
    table {
        overflow-x: auto;
        white-space: nowrap
    }
}

table thead tr {
    background-color: var(--color-surface-3)
}

table thead tr td,
table thead tr th {
    border: 0;
    border-collapse: collapse;
    font-weight: 700;
    padding: 10px 12px;
    width: auto
}

table thead tr td:first-child,
table thead tr th:first-child {
    border-radius: 8px 0 0 8px
}

table thead tr td:last-child,
table thead tr th:last-child {
    border-radius: 0 8px 8px 0
}

table tbody a {
    color: var(--color-grey)
}

table tbody tr td {
    border: 0;
    border-collapse: collapse;
    padding: 10px 12px;
    width: auto
}

table tbody tr td:first-child {
    border-radius: 8px 0 0 8px;
    font-weight: 700
}

table tbody tr td:last-child {
    border-radius: 0 8px 8px 0
}

table tbody tr td:not(:first-child) {
    color: var(--color-grey)
}

table tbody tr:nth-child(2n) {
    background-color: var(--color-surface-3)
}

.error {
    align-items: center;
    display: flex;
    flex-direction: column
}

.error .error-404 {
    font-size: 128px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 40px;
    margin-top: 30px
}

.error p {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    margin-bottom: 64px
}

.error .btn {
    margin-bottom: 130px
}

.error-home {
    display: flex;
    justify-content: center;
    margin: 16px auto 40px;
    max-width: 1392px;
    width: 100%
}

.sitemap-page {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto 30px;
    width: min(956px, 100%)
}

.sitemap-page,
.sitemap-page * {
    font-family: IBM Plex Sans, sans-serif
}

.sitemap-page * {
    box-sizing: border-box;
    letter-spacing: 0
}

.sitemap-page h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.sitemap-page .sitemap-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.sitemap-page .sitemap-card {
    align-items: center;
    background: var(--color-surface-1);
    border-radius: 24px;
    display: flex;
    gap: 16px;
    overflow: hidden;
    padding: 12px;
    width: 100%
}

.sitemap-page .sitemap-card-media {
    align-items: center;
    background: var(--color-surface-3);
    border-radius: 16px;
    display: flex;
    flex: 0 0 105px;
    height: 105px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 105px
}

.sitemap-page .sitemap-card-media img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.sitemap-page .sitemap-card-placeholder {
    height: 48px;
    opacity: .86;
    position: relative;
    width: 48px
}

.sitemap-page .sitemap-card-placeholder:after,
.sitemap-page .sitemap-card-placeholder:before {
    background: var(--color-background);
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .06);
    content: "";
    height: 22px;
    position: absolute;
    width: 22px
}

.sitemap-page .sitemap-card-placeholder:before {
    bottom: 4px;
    left: 3px
}

.sitemap-page .sitemap-card-placeholder:after {
    right: 3px;
    top: 4px;
    transform: rotate(45deg)
}

.sitemap-page .sitemap-card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-width: 0
}

.sitemap-page .sitemap-card-content h2 {
    margin: 0
}

.sitemap-page .sitemap-card-content h2 a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none
}

.sitemap-page .sitemap-card-content p {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin: 0
}

.sitemap-page .sitemap-card-link {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    gap: 6px;
    line-height: 1;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content
}

.sitemap-page .sitemap-card-link span {
    height: 18px;
    position: relative;
    width: 18px
}

.sitemap-page .sitemap-card-link span:before {
    background: var(--color-secondary);
    border-radius: 999px;
    content: "";
    height: 2px;
    left: 4px;
    position: absolute;
    top: 8px;
    width: 10px
}

.sitemap-page .sitemap-card-link span:after {
    border-right: 2px solid var(--color-secondary);
    border-top: 2px solid var(--color-secondary);
    content: "";
    height: 7px;
    position: absolute;
    right: 3px;
    top: 5px;
    transform: rotate(45deg);
    width: 7px
}

@media (max-width:760px) {
    .sitemap-page {
        gap: 18px
    }

    .sitemap-page h1 {
        font-size: 28px
    }

    .sitemap-page .sitemap-card {
        align-items: flex-start;
        border-radius: 18px;
        gap: 12px
    }

    .sitemap-page .sitemap-card-media {
        border-radius: 12px;
        flex-basis: 74px;
        height: 74px;
        width: 74px
    }

    .sitemap-page .sitemap-card-content {
        gap: 6px
    }

    .sitemap-page .sitemap-card-content h2 a {
        font-size: 16px
    }

    .sitemap-page .sitemap-card-content p,
    .sitemap-page .sitemap-card-link {
        font-size: 14px
    }
}

.cookies {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: var(--color-surface-2);
    bottom: 16px;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .28);
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
    width: min(596px, 100% - 32px);
    z-index: 1000
}

.cookies,
.cookies * {
    box-sizing: border-box;
    font-family: IBM Plex Sans, sans-serif
}

.cookies * {
    letter-spacing: 0
}

@media (max-width:575px) {
    .cookies {
        align-items: stretch;
        bottom: 12px;
        flex-direction: column;
        width: calc(100% - 24px)
    }
}

body.is-scroll-offer .cookies {
    bottom: 94px
}

.cookies .cookies-block {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    min-width: 0
}

.cookies .cookies-block img {
    flex: 0 0 44px;
    height: 44px;
    margin: 0;
    width: 44px
}

.cookies .cookies-block .cookies-text-block {
    align-items: center;
    display: flex;
    min-height: 44px;
    min-width: 0
}

.cookies .cookies-block .cookies-text-block .cookies-text {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.28;
    margin: 0
}

.cookies .cookies-block .cookies-text-block .cookies-text a,
.cookies .cookies-block .cookies-text-block .cookies-text span {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px
}

.cookies .cookies-links {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    white-space: nowrap
}

@media (max-width:575px) {
    .cookies .cookies-links {
        width: 100%
    }
}

.cookies .cookies-links .cookies-links-btn {
    align-items: center;
    border: 1px solid var(--color-secondary);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    transition: background .2s ease, border-color .2s ease
}

.cookies .cookies-links .cookies-links-btn:hover {
    background: rgba(244, 197, 10, .12)
}

@media (max-width:575px) {
    .cookies .cookies-links .cookies-links-btn {
        width: 100%
    }
}

.author {
    background: var(--color-surface-1);
    border-radius: 8px;
    padding: 16px
}

.author .author-item {
    display: flex;
    justify-content: space-between
}

.author .author-item .flex {
    display: flex;
    margin-bottom: 16px
}

.author .author-item .flex .avatar {
    height: 76.59px;
    margin-right: 16px
}

.author .author-item .flex .info .name {
    font-weight: 700;
    margin: 0
}

.author .author-item .flex .info .label {
    color: var(--color-grey);
    font-size: 14px;
    margin-top: 8px
}

.author .author-item .author-social a {
    text-decoration: none
}

.author .author-item .author-social a .social-item {
    border-radius: 6px;
    height: 38px;
    margin: 0 0 0 6px;
    width: auto
}

.author .text {
    line-height: 140%;
    margin: 0
}

.author .date {
    color: var(--color-grey);
    font-size: 12px;
    line-height: 142%;
    text-align: right
}

.faq {
    display: grid;
    gap: 0 20px;
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width:950px) {
    .faq {
        grid-template-columns: repeat(1, 1fr)
    }
}

.faq .faq-item h3 {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: space-between;
    padding: 14px 12px
}

.faq .faq-item .faq-item-content,
.faq .faq-item h3 {
    background-color: var(--color-surface-1);
    border-radius: 8px;
    margin-bottom: 8px
}

.faq .faq-item .faq-item-content {
    display: none;
    padding: 9px 12px
}

.faq .faq-item .faq-item-content p {
    margin: 0
}

.faq .faq-item .faq-item-content.show {
    display: block
}

.faq .faq-item h3:after {
    content: url(/assets/images/arrow-down.svg);
    margin-right: 5px
}

.faq .faq-item.show h3:after {
    content: url(/assets/images/arrow-up.svg);
    margin-right: 5px
}

.content-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: min(956px, 100%)
}

input[id=radio-1]:checked~.glider {
    transform: translateX(0)
}

input[id=radio-2]:checked~.glider {
    transform: translateX(100%)
}

input[id=radio-3]:checked~.glider {
    transform: translateX(200%)
}

.showcase .showcase-item {
    background-color: var(--color-surface-1);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 16px
}

@media (max-width:750px) {
    .showcase .showcase-item {
        align-items: center;
        flex-direction: column
    }
}

.showcase .showcase-item .showcase-logo {
    border-radius: 6px;
    height: 150px;
    margin-right: 16px;
    width: auto
}

@media (max-width:750px) {
    .showcase .showcase-item .showcase-logo {
        height: auto;
        width: 100%
    }
}

.showcase .showcase-item .showcase-content {
    display: flex;
    flex-direction: column
}

@media (max-width:750px) {
    .showcase .showcase-item .showcase-content {
        align-items: center;
        justify-content: center;
        margin-bottom: 16px;
        width: 100%
    }
}

.showcase .showcase-item .showcase-content strong {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 6px
}

.showcase .showcase-item .showcase-content .rating {
    align-items: center;
    display: flex
}

.showcase .showcase-item .showcase-content .rating .stars {
    margin-right: 8px
}

.showcase .showcase-item .showcase-content .rating .stars .gray {
    filter: grayscale(100%);
    opacity: .2
}

.showcase .showcase-item .showcase-content .rating p {
    color: var(--color-grey);
    font-weight: 700;
    margin: 0
}

.showcase .showcase-item .showcase-content .rating p span {
    color: #fff
}

.showcase .showcase-item .showcase-content .text {
    font-size: 24px;
    font-weight: 700;
    margin: 16px 0 0
}

@media (max-width:750px) {
    .showcase .showcase-item .showcase-content .text {
        line-height: unset
    }
}

.showcase .showcase-item .showcase-deposit {
    background: var(--color-surface-3);
    border-radius: 6px;
    min-width: 165px;
    padding: 16px
}

@media (max-width:750px) {
    .showcase .showcase-item .showcase-deposit {
        margin-bottom: 15px;
        padding: 10px 0;
        width: 100%
    }

    .showcase .showcase-item .showcase-deposit p {
        padding: 0 15px
    }
}

.showcase .showcase-item .showcase-deposit .label {
    color: var(--color-grey);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 0;
    text-transform: uppercase
}

.showcase .showcase-item .showcase-deposit .deposit {
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.showcase .showcase-item .showcase-play {
    padding: 0 40px
}

@media (max-width:750px) {
    .showcase .showcase-item .showcase-play {
        padding: 0;
        width: 100%
    }
}

.showcase .showcase-item .showcase-play .btn {
    background: var(--color-primary-solid);
    border: none;
    border-radius: 6px;
    display: inline-block;
    line-height: 140%;
    margin-bottom: 17px;
    min-width: 240px;
    padding: 12px 16px;
    text-align: center;
    transition: .3s;
    width: 100%
}

@media (max-width:750px) {
    .showcase .showcase-item .showcase-play .btn {
        padding: 15px 0
    }
}

.showcase .showcase-item .showcase-play .btn:hover {
    background: var(--color-surface-3)
}

.showcase .showcase-item .showcase-play .payments {
    align-items: center;
    display: flex
}

@media (max-width:750px) {
    .showcase .showcase-item .showcase-play .payments {
        justify-content: center
    }
}

.showcase .showcase-item .showcase-play .payments img {
    height: 24px;
    margin-right: 17px
}

.showcase .showcase-item .showcase-play .payments span {
    font-size: 14px
}

.showcase-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px
}

.showcase-grid .showcase-item {
    background-color: var(--color-surface-1);
    border-radius: 8px;
    min-width: 392px;
    padding: 16px
}

@media (max-width:750px) {
    .showcase-grid .showcase-item {
        flex-direction: column;
        min-width: unset;
        width: 100%
    }
}

.showcase-grid .showcase-item .showcase-content {
    align-items: center;
    display: flex;
    flex-direction: row
}

@media (max-width:750px) {
    .showcase-grid .showcase-item .showcase-content {
        align-items: center;
        margin-bottom: 16px;
        width: 100%
    }
}

.showcase-grid .showcase-item .showcase-content .showcase-logo {
    border-radius: 6px;
    height: 107px;
    margin-right: 16px;
    width: auto
}

.showcase-grid .showcase-item .showcase-content .flex {
    display: flex;
    flex-direction: column
}

.showcase-grid .showcase-item .showcase-content .flex strong {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 6px
}

.showcase-grid .showcase-item .showcase-content .flex .rating {
    align-items: center;
    display: flex
}

.showcase-grid .showcase-item .showcase-content .flex .rating .stars {
    margin-right: 8px
}

.showcase-grid .showcase-item .showcase-content .flex .rating .stars .gray {
    filter: grayscale(100%);
    opacity: .2
}

.showcase-grid .showcase-item .showcase-content .flex .rating p {
    color: var(--color-grey);
    font-weight: 700;
    margin: 0
}

.showcase-grid .showcase-item .showcase-content .flex .rating p span {
    color: #fff
}

.showcase-grid .showcase-item .text {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin: 18px 0
}

.showcase-grid .showcase-item .showcase-deposit {
    background: var(--color-surface-3);
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 16px
}

.showcase-grid .showcase-item .showcase-deposit .col {
    width: 50%
}

.showcase-grid .showcase-item .showcase-deposit .col .label {
    color: var(--color-grey);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 0;
    text-transform: uppercase
}

.showcase-grid .showcase-item .showcase-deposit .col .deposit {
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.showcase-grid .showcase-item .showcase-play {
    display: grid
}

.showcase-grid .showcase-item .showcase-play .btn {
    background: var(--color-primary-solid);
    border: none;
    border-radius: 6px;
    line-height: 140%;
    margin: 0;
    padding: 12px 16px;
    text-align: center;
    transition: .3s
}

.showcase-grid .showcase-item .showcase-play .btn:hover {
    background: var(--color-surface-3)
}

.reviews {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

.reviews .review {
    background: var(--color-surface-1);
    border-radius: 8px;
    padding: 16px;
    width: 280px
}

@media (max-width:750px) {
    .reviews .review {
        width: 100%
    }
}

.reviews .review .user {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 16px
}

.reviews .review .user .avatar {
    height: 52.6px;
    margin-right: 16px
}

.reviews .review .user .user-info .name {
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin: 0
}

.reviews .review .user .user-info .city {
    align-items: center;
    color: var(--color-grey);
    display: flex;
    font-weight: 400;
    line-height: 140%;
    margin: 0
}

.reviews .review .user .user-info .city img {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.reviews .review .rating {
    align-items: center;
    display: flex
}

.reviews .review .rating .stars {
    margin-right: 8px
}

.reviews .review .rating .stars .gray {
    filter: grayscale(100%);
    opacity: .2
}

.reviews .review .rating p {
    color: var(--color-grey);
    font-weight: 700;
    margin: 0
}

.reviews .review .rating p span {
    color: #fff
}

.slots {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

.slots .slot {
    width: 200px
}

@media (max-width:750px) {
    .slots .slot {
        width: 46%
    }
}

.slots .slot .item {
    border-radius: 8px;
    height: 300px;
    position: relative;
    transition: .3s
}

@media (max-width:750px) {
    .slots .slot .item {
        height: unset
    }
}

.slots .slot .item .logo {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.slots .slot .item .info {
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
    border-radius: 8px;
    display: none;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.slots .slot .item .info .top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 8px
}

.slots .slot .item .info .top .rtp {
    background: rgba(0, 0, 0, .48);
    border-radius: 44px;
    color: var(--color-grey);
    font-size: 14px;
    font-weight: 700;
    padding: 8px 10px
}

.slots .slot .item .info .top .rtp span {
    color: #fff
}

.slots .slot .item .info .top .level {
    background: rgba(0, 0, 0, .48);
    border-radius: 44px;
    color: #60da60;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 10px
}

.slots .slot .item .info .action {
    align-items: center;
    display: flex;
    flex-direction: column
}

.slots .slot .item .info .action .btn {
    border: none;
    min-width: 116px;
    padding: 8px 16px;
    text-align: center;
    transition: .3s
}

.slots .slot .item .info .action .btn.btn-play {
    background: var(--color-primary-solid);
    margin-bottom: 8px
}

.slots .slot .item .info .action .btn.btn-play:hover {
    background: var(--color-surface-3)
}

.slots .slot .item .info .action .btn.btn-demo {
    background: #fff;
    color: var(--color-background)
}

.slots .slot .item .info .action .btn.btn-demo:hover {
    background: var(--color-grey)
}

.slots .slot .item .info .bottom {
    background: rgba(0, 0, 0, .48);
    border-radius: 0 0 8px 8px;
    color: var(--color-grey);
    font-size: 10px;
    font-weight: 600;
    padding: 6px;
    text-align: center;
    text-transform: uppercase
}

.slots .slot .item:hover .info {
    display: flex
}

.slots .slot p {
    font-weight: 700
}

.advantages {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

.advantages .advantage {
    background: var(--color-surface-1);
    border-radius: 8px;
    max-width: 280px;
    padding: 16px
}

@media (max-width:750px) {
    .advantages .advantage {
        max-width: unset;
        width: 100%
    }
}

.advantages .advantage .heading {
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

.advantages .advantage .heading .num {
    align-items: center;
    background: var(--color-primary-solid);
    border-radius: 50%;
    display: flex;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    margin-right: 8px;
    width: 30px
}

.advantages .advantage .heading p {
    font-weight: 700;
    margin: 0;
    width: 85%
}

.advantages .advantage .text {
    margin: 0
}

.flex7-content {
    display: flex;
    flex-direction: column;
    font-family: IBM Plex Sans, sans-serif;
    gap: 64px;
    margin: 40px auto 24px;
    width: min(956px, 100% - 32px)
}

.flex7-content * {
    box-sizing: border-box
}

.flex7-content a,
.flex7-content button,
.flex7-content h2,
.flex7-content h3,
.flex7-content input,
.flex7-content li,
.flex7-content p,
.flex7-content span,
.flex7-content strong,
.flex7-content summary,
.flex7-content td,
.flex7-content textarea {
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0
}

.flex7-content h2,
.flex7-content p.flex7-h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.08;
    margin: 0
}

.flex7-content h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.12;
    margin: 0
}

.flex7-content p {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0
}

.flex7-content ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.flex7-content ol li {
    padding-left: 3px
}

.flex7-content li {
    color: var(--color-grey);
    font-size: 16px;
    line-height: 1.35;
    padding-left: 22px;
    position: relative
}

.flex7-content li:before {
    background: #32d16d;
    border-radius: 50%;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    top: .48em;
    width: 9px
}

@media (max-width:750px) {
    .flex7-content {
        gap: 40px;
        margin-top: 32px;
        width: 100%
    }

    .flex7-content h2,
    .flex7-content p.flex7-h2 {
        font-size: 30px
    }

    .flex7-content li,
    .flex7-content p {
        font-size: 15px
    }
}

.flex7-label {
    background: var(--color-surface-2);
    border-radius: 999px;
    color: var(--color-grey);
    font-size: 14px;
    margin-bottom: 10px;
    padding: 8px 12px;
    width: -moz-fit-content;
    width: fit-content
}

.flex7-btn,
.flex7-label {
    display: inline-flex;
    font-weight: 500;
    line-height: 1
}

.flex7-btn {
    align-items: center;
    border: 0;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    gap: 10px;
    justify-content: center;
    min-height: 48px;
    padding: 12px 18px;
    text-decoration: none;
    white-space: nowrap
}

.flex7-btn img {
    border-radius: 6px;
    height: 28px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 28px
}

@media (max-width:520px) {
    .flex7-btn {
        text-align: center;
        white-space: normal;
        width: 100%
    }
}

.flex7-btn-primary {
    background: var(--color-primary)
}

.flex7-btn-ghost {
    background: var(--color-surface-3)
}

.flex7-btn-light {
    background: #fff;
    color: var(--color-background)
}

.flex7-section {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.flex7-section-head {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0
}

.flex7-game-spotlight {
    background: var(--color-surface-2);
    border-radius: 24px
}

.flex7-game-media {
    background: var(--color-surface-1);
    border-radius: 24px 24px 0 0;
    height: 258px;
    overflow: hidden
}

.flex7-game-media img {
    border-radius: 24px 24px 0 0;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.flex7-game-panel {
    background: var(--color-surface-2);
    border-radius: 0 0 24px 24px;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr auto;
    padding: 24px
}

.flex7-game-panel p {
    grid-column: 1/-1;
    max-width: 710px
}

.flex7-game-panel .flex7-updated {
    align-items: center;
    color: hsla(0, 0%, 100%, .52);
    display: flex;
    font-size: 14px;
    gap: 8px;
    grid-column: 1/-1;
    justify-self: end;
    line-height: 1
}

.flex7-game-panel .flex7-updated img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.flex7-game-panel .flex7-updated span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap
}

@media (max-width:820px) {
    .flex7-game-panel {
        grid-template-columns: 1fr;
        padding: 18px
    }
}

.flex7-game-info {
    align-items: center;
    display: flex;
    gap: 16px
}

.flex7-game-info img {
    border-radius: 16px;
    height: 72px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 72px
}

.flex7-game-info span {
    color: var(--color-grey);
    display: block;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 6px
}

.flex7-game-info h2,
.flex7-game-info p.flex7-h2 {
    font-size: 32px
}

.flex7-game-actions {
    align-items: center;
    display: flex;
    gap: 12px
}

@media (max-width:820px) {
    .flex7-game-actions {
        flex-wrap: wrap
    }
}

.flex7-copy-block,
.flex7-spoiler-text {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.flex7-spoiler-text {
    align-items: flex-start;
    background: 0 0;
    width: 100%
}

.flex7-copy-block {
    background: var(--color-surface-1);
    border-radius: 24px;
    gap: 16px;
    padding: 32px
}

@media (max-width:750px) {
    .flex7-copy-block {
        border-radius: 18px;
        padding: 22px
    }
}

.flex7-spoiler-copy {
    display: flex;
    flex-direction: column;
    height: 83px;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%
}

.flex7-spoiler-copy p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: var(--color-grey);
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.flex7-spoiler-text.is-open .flex7-spoiler-copy {
    height: auto;
    overflow: visible
}

.flex7-spoiler-text.is-open .flex7-spoiler-copy p {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
    text-overflow: clip
}

.flex7-spoiler-toggle {
    align-items: center;
    align-self: flex-start;
    background: 0 0;
    border: 0;
    border-bottom: 1px dashed #fff;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    letter-spacing: 0;
    line-height: normal;
    min-height: 25px;
    padding: 2px 0 4px
}

.flex7-promo-panel {
    align-items: center;
    background-color: #343434;
    background-image: url(/assets/images/flex7/promo-bg.png);
    background-repeat: no-repeat;
    border-radius: 24px;
    display: flex;
    gap: 32px;
    height: 266px;
    justify-content: flex-start;
    overflow: hidden
}

@media (max-width:760px) {
    .flex7-promo-panel {
        align-items: flex-start;
        border-radius: 18px;
        height: auto;
        justify-content: flex-end;
        min-height: 340px;
        padding: 24px
    }
}

.flex7-promo-shell {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    max-width: 100%;
    position: relative;
    width: 600px;
    z-index: 1
}

@media (max-width:760px) {
    .flex7-promo-shell {
        min-width: 0;
        width: 100%
    }
}

.flex7-promo-copy {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%
}

.flex7-promo-copy span {
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 4px;
    text-transform: uppercase
}

.flex7-promo-copy h2,
.flex7-promo-copy p.flex7-h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 12px
}

.flex7-promo-copy p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.flex7-promo-action {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%
}

@media (max-width:760px) {
    .flex7-promo-action {
        align-items: stretch;
        flex-direction: column;
        flex-wrap: wrap
    }
}

.flex7-promo-code {
    align-items: center;
    background: #fff;
    border-radius: 12px;
    display: flex;
    gap: 16px;
    height: 48px;
    justify-content: center;
    padding: 6px 6px 6px 16px;
    white-space: nowrap
}

.flex7-promo-code span {
    color: var(--color-surface-1);
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

.flex7-promo-code button {
    align-self: stretch;
    background: var(--color-primary);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 10px 16px 12px;
    white-space: nowrap
}

@media (max-width:760px) {
    .flex7-promo-code {
        width: 100%
    }

    .flex7-promo-code span {
        flex: 1
    }
}

.flex7-promo-play {
    height: 48px;
    padding: 8px 16px 8px 8px
}

.flex7-promo-play img {
    border-radius: 50%;
    flex: 0 0 32px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px
}

.flex7-promo-play span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

.flex7-promo-panel-secondary {
    background-position: 100%;
    min-height: 266px
}

.flex7-promo-panel-tall {
    align-items: flex-end;
    height: 474px
}

.flex7-promo-panel-tall .flex7-promo-copy {
    max-width: 620px
}

.flex7-content-nav {
    align-items: flex-start;
    background: var(--color-surface-1);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    font-family: IBM Plex Sans, sans-serif;
    gap: 8px;
    overflow: hidden;
    width: 100%
}

@media (max-width:750px) {
    .flex7-content-nav {
        border-radius: 18px
    }
}

.flex7-content-nav-head {
    align-items: center;
    background: 0 0;
    border: 0;
    border-radius: 60px;
    cursor: pointer;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-height: 40px;
    padding: 0;
    width: 100%
}

.flex7-content-nav-head span {
    color: #fff;
    flex: 1 1 auto;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.1;
    text-align: left
}

.flex7-content-nav-head img {
    flex: 0 0 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    transform: rotate(180deg);
    transition: transform .2s ease;
    width: 24px
}

.flex7-content-nav-list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

.flex7-content-nav-list a {
    align-items: center;
    border-radius: 8px;
    color: var(--color-grey);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 4px;
    letter-spacing: 0;
    line-height: 1;
    min-height: 32px;
    padding: 6px 8px;
    text-align: left;
    text-decoration: none;
    width: 100%
}

.flex7-content-nav-list a span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit
}

.flex7-content-nav-list a.active,
.flex7-content-nav-list a:hover,
.flex7-content-nav-more {
    background: var(--color-surface-2);
    color: #fff
}

.flex7-content-nav-more {
    align-items: center;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    margin-top: 4px;
    min-height: 36px;
    padding: 8px 14px;
    transition: filter .2s ease
}

.flex7-content-nav-more:hover {
    filter: saturate(1.4)
}

.flex7-content-nav.is-collapsed {
    cursor: pointer
}

.flex7-content-nav.is-collapsed .flex7-content-nav-head img {
    transform: rotate(0)
}

.flex7-content-nav.is-collapsed .flex7-content-nav-list {
    display: none
}

.flex7-attention,
.flex7-author,
.flex7-info-card,
.flex7-quote,
.flex7-responsible,
.flex7-table-card {
    background: var(--color-surface-1);
    border-radius: 24px;
    padding: 32px
}

@media (max-width:750px) {

    .flex7-attention,
    .flex7-author,
    .flex7-info-card,
    .flex7-quote,
    .flex7-responsible,
    .flex7-table-card {
        border-radius: 18px;
        padding: 22px
    }
}

.flex7-info-card {
    align-items: center;
    display: grid;
    gap: 32px;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, .8fr)
}

@media (max-width:760px) {
    .flex7-info-card {
        grid-template-columns: 1fr
    }
}

.flex7-survey {
    background: var(--color-surface-1);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    font-family: IBM Plex Sans, sans-serif;
    width: 100%
}

.flex7-survey h2,
.flex7-survey p.flex7-h2 {
    color: #fff;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin: 0
}

@media (max-width:750px) {
    .flex7-survey {
        border-radius: 18px
    }
}

.flex7-survey-options {
    gap: 8px
}

.flex7-survey-body,
.flex7-survey-options {
    display: flex;
    flex-direction: column;
    width: 100%
}

.flex7-survey-body {
    gap: 16px
}

.flex7-survey-option {
    align-items: center;
    background: var(--color-surface-2);
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: IBM Plex Sans, sans-serif;
    gap: 8px;
    letter-spacing: 0;
    min-height: 48px;
    padding: 12px 16px;
    text-align: left;
    transition: background .2s ease;
    width: 100%
}

.flex7-survey-option:hover {
    background: var(--color-surface-3)
}

.flex7-survey-option.is-selected .flex7-survey-radio {
    background: var(--color-primary);
    border: 0
}

.flex7-survey-option.is-selected .flex7-survey-radio:after {
    opacity: 1
}

.flex7-survey-option:disabled {
    cursor: default
}

.flex7-survey-option:disabled:hover {
    background: var(--color-surface-2)
}

.flex7-survey-radio {
    background: var(--color-surface-1);
    border: 1px solid var(--color-grey);
    border-radius: 50%;
    box-sizing: border-box;
    flex: 0 0 20px;
    height: 20px;
    position: relative;
    width: 20px
}

.flex7-survey-radio:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    height: 9px;
    left: 6px;
    opacity: 0;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 5px
}

.flex7-survey-label {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    min-width: 0
}

.flex7-survey-result {
    align-items: center;
    display: none;
    gap: 10px;
    margin-left: auto;
    min-width: 170px
}

@media (max-width:620px) {
    .flex7-survey-result {
        min-width: 120px
    }
}

@media (max-width:460px) {
    .flex7-survey-result {
        margin-left: 28px;
        min-width: 0;
        width: 100%
    }
}

.flex7-survey-scale {
    background: rgba(216, 214, 226, .32);
    border-radius: 999px;
    display: block;
    height: 3px;
    overflow: hidden;
    width: 119px
}

.flex7-survey-scale span {
    background: linear-gradient(90deg, var(--color-primary-solid) 0, #32d16d 100%);
    border-radius: inherit;
    display: block;
    height: 100%;
    width: var(--survey-percent, 0)
}

@media (max-width:620px) {
    .flex7-survey-scale {
        width: 72px
    }
}

.flex7-survey-percent {
    color: var(--color-grey);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    text-align: right;
    width: 42px
}

@media (max-width:460px) {
    .flex7-survey.is-results .flex7-survey-option {
        align-items: flex-start;
        flex-wrap: wrap
    }
}

.flex7-survey.is-results .flex7-survey-result {
    display: flex
}

.flex7-survey-footer {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr);
    width: 100%
}

@media (max-width:640px) {
    .flex7-survey-footer {
        align-items: stretch;
        gap: 12px;
        grid-template-columns: 1fr
    }
}

.flex7-survey-votes {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin: 0
}

.flex7-survey-votes span {
    color: #fff;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit
}

.flex7-survey-vote {
    align-items: center;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    gap: 8px;
    height: 48px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    padding: 8px 16px;
    width: 180px
}

.flex7-survey-vote:disabled {
    cursor: default;
    opacity: .54
}

@media (max-width:640px) {
    .flex7-survey-vote {
        width: 100%
    }
}

.flex7-survey-vote-icon {
    background: url(/assets/images/flex7/check.svg) 50%/24px 24px no-repeat;
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.flex7-survey-show {
    background: 0 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    justify-self: end;
    letter-spacing: 0;
    line-height: 1;
    min-height: 25px;
    padding: 0;
    text-align: right;
    text-decoration: underline;
    text-underline-offset: 4px;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:640px) {
    .flex7-survey-show {
        justify-self: start
    }
}

.flex7-reward-panel {
    align-items: center;
    background-color: #343434;
    background-image: url(/assets/images/flex7/reward-panel-bg.png);
    background-repeat: no-repeat;
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: Inter, sans-serif;
    gap: 24px;
    justify-content: center;
    min-height: 266px;
    overflow: hidden;
    padding: 40px;
    text-align: center
}

@media (max-width:760px) {
    .flex7-reward-panel {
        border-radius: 18px;
        min-height: 300px;
        padding: 28px 18px
    }
}

.flex7-reward-copy {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    width: min(511px, 100%)
}

.flex7-reward-copy span {
    color: hsla(0, 0%, 100%, .5);
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: -8px;
    text-transform: uppercase
}

.flex7-reward-copy h2,
.flex7-reward-copy p.flex7-h2 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0
}

.flex7-reward-copy p {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
    margin: 0;
    width: min(431px, 100%)
}

@media (max-width:560px) {

    .flex7-reward-copy h2,
    .flex7-reward-copy p.flex7-h2 {
        font-size: 27px
    }

    .flex7-reward-copy p {
        font-size: 15px
    }
}

.flex7-reward-action {
    align-items: center;
    background: var(--color-primary);
    border-radius: 12px;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    gap: 12px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1.4;
    min-height: 48px;
    padding: 8px 16px 8px 8px;
    text-decoration: none;
    white-space: nowrap
}

.flex7-reward-action img {
    border-radius: 50%;
    flex: 0 0 32px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px
}

.flex7-reward-action span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit
}

@media (max-width:420px) {
    .flex7-reward-action {
        white-space: normal;
        width: 100%
    }
}

.flex7-top3 {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    width: 100%
}

@media (max-width:930px) {
    .flex7-top3 {
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x proximity
    }
}

@media (max-width:520px) {
    .flex7-top3 {
        flex-direction: column;
        overflow: visible;
        padding-bottom: 0
    }
}

.flex7-top-card {
    align-items: stretch;
    background: var(--color-surface-1);
    border-radius: 24px;
    flex: 0 0 308px;
    font-family: IBM Plex Sans, sans-serif;
    scroll-snap-align: start;
    text-align: center;
    width: 308px
}

.flex7-top-badge {
    align-items: center;
    background: var(--color-primary);
    border-radius: 24px 24px 0 0;
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    height: 30px;
    justify-content: center;
    padding: 4px 12px
}

.flex7-top-badge strong {
    font-size: 14px;
    min-width: 0;
    text-transform: uppercase;
    white-space: nowrap
}

.flex7-top-badge strong,
.flex7-top-rank {
    color: #fff;
    font-weight: 600;
    line-height: 1
}

.flex7-top-rank {
    align-items: center;
    background: rgba(6, 6, 6, .2);
    border-radius: 24px;
    display: flex;
    flex: 0 0 38px;
    font-size: 16px;
    height: 22px;
    justify-content: center;
    width: 38px
}

.flex7-top-badge-icon {
    flex: 0 0 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.flex7-top-mark {
    flex: 0 0 24px;
    height: 24px;
    position: relative;
    width: 24px
}

.flex7-top-mark:after,
.flex7-top-mark:before {
    content: "";
    display: block;
    position: absolute
}

.flex7-top-mark-flash:before {
    background: #fff;
    clip-path: polygon(42% 0, 100% 0, 62% 43%, 100% 43%, 24% 100%, 42% 55%, 0 55%);
    height: 16px;
    left: 8px;
    top: 4px;
    width: 8px
}

.flex7-top-mark-fire:before {
    background: #fff;
    border-radius: 50% 50% 46% 46%;
    height: 16px;
    left: 6px;
    top: 4px;
    transform: rotate(10deg);
    width: 12px
}

.flex7-top-mark-new:before {
    background: #fff;
    clip-path: polygon(50% 0, 61% 25%, 88% 12%, 75% 39%, 100% 50%, 75% 61%, 88% 88%, 61% 75%, 50% 100%, 39% 75%, 12% 88%, 25% 61%, 0 50%, 25% 39%, 12% 12%, 39% 25%);
    height: 18px;
    left: 3px;
    top: 3px;
    width: 18px
}

.flex7-top-mark-new:after {
    color: var(--color-primary-solid);
    content: "NEW";
    font-size: 5px;
    font-weight: 700;
    left: 4px;
    line-height: 1;
    top: 8px
}

.flex7-top-logo {
    align-items: center;
    background: #191235;
    display: flex;
    height: 151px;
    justify-content: center;
    overflow: hidden
}

.flex7-top-logo img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.flex7-top-content {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px
}

.flex7-top-content h2,
.flex7-top-content p.flex7-h2 {
    color: #fff;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin: 0
}

.flex7-rating {
    align-items: center;
    display: flex;
    gap: 0;
    justify-content: center
}

.flex7-rating span {
    background: url(/assets/images/flex7/rating-star-filled.svg) 50%/24px 24px no-repeat;
    display: block;
    height: 24px;
    width: 24px
}

.flex7-rating span:before {
    content: none
}

.flex7-rating span.is-muted {
    background-image: url(/assets/images/flex7/rating-star.svg)
}

.flex7-top-bonus {
    align-items: center;
    background: var(--color-background);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    gap: 10px;
    justify-content: center;
    min-height: 48px;
    padding: 6px 8px 6px 12px
}

.flex7-top-bonus img {
    flex: 0 0 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.flex7-top-bonus p {
    color: #fff;
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.28;
    margin: 0;
    text-align: left
}

.flex7-payments {
    gap: 5px;
    justify-content: flex-start
}

.flex7-payments,
.flex7-payments span {
    align-items: center;
    display: flex;
    height: 24px
}

.flex7-payments span {
    border-radius: 4px;
    color: var(--color-grey);
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    width: 37px
}

.flex7-payments .visa {
    background: #1434cb;
    color: #fff;
    font-size: 11px
}

.flex7-payments .mastercard {
    background: #15171f;
    position: relative
}

.flex7-payments .mastercard:after,
.flex7-payments .mastercard:before {
    border-radius: 50%;
    content: "";
    height: 10px;
    position: absolute;
    top: 7px;
    width: 10px
}

.flex7-payments .mastercard:before {
    background: #eb001b;
    left: 10px
}

.flex7-payments .mastercard:after {
    background: #f79e1b;
    left: 17px
}

.flex7-payments .skrill {
    background: #150410;
    color: #b31a7b;
    font-size: 11px
}

.flex7-payments .paypal {
    background: #0c1033;
    color: #009cde;
    font-style: italic
}

.flex7-payments .neteller {
    background: #101010;
    color: #b7f000;
    font-size: 7px
}

.flex7-payments .more {
    background: var(--color-surface-2);
    color: var(--color-grey);
    font-weight: 500
}

.flex7-card-actions {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    width: 100%
}

.flex7-top-register,
.flex7-top-review {
    align-items: center;
    border-radius: 12px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap
}

.flex7-top-review {
    background: 0 0;
    border: 1px solid var(--color-secondary);
    flex: 1
}

.flex7-top-register {
    background: var(--color-primary);
    flex: 0 0 166px;
    width: 166px
}

.flex7-feature-pill {
    align-items: center;
    background: var(--color-surface-2);
    border: 0;
    border-radius: 74px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    min-height: 28px;
    padding: 2px 8px 2px 12px;
    text-decoration: none;
    width: 100%
}

.flex7-feature-pill span {
    flex: 0 0 24px;
    height: 24px;
    position: relative;
    width: 24px
}

.flex7-feature-pill span:after,
.flex7-feature-pill span:before {
    background: #0bdd87;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.flex7-feature-pill span:before {
    height: 2px;
    width: 13px
}

.flex7-feature-pill span:after {
    height: 13px;
    width: 2px
}

.flex7-casino-list {
    font-family: IBM Plex Sans, sans-serif;
    gap: 16px
}

.flex7-casino-list,
.flex7-casino-row {
    display: flex;
    flex-direction: column;
    width: 100%
}

.flex7-casino-row {
    background: var(--color-surface-1);
    border-radius: 26px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 2px 2px;
    position: relative
}

.flex7-casino-row.is-featured {
    background: var(--color-primary)
}

.flex7-casino-badge {
    background: var(--color-surface-1);
    box-sizing: border-box;
    gap: 8px;
    padding: 4px 12px
}

.flex7-casino-badge,
.flex7-casino-badge span {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

.flex7-casino-badge span {
    background: hsla(0, 0%, 100%, .25);
    font-size: 16px;
    font-weight: 600;
    height: 22px;
    left: 14px;
    line-height: 1;
    top: 4px;
    width: 38px
}

.flex7-casino-badge strong {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap
}

.flex7-casino-card {
    align-items: stretch;
    background: var(--color-surface-1);
    border-radius: 24px;
    box-sizing: border-box;
    gap: 16px;
    grid-template-columns: 340px minmax(0, 1fr) 134px;
    padding: 12px
}

.flex7-casino-card.is-without-bonus {
    grid-template-columns: minmax(0, 1fr) 134px
}

@media (max-width:980px) {
    .flex7-casino-card {
        grid-template-columns: minmax(0, 1fr) 270px
    }

    .flex7-casino-card.is-without-bonus {
        grid-template-columns: minmax(0, 1fr) 134px
    }

    .flex7-casino-card .flex7-casino-actions {
        flex-direction: row;
        grid-column: 1/-1;
        width: 100%
    }
}

@media (max-width:760px) {
    .flex7-casino-card {
        gap: 12px;
        grid-template-columns: 1fr
    }
}

.flex7-casino-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0
}

.flex7-casino-brand {
    align-items: flex-start;
    display: flex;
    gap: 12px
}

@media (max-width:520px) {
    .flex7-casino-brand {
        flex-direction: column
    }
}

.flex7-casino-logo {
    align-items: center;
    background: #191235;
    border-radius: 16px;
    display: flex;
    flex: 0 0 184px;
    height: 90px;
    justify-content: center;
    overflow: hidden;
    width: 184px
}

.flex7-casino-logo img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width:520px) {
    .flex7-casino-logo {
        flex-basis: auto;
        height: 128px;
        width: 100%
    }
}

.flex7-casino-info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-width: 0;
    width: 200px
}

.flex7-casino-info h2,
.flex7-casino-info p.flex7-h2 {
    color: #fff;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin: 0
}

@media (max-width:520px) {
    .flex7-casino-info {
        width: 100%
    }
}

.flex7-casino-rating {
    align-items: center;
    display: flex;
    gap: 8px
}

.flex7-casino-rating p {
    color: var(--color-grey);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    white-space: nowrap
}

.flex7-casino-rating p b {
    color: #f7c11f;
    font-weight: inherit
}

.flex7-casino-reviews {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 6px;
    line-height: 1;
    min-height: 28px;
    padding: 2px 0;
    text-decoration: none
}

.flex7-casino-reviews span {
    flex: 0 0 24px;
    height: 24px;
    position: relative;
    width: 24px
}

.flex7-casino-reviews span:before {
    border: 2px solid var(--color-secondary);
    border-radius: 2px;
    content: "";
    height: 11px;
    left: 4px;
    position: absolute;
    top: 5px;
    width: 14px
}

.flex7-casino-reviews span:after {
    border-bottom: 2px solid var(--color-secondary);
    border-left: 2px solid var(--color-secondary);
    content: "";
    height: 6px;
    left: 8px;
    position: absolute;
    top: 16px;
    transform: skewX(-18deg);
    width: 6px
}

.flex7-casino-divider {
    background: rgba(216, 214, 226, .1);
    height: 1px;
    width: 100%
}

.flex7-casino-meta {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.flex7-casino-meta .flex7-payments {
    justify-content: center
}

.flex7-casino-meta .flex7-feature-pill {
    min-height: 28px
}

.flex7-casino-bonus {
    background: var(--color-surface-2);
    border: 1px solid #32d16d;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    min-width: 0;
    padding: 12px
}

.flex7-casino-bonus-title {
    align-items: center;
    display: flex;
    gap: 10px;
    width: 100%
}

.flex7-casino-bonus-title img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.flex7-casino-bonus-title p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.flex7-casino-bonus ul {
    background: var(--color-surface-1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 8px
}

.flex7-casino-bonus li {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 20px;
    padding-left: 28px;
    position: relative
}

.flex7-casino-bonus li:before {
    background: rgba(50, 209, 109, .22);
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.flex7-casino-bonus li:after {
    border-bottom: 2px solid #32d16d;
    border-right: 2px solid #32d16d;
    content: "";
    height: 9px;
    left: 7px;
    position: absolute;
    top: 5px;
    transform: rotate(45deg);
    width: 5px
}

.flex7-casino-actions {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    width: 134px
}

@media (max-width:980px) {
    .flex7-casino-actions {
        width: 100%
    }
}

.flex7-casino-register,
.flex7-casino-review {
    align-items: center;
    border-radius: 12px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 1;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap
}

.flex7-casino-register {
    background: var(--color-primary)
}

.flex7-casino-review {
    background: 0 0;
    border: 1px solid var(--color-secondary)
}

.flex7-text-content {
    align-items: flex-start;
    color: var(--color-grey);
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.flex7-text-content,
.flex7-text-content h2,
.flex7-text-content h3,
.flex7-text-content li,
.flex7-text-content p,
.flex7-text-content p.flex7-h2 {
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0
}

.flex7-text-content h2,
.flex7-text-content p.flex7-h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
    margin: 0
}

.flex7-text-content h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin: 0
}

.flex7-text-content p {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.flex7-text-content ol,
.flex7-text-content ul {
    margin: 0;
    padding: 0
}

.flex7-text-content ul {
    list-style: disc;
    padding-left: 24px
}

.flex7-text-content ul li {
    padding-left: 0
}

.flex7-text-content table {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: var(--color-surface-1);
    border-collapse: separate;
    border-radius: 24px;
    border-spacing: 0;
    overflow: hidden;
    width: 100%
}

.flex7-text-content thead {
    background: var(--color-primary)
}

.flex7-text-content tbody tr:nth-child(2n) {
    background: var(--color-surface-2)
}

.flex7-text-content tbody tr:nth-child(odd) {
    background: var(--color-surface-1)
}

.flex7-text-content td,
.flex7-text-content th {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 0;
    color: #fff;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    padding: 8px 16px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap
}

.flex7-text-content th {
    font-weight: 600;
    text-transform: uppercase
}

.flex7-text-content td {
    font-weight: 400
}

.flex7-text-content td:nth-child(2) {
    font-weight: 600
}

@media (max-width:760px) {
    .flex7-text-content {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }

    .flex7-text-content table {
        display: table;
        min-width: 100%;
        overflow: hidden;
        width: 100%
    }

    .flex7-text-content td,
    .flex7-text-content th {
        min-width: 180px
    }
}

.flex7-text-content li:after,
.flex7-text-content li:before {
    content: none
}

@media (max-width:760px) {
    .flex7-text-content {
        gap: 12px
    }

    .flex7-text-content h2,
    .flex7-text-content p.flex7-h2 {
        font-size: 22px
    }

    .flex7-text-content h3 {
        font-size: 17px
    }
}

.flex7-text-group {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.flex7-text-group>h2.flex7-h2 {
    margin: 0
}

.flex7-text-flow {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.flex7-text-group-small {
    gap: 12px
}

.flex7-text-list {
    counter-reset: flex7-text-counter;
    gap: 12px;
    list-style: none
}

.flex7-text-list,
.flex7-text-list li {
    display: flex;
    flex-direction: column;
    width: 100%
}

.flex7-text-list li {
    counter-increment: flex7-text-counter;
    gap: 4px
}

.flex7-text-list li h3 {
    padding-left: 24px;
    position: relative
}

.flex7-text-list li h3:before {
    color: inherit;
    content: counter(flex7-text-counter) ".";
    font: inherit;
    left: 0;
    position: absolute;
    top: 0
}

.flex7-offer-panel {
    align-items: flex-start;
    background-color: #343434;
    background-repeat: no-repeat;
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    font-family: IBM Plex Sans, sans-serif;
    overflow: hidden;
    padding: 40px;
    width: 100%
}

@media (max-width:900px) {
    .flex7-offer-panel {
        border-radius: 18px;
        flex-direction: column;
        min-height: 0;
        padding: 28px 18px
    }
}

.flex7-offer-brand {
    align-items: stretch;
    background: var(--color-primary);
    border-radius: 16px;
    display: flex;
    flex: 0 0 208px;
    flex-direction: column;
    overflow: hidden;
    width: 208px
}

@media (max-width:900px) {
    .flex7-offer-brand {
        flex-basis: auto
    }
}

@media (max-width:420px) {
    .flex7-offer-brand {
        width: 100%
    }
}

.flex7-offer-brand-label {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 24px;
    padding: 0 12px
}

.flex7-offer-brand-label span {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    gap: 4px;
    line-height: 1;
    position: relative;
    text-transform: uppercase
}

.flex7-offer-brand-label span:before {
    background: #fff;
    clip-path: polygon(50% 0, 61% 25%, 88% 12%, 75% 39%, 100% 50%, 75% 61%, 88% 88%, 61% 75%, 50% 100%, 39% 75%, 12% 88%, 25% 61%, 0 50%, 25% 39%, 12% 12%, 39% 25%);
    content: "";
    height: 18px;
    width: 18px
}

.flex7-offer-brand-label span:after {
    color: var(--color-primary-solid);
    content: "NEW";
    font-size: 5px;
    font-weight: 700;
    left: 3px;
    line-height: 1;
    position: absolute;
    top: 7px
}

.flex7-offer-brand-logo {
    align-items: center;
    background: #191235;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    margin: 0 2px 2px;
    min-height: 204px;
    overflow: hidden
}

.flex7-offer-brand-logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.flex7-offer-content {
    flex: 1 1 auto;
    gap: 24px;
    min-width: 0
}

.flex7-offer-content,
.flex7-offer-copy {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.flex7-offer-copy {
    gap: 12px;
    max-width: 520px
}

.flex7-offer-copy>span {
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase
}

.flex7-offer-copy h2,
.flex7-offer-copy p.flex7-h2 {
    color: #fff;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0
}

.flex7-offer-copy>p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
    max-width: 450px
}

@media (max-width:560px) {

    .flex7-offer-copy h2,
    .flex7-offer-copy p.flex7-h2 {
        font-size: 28px
    }
}

.flex7-offer-bonus {
    align-items: stretch;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: rgba(6, 6, 6, .2);
    border: 1px solid #32d16d;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px
}

.flex7-offer-bonus-title {
    align-items: center;
    display: flex;
    gap: 10px
}

.flex7-offer-bonus-title img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.flex7-offer-bonus-title p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    white-space: nowrap
}

@media (max-width:520px) {
    .flex7-offer-bonus-title p {
        white-space: normal
    }
}

.flex7-offer-bonus ul {
    background: rgba(6, 6, 6, .2);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 8px
}

.flex7-offer-bonus li {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    min-height: 24px;
    padding-left: 32px;
    position: relative;
    white-space: nowrap
}

.flex7-offer-bonus li:before {
    background: rgba(50, 209, 109, .22);
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 20px
}

.flex7-offer-bonus li:after {
    border-bottom: 2px solid #32d16d;
    border-right: 2px solid #32d16d;
    content: "";
    height: 9px;
    left: 7px;
    position: absolute;
    top: 7px;
    transform: rotate(45deg);
    width: 5px
}

@media (max-width:520px) {
    .flex7-offer-bonus li {
        line-height: 1.35;
        white-space: normal
    }
}

.flex7-offer-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%
}

.flex7-offer-code {
    align-items: center;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    gap: 16px;
    height: 48px;
    justify-content: center;
    padding: 6px 6px 6px 16px
}

.flex7-offer-code span {
    color: var(--color-surface-1);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap
}

.flex7-offer-code button {
    align-self: stretch;
    background: var(--color-primary);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    padding: 10px 16px 12px;
    white-space: nowrap
}

@media (max-width:560px) {
    .flex7-offer-code {
        width: 100%
    }

    .flex7-offer-code span {
        flex: 1
    }
}

.flex7-offer-play {
    align-items: center;
    background: var(--color-primary);
    border-radius: 12px;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    gap: 12px;
    height: 48px;
    justify-content: center;
    padding: 8px 16px 8px 8px;
    text-decoration: none
}

.flex7-offer-play img {
    border-radius: 6px;
    flex: 0 0 32px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px
}

.flex7-offer-play span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap
}

@media (max-width:560px) {
    .flex7-offer-play {
        width: 100%
    }
}

.flex7-media-slider {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: IBM Plex Sans, sans-serif;
    gap: 24px;
    justify-content: center;
    width: 100%
}

.flex7-media-slider-stage {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    width: 100%
}

@media (max-width:760px) {
    .flex7-media-slider-stage {
        gap: 12px;
        grid-template-columns: 1fr
    }
}

.flex7-media-slider-stage figure {
    aspect-ratio: 1456/816;
    background: var(--color-surface-2);
    border-radius: 24px;
    grid-column: 2;
    margin: 0;
    overflow: hidden;
    width: 100%
}

.flex7-media-slider-stage figure img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width:760px) {
    .flex7-media-slider-stage figure {
        border-radius: 18px;
        grid-column: 1;
        order: 1
    }
}

.flex7-media-slider-control {
    align-items: center;
    border: 0;
    border-radius: 64px;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    position: relative;
    width: 44px
}

.flex7-media-slider-control img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.flex7-media-slider-control.is-prev {
    background: var(--color-primary)
}

.flex7-media-slider-control.is-prev img {
    transform: scaleX(-1)
}

.flex7-media-slider-control.is-next {
    background: var(--color-surface-2)
}

@media (max-width:760px) {
    .flex7-media-slider-control {
        margin-top: calc(28vw - 8.4px);
        position: absolute;
        z-index: 2
    }

    .flex7-media-slider-control.is-prev {
        left: 18px
    }

    .flex7-media-slider-control.is-next {
        right: 18px
    }
}

.flex7-media-slider>p {
    color: var(--color-grey);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin: -16px 0 0;
    min-height: 31px;
    width: 100%
}

@media (max-width:760px) {
    .flex7-media-slider>p {
        margin-top: 0
    }
}

.flex7-media-slider-thumbs {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: center;
    width: min(597px, 100%)
}

.flex7-media-slider-thumbs button {
    aspect-ratio: 1456/816;
    background: var(--color-surface-2);
    border: 0;
    border-radius: 16px;
    cursor: pointer;
    display: block;
    flex: 1 1 0;
    min-width: 0;
    opacity: .72;
    outline: 2px solid transparent;
    outline-offset: 2px;
    overflow: hidden;
    padding: 0;
    transition: opacity .2s ease, outline-color .2s ease
}

.flex7-media-slider-thumbs button.is-active,
.flex7-media-slider-thumbs button:hover {
    opacity: 1;
    outline-color: var(--color-primary-solid)
}

.flex7-media-slider-thumbs button img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width:560px) {
    .flex7-media-slider-thumbs {
        gap: 8px
    }
}

.flex7-top-list {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.flex7-row-card {
    align-items: center;
    background: var(--color-surface-2);
    border-radius: 20px;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(240px, 1.2fr) 100px minmax(220px, .9fr) 180px;
    min-height: 120px;
    padding: 18px
}

@media (max-width:900px) {
    .flex7-row-card {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:560px) {
    .flex7-row-card {
        grid-template-columns: 1fr
    }
}

.flex7-row-brand {
    align-items: center;
    display: flex;
    gap: 14px
}

.flex7-row-brand img {
    background: var(--color-background);
    border-radius: 14px;
    height: 58px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 84px
}

.flex7-row-brand span {
    color: var(--color-grey);
    font-size: 14px
}

.flex7-row-bonus,
.flex7-row-meta {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.flex7-row-bonus strong,
.flex7-row-meta strong {
    color: #fff;
    font-size: 22px;
    line-height: 1
}

.flex7-row-bonus span,
.flex7-row-meta span {
    color: var(--color-grey);
    font-size: 14px;
    line-height: 1.2
}

.flex7-row-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr
}

.flex7-row-actions .flex7-btn {
    min-height: 42px
}

.flex7-games,
.flex7-review-grid,
.flex7-slider-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (max-width:820px) {

    .flex7-games,
    .flex7-review-grid,
    .flex7-slider-grid {
        grid-template-columns: 1fr
    }
}

.flex7-review-grid article,
.flex7-slider-grid article {
    background: var(--color-surface-2);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 220px;
    padding: 24px
}

.flex7-review-grid article span,
.flex7-slider-grid article span {
    color: var(--color-grey)
}

.flex7-review-grid article strong,
.flex7-slider-grid article strong {
    color: #fff
}

.flex7-pros-cons {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: IBM Plex Sans, sans-serif;
    justify-content: center;
    width: 100%
}

.flex7-pros-cons-grid {
    align-items: start;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%
}

@media (max-width:760px) {
    .flex7-pros-cons-grid {
        grid-template-columns: 1fr
    }
}

.flex7-pros-cons-card {
    align-items: flex-start;
    background: var(--color-surface-1);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.flex7-pros-cons-card h3 {
    box-sizing: border-box;
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
    width: 100%
}

.flex7-pros-cons-card ul {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 0 16px
}

.flex7-pros-cons-card li {
    align-items: center;
    display: flex;
    font-family: IBM Plex Sans, sans-serif;
    letter-spacing: 0;
    line-height: normal;
    padding-left: 32px;
    position: relative
}

.flex7-pros-cons-card li:after,
.flex7-pros-cons-card li:before {
    content: "";
    display: block;
    position: absolute
}

.flex7-pros-cons-card li:before {
    border: 1px solid var(--flex7-pros-cons-color);
    border-radius: 6px;
    height: 22px;
    left: 0;
    top: 0;
    width: 22px
}

.flex7-pros-cons-card li:after {
    background: var(--flex7-pros-cons-color);
    height: 12px;
    left: 6px;
    top: 6px;
    width: 12px
}

.flex7-pros-cons-card.is-pros {
    --flex7-pros-cons-color: #32d16d
}

.flex7-pros-cons-card.is-pros h3 {
    background: linear-gradient(90deg, #32d16d, #22b26c)
}

.flex7-pros-cons-card.is-pros li:before {
    background: url(/assets/images/flex7/pros-plus.svg) 50%/contain no-repeat;
    border: 0;
    border-radius: 0;
    height: 24px;
    width: 24px
}

.flex7-pros-cons-card.is-pros li:after {
    content: none
}

.flex7-pros-cons-card.is-cons {
    --flex7-pros-cons-color: #eb355d
}

.flex7-pros-cons-card.is-cons h3 {
    background: linear-gradient(90deg, #eb355d, #d92935)
}

.flex7-pros-cons-card.is-cons li:before {
    background: url(/assets/images/flex7/cons-minus.svg) 50%/contain no-repeat;
    border: 0;
    border-radius: 0;
    height: 24px;
    width: 24px
}

.flex7-pros-cons-card.is-cons li:after {
    content: none
}

@media (max-width:760px) {
    .flex7-pros-cons-card {
        border-radius: 18px
    }
}

.flex7-faq {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.flex7-faq-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%
}

@media (max-width:760px) {
    .flex7-faq-grid {
        grid-template-columns: 1fr
    }
}

.flex7-faq-column {
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%
}

.flex7-faq-item {
    background: var(--color-surface-1);
    border-radius: 16px
}

.flex7-faq-item.is-open {
    background: var(--color-surface-2);
    border-radius: 24px
}

.flex7-faq-question {
    align-items: center;
    background: 0 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    gap: 16px;
    width: 100%
}

.flex7-faq-question span {
    color: #fff;
    flex: 1 1 auto;
    min-width: 0;
    text-align: left
}

.flex7-faq-question img {
    flex: 0 0 24px;
    height: 24px;
    transform: rotate(180deg);
    transition: transform .2s ease;
    width: 24px
}

.flex7-faq-answer {
    align-items: center;
    display: none;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    width: 100%
}

.flex7-faq-answer p {
    color: var(--color-grey);
    flex: 1 1 auto;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 0
}

.flex7-comparison-table {
    width: 100%
}

.flex7-comparison-table-wrap {
    border-radius: 24px;
    overflow-x: auto;
    width: 100%
}

.flex7-comparison-table-wrap table {
    border-collapse: separate;
    border-radius: 24px;
    border-spacing: 0;
    min-width: 666px;
    overflow: hidden;
    width: 100%
}

.flex7-comparison-table-wrap thead {
    background: var(--color-primary)
}

.flex7-comparison-table-wrap tr:nth-child(odd) td {
    background: var(--color-surface-1)
}

.flex7-comparison-table-wrap tr:nth-child(2n) td {
    background: var(--color-surface-2)
}

.flex7-comparison-table-wrap td,
.flex7-comparison-table-wrap th {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 0;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    padding: 8px 16px;
    text-align: left;
    white-space: nowrap;
    width: 33.333%
}

.flex7-comparison-table-wrap strong,
.flex7-comparison-table-wrap th {
    font-weight: 600;
    text-transform: uppercase
}

.flex7-comparison-table-wrap td {
    font-weight: 400
}

@media (max-width:760px) {

    .flex7-comparison-table-wrap,
    .flex7-comparison-table-wrap table {
        border-radius: 18px
    }
}

.flex7-two-column-text {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%
}

.flex7-two-column-text article {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0
}

.flex7-two-column-text h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin: 0
}

.flex7-two-column-text p {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

@media (max-width:760px) {
    .flex7-two-column-text {
        grid-template-columns: 1fr
    }
}

.flex7-games-section {
    display: flex;
    flex-direction: column;
    width: 100%
}

.flex7-games-section h2,
.flex7-games-section p.flex7-h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    width: 100%
}

.flex7-games {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%
}

@media (max-width:980px) {
    .flex7-games {
        grid-template-columns: 1fr
    }
}

.flex7-game-card {
    background: var(--color-surface-1);
    border-radius: 24px
}

.flex7-game-card-media {
    align-items: flex-end;
    aspect-ratio: 308/151;
    background: #191235;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.flex7-game-card-media>img {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.flex7-game-card-media:after {
    background: linear-gradient(0deg, #000, rgba(0, 0, 0, .71) 36.5%, transparent);
    content: "";
    height: 72px;
    inset: auto 0 0;
    position: absolute
}

.flex7-game-card-media strong {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 0;
    justify-content: center;
    line-height: normal;
    min-height: 72px;
    padding: 16px 4px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.flex7-game-card-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px
}

.flex7-game-card-code {
    align-items: center;
    background: var(--color-surface-2);
    border: 1px solid var(--color-surface-3);
    border-radius: 12px;
    display: flex;
    gap: 16px;
    height: 48px;
    justify-content: center;
    padding: 6px 6px 6px 16px
}

.flex7-game-card-code span {
    flex: 1 1 auto;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.flex7-game-card-code button,
.flex7-game-card-code span {
    color: #fff;
    font-size: 16px;
    line-height: normal;
    white-space: nowrap
}

.flex7-game-card-code button {
    align-items: center;
    background: var(--color-primary);
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    min-width: 137px;
    padding: 10px 16px 12px
}

.flex7-game-card-actions {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.flex7-game-card-demo,
.flex7-game-card-play {
    align-items: center;
    border-radius: 12px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 12px;
    height: 48px;
    justify-content: center;
    line-height: normal;
    padding: 12px 16px 12px 8px;
    text-decoration: none;
    white-space: nowrap
}

.flex7-game-card-demo img,
.flex7-game-card-play img {
    border-radius: 6px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px
}

.flex7-game-card-play {
    background: var(--color-primary)
}

.flex7-game-card-demo {
    background: #fff;
    color: var(--color-background)
}

.flex7-auditor-quote {
    background: var(--color-surface-1);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px
}

.flex7-auditor-quote-text {
    align-items: flex-end;
    background: var(--color-surface-2);
    border-radius: 16px;
    box-shadow: inset 0 0 10px hsla(0, 0%, 100%, .9);
    display: flex;
    gap: 16px;
    padding: 16px;
    position: relative
}

.flex7-auditor-quote-text p {
    color: #fff;
    flex: 1 1 auto;
    font-size: 18px;
    font-style: italic;
    line-height: normal;
    margin: 0
}

.flex7-quote-mark {
    flex: 0 0 auto;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 40px
}

.flex7-quote-mark.is-closing {
    transform: scaleX(-1)
}

.flex7-auditor-quote-footer {
    align-items: center;
    display: flex;
    gap: 16px;
    width: 100%
}

@media (max-width:650px) {
    .flex7-auditor-quote-footer {
        align-items: flex-start;
        flex-direction: column
    }
}

.flex7-auditor-person {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 12px;
    min-width: 0
}

.flex7-auditor-person>img {
    background: #fff;
    border-radius: 8px;
    height: 49px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 49px
}

.flex7-auditor-person p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 4px
}

.flex7-auditor-person p span {
    color: var(--color-grey)
}

.flex7-auditor-person p strong {
    font-weight: 600
}

.flex7-auditor-person a {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    gap: 6px;
    line-height: normal;
    text-decoration: none
}

.flex7-auditor-person a img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.flex7-auditor-logo {
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 105px
}

.flex7-warning {
    align-items: flex-start;
    background: linear-gradient(90deg, #eb4135, #d94729);
    border-radius: 24px;
    display: flex;
    gap: 16px;
    padding: 16px
}

.flex7-warning p {
    color: #fff;
    flex: 1 1 auto;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.flex7-warning-icon {
    flex: 0 0 40px;
    height: 40px;
    width: 40px
}

.flex7-responsible-icon,
.flex7-warning-icon {
    -o-object-fit: contain;
    object-fit: contain
}

.flex7-reviews {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.flex7-reviews h2,
.flex7-reviews p.flex7-h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    width: 100%
}

.flex7-reviews-list {
    gap: 8px
}

.flex7-review-card,
.flex7-reviews-list {
    display: flex;
    flex-direction: column;
    width: 100%
}

.flex7-review-card {
    background: var(--color-surface-1);
    border-radius: 24px;
    gap: 16px
}

.flex7-review-card.is-reply {
    border-radius: 12px 24px 24px 12px
}

.flex7-review-card>p {
    line-height: normal;
    margin: 0
}

.flex7-review-head {
    align-items: center;
    display: flex;
    width: 100%
}

@media (max-width:760px) {
    .flex7-review-head {
        align-items: flex-start;
        flex-direction: column
    }
}

.flex7-review-author {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    min-width: 0
}

.flex7-review-author img {
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.flex7-review-author strong {
    color: #fff;
    display: block
}

.flex7-review-author span {
    color: var(--color-grey);
    display: block
}

.flex7-review-rating {
    align-items: center;
    color: #fff;
    display: flex;
    flex: 0 0 auto
}

.flex7-stars {
    gap: 0
}

.flex7-stars,
.flex7-stars span {
    align-items: center;
    display: inline-flex
}

.flex7-stars span {
    background: 0 0;
    font-size: 17px;
    height: 24px;
    justify-content: center;
    line-height: 1;
    width: 24px
}

.flex7-stars span:before {
    background: url(/assets/images/flex7/star.svg) 50%/contain no-repeat;
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

.flex7-stars span.is-filled:before {
    background-image: url(/assets/images/flex7/star-filled.svg)
}

.flex7-rating-star {
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: 17px;
    height: 24px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    transition: transform .15s ease;
    width: 24px
}

.flex7-rating-star:before {
    background: url(/assets/images/flex7/star.svg) 50%/contain no-repeat;
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

.flex7-rating-star.is-filled:before,
.flex7-rating-star.is-hovered:before {
    background-image: url(/assets/images/flex7/star-filled.svg)
}

.flex7-rating-star:focus-visible,
.flex7-rating-star:hover {
    transform: translateY(-1px)
}

.flex7-rating-star:focus-visible:before,
.flex7-rating-star:hover:before {
    background-image: url(/assets/images/flex7/star-filled.svg)
}

.flex7-rating-star:focus-visible {
    border-radius: 4px;
    outline: 2px solid rgba(244, 197, 10, .55);
    outline-offset: 2px
}

.flex7-review-reply {
    align-items: center;
    align-self: flex-end;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: normal
}

.flex7-review-form {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 48px;
    width: min(700px, 100%)
}

.flex7-review-form h3 {
    color: #fff;
    margin: 0
}

.flex7-review-form input,
.flex7-review-form textarea {
    background: var(--color-surface-1);
    border: 1px solid var(--color-surface-3);
    color: #fff;
    line-height: normal;
    outline: 0;
    width: 100%
}

.flex7-review-form input::-moz-placeholder,
.flex7-review-form textarea::-moz-placeholder {
    color: var(--color-grey)
}

.flex7-review-form input::placeholder,
.flex7-review-form textarea::placeholder {
    color: var(--color-grey)
}

.flex7-review-form input {
    border-radius: 12px;
    min-height: 48px;
    padding: 12px 16px
}

.flex7-review-form textarea {
    border-radius: 16px;
    height: 104px;
    min-height: 104px;
    padding: 12px 16px;
    resize: vertical
}

.flex7-review-form-bottom,
.flex7-review-form-row {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%
}

@media (max-width:760px) {

    .flex7-review-form-bottom,
    .flex7-review-form-row {
        grid-template-columns: 1fr
    }
}

.flex7-review-form-rating {
    align-items: center;
    color: #fff;
    display: flex;
    line-height: normal
}

.flex7-review-form-hint {
    color: var(--color-grey);
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-top: -16px;
    width: 100%
}

.flex7-review-form-bottom p {
    color: #fff;
    font-style: italic;
    margin: 0
}

.flex7-review-form-bottom p span {
    color: #32d16d
}

.flex7-review-form-bottom button {
    align-items: center;
    background: var(--color-primary);
    border: 0;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    gap: 8px;
    justify-content: center;
    line-height: normal;
    padding: 12px 16px;
    transition: opacity .2s ease, filter .2s ease
}

.flex7-review-form-bottom button:disabled {
    cursor: not-allowed;
    filter: grayscale(.35);
    opacity: .45
}

.flex7-review-form-status {
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    margin: -8px 0 0;
    padding: 12px 16px;
    text-align: center;
    width: 100%
}

.flex7-review-form-status[hidden] {
    display: none
}

.flex7-review-form-status.is-success {
    background: rgba(50, 209, 109, .14);
    border: 1px solid rgba(50, 209, 109, .34);
    color: #65e48d
}

.flex7-review-form-status.is-error {
    background: rgba(255, 90, 90, .14);
    border: 1px solid rgba(255, 90, 90, .36);
    color: #ff9b9b
}

.flex7-responsible-card {
    background: var(--color-surface-1);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.flex7-responsible-card-intro {
    align-items: center;
    display: flex;
    width: 100%
}

.flex7-responsible-card-intro p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.flex7-responsible-card-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.flex7-responsible-card-list article {
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

.flex7-responsible-card-list h3 {
    font-weight: 600;
    line-height: normal;
    margin: 0
}

.flex7-responsible-card-list p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

@media (max-width:900px) {
    .flex7-responsible-card-list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:620px) {
    .flex7-responsible-card-list {
        grid-template-columns: 1fr;
        padding-left: 0
    }
}

.flex7-responsible-logo {
    align-items: center;
    display: flex;
    min-height: 40px
}

.flex7-responsible-logo img {
    max-height: 40px;
    max-width: 124px;
    -o-object-fit: contain;
    object-fit: contain
}

.flex7-responsible-logo strong {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1
}

.flex7-responsible-logo strong span {
    color: hsla(0, 0%, 100%, .5)
}

.flex7-author-section {
    display: flex;
    flex-direction: column;
    width: 100%
}

.flex7-author-section h2,
.flex7-author-section p.flex7-h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    width: 100%
}

.flex7-author-card {
    background: var(--color-surface-2);
    border: 1px solid var(--color-primary-solid);
    border-radius: 24px;
    display: flex;
    flex-direction: column
}

.flex7-author-main {
    align-items: flex-start;
    display: flex
}

@media (max-width:760px) {
    .flex7-author-main {
        flex-direction: column
    }
}

.flex7-author-side {
    align-items: center;
    display: flex;
    flex: 0 0 136px;
    flex-direction: column
}

.flex7-author-side img {
    background: #fff;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover
}

.flex7-author-side>span {
    color: var(--color-grey);
    font-style: italic
}

@media (max-width:760px) {
    .flex7-author-side {
        align-items: flex-start;
        flex-basis: auto;
        width: 100%
    }

    .flex7-author-side img {
        width: 112px
    }
}

.flex7-author-social {
    align-items: center;
    display: flex
}

.flex7-author-social a {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    width: 24px
}

.flex7-author-social a img {
    aspect-ratio: auto;
    background: 0 0;
    border-radius: 0;
    display: block;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.flex7-author-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0
}

.flex7-author-content h3 {
    font-weight: 700;
    margin: 0 0 2px
}

.flex7-author-content span {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 500;
    line-height: normal
}

.flex7-author-content p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.flex7-author-button {
    align-items: center;
    border-radius: 12px;
    color: var(--color-surface-1);
    display: flex;
    font-weight: 500;
    gap: 12px;
    justify-content: center;
    line-height: normal;
    text-decoration: none;
    width: 100%
}

.flex7-author-button img {
    flex: 0 0 auto;
    height: 24px;
    width: 24px
}

.flex7-author-check {
    align-items: flex-start;
    background: var(--color-surface-1);
    display: flex
}

.flex7-author-check p {
    color: var(--color-grey)
}

.flex7-author-check p:first-child {
    margin-bottom: 12px
}

.flex7-author-check p span {
    color: var(--color-primary-solid)
}

.flex7-author-check p .flex7-author-check-icon {
    display: inline-block;
    height: 24px;
    margin-right: 8px;
    vertical-align: -6px;
    width: 24px
}

.flex7-author-check p a {
    color: #fff;
    font-weight: 500
}

.flex7-author-check img {
    flex: 0 0 auto;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 105px
}

@media (max-width:760px) {
    .flex7-author-check {
        flex-direction: column
    }
}

body {
    background: #0c1213;
    display: block;
    font-family: Inter, sans-serif
}

a,
b,
h1,
h2,
h3,
h4,
h5,
h6,
i,
ol,
p,
ul {
    font-family: Inter, sans-serif;
    letter-spacing: 0
}

.topbar {
    background: #0c1213;
    gap: 12px;
    padding: 16px 16px 8px;
    position: relative
}

.topbar .header {
    max-width: 1408px
}

.topbar .header .header-logo {
    flex-basis: 139px;
    height: 50px;
    width: 139px
}

.topbar .header .header-logo .header-logo-frame {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    width: 100%
}

.topbar .header .header-logo img {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    width: auto
}

.topbar .header .header-actions {
    flex: 0 1 986px;
    gap: 16px;
    max-width: calc(100% - 155px);
    width: 986px
}

.topbar .header .header-bonus,
.topbar .header .header-promocode,
.topbar .header .header-signup {
    border-radius: 64px;
    font-family: Inter, sans-serif;
    height: 48px;
    min-height: 48px
}

.topbar .header .header-bonus {
    background: 0 0;
    flex: 0 0 462px;
    gap: 0;
    overflow: visible;
    padding: 0;
    width: 462px
}

.topbar .header .header-bonus .header-bonus-image {
    align-self: center;
    background: #233437;
    border-radius: 50%;
    flex-basis: 48px;
    height: 48px;
    margin-right: 2px;
    overflow: hidden;
    width: 48px
}

.topbar .header .header-bonus .header-bonus-image img {
    -o-object-fit: contain;
    object-fit: contain
}

.topbar .header .header-bonus .header-bonus-text {
    align-items: center;
    background: #233437;
    border-radius: 64px 64px 64px 64px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 412px;
    gap: 6px;
    height: 48px;
    justify-content: center;
    min-height: 48px;
    padding: 6px;
    width: 412px
}

.topbar .header .header-bonus .header-bonus-copy {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    min-width: 0;
    text-align: center;
    width: 247px
}

.topbar .header .header-bonus .header-claim {
    align-self: center;
    background: #32d177;
    border-radius: 64px 64px 64px 64px;
    box-sizing: border-box;
    flex: 0 0 147px;
    height: 36px;
    min-height: 36px;
    padding: 0 12px 0 8px;
    width: 147px
}

.topbar .header .header-promocode {
    background: #182325;
    border: 1px solid #304a4e;
    box-sizing: border-box;
    flex: 0 0 282px;
    padding: 6px 6px 6px 16px;
    width: 282px
}

.topbar .header .header-promocode button {
    align-self: center;
    background: linear-gradient(90deg, #55e6ff, #0390a9);
    border-radius: 64px;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 1.2;
    margin-left: auto;
    padding-bottom: 0;
    padding-top: 0
}

.topbar .header .header-signup {
    background: linear-gradient(90deg, #b92efe, #1473ff 50%, #70f);
    box-shadow: none;
    flex: 0 0 210px;
    min-width: 210px;
    padding: 8px 16px 8px 12px;
    width: 210px
}

.topbar>.hero-nav {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(6, 6, 6, .1);
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 40px;
    gap: 12px;
    height: 48px;
    margin: 0;
    max-width: 1408px;
    min-height: 48px;
    padding: 6px;
    width: 100%
}

.topbar>.hero-nav a {
    border-radius: 40px;
    gap: 4px;
    min-height: 32px;
    padding: 6px 8px 6px 12px
}

.topbar>.hero-nav a span {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    line-height: 1.4
}

.topbar>.hero-nav a img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.topbar>.hero-nav a.active {
    background: #182325
}

.topbar .header-breadcrumbs {
    margin: 0;
    max-width: 1408px;
    min-height: 24px;
    padding: 0;
    width: 100%
}

.topbar .header-breadcrumbs a,
.topbar .header-breadcrumbs span {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 24px
}

.topbar .header-breadcrumbs span:last-child {
    color: #fff
}

.topbar .header-breadcrumbs ul {
    align-items: center;
    display: flex;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

.topbar .header-breadcrumbs .breadcrumb-link {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 24px;
    min-height: 24px
}

.topbar .header-breadcrumbs .breadcrumb-link:not(:last-child) {
    color: #eaf9ff
}

.topbar .header-breadcrumbs .breadcrumb-link a {
    color: inherit;
    text-decoration: none
}

.topbar .header-breadcrumbs .arrow {
    display: block;
    height: 24px;
    margin: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.topbar .header-breadcrumbs>span[aria-hidden=true] {
    align-items: center;
    background: url(/assets/images/flex7/header-breadcrumb-arrow.svg) 50%/24px 24px no-repeat;
    color: transparent;
    display: flex;
    font-size: 0;
    height: 24px;
    justify-content: center;
    overflow: hidden;
    transform: rotate(-90deg);
    width: 24px
}

.topbar-menu-sticky {
    box-sizing: border-box;
    padding: 12px 16px 8px;
    position: sticky;
    top: 0;
    z-index: 90
}

.topbar-menu-sticky .hero-nav {
    align-items: flex-start;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(6, 6, 6, .1);
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 40px;
    box-sizing: border-box;
    display: flex;
    gap: 12px;
    height: 48px;
    margin: 0 auto;
    min-height: 57px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 6px;
    scrollbar-width: thin;
    width: min(1408px, 100%)
}

.topbar-menu-sticky .hero-nav a {
    align-items: center;
    border-radius: 40px;
    display: flex;
    gap: 4px;
    justify-content: center;
    min-height: 32px;
    padding: 6px 8px 6px 12px;
    text-decoration: none;
    white-space: nowrap
}

.topbar-menu-sticky .hero-nav a span {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    line-height: 1.4
}

.topbar-menu-sticky .hero-nav a img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.topbar-menu-sticky .hero-nav a.active {
    background: #182325
}

.topbar-breadcrumbs {
    background: #0c1213;
    box-sizing: border-box;
    padding: 12px 16px 0
}

.topbar-breadcrumbs .header-breadcrumbs {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto;
    width: min(1408px, 100%)
}

.topbar-breadcrumbs .header-breadcrumbs ul {
    align-items: center;
    display: flex;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

.topbar-breadcrumbs .header-breadcrumbs .breadcrumb-link {
    align-items: center;
    color: #fff;
    display: flex;
    min-height: 24px
}

.topbar-breadcrumbs .header-breadcrumbs .breadcrumb-link:not(:last-child) {
    color: #eaf9ff
}

.topbar-breadcrumbs .header-breadcrumbs .breadcrumb-link a {
    color: inherit;
    text-decoration: none
}

.topbar-breadcrumbs .header-breadcrumbs .arrow {
    display: block;
    flex: 0 0 24px;
    height: 24px;
    margin: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.container,
.container.has-header-breadcrumbs,
.container.has-header-nav {
    box-sizing: border-box;
    padding: 0 16px 16px;
    width: 100%
}

.box {
    margin: 0 auto;
    max-width: 1408px;
    padding: 0;
    position: relative;
    width: min(1408px, 100%)
}

.box>* {
    margin-bottom: 64px
}

.hero-panel {
    align-items: flex-start;
    background-color: var(--color-background);
    background-image: var(--color-gradient-banner-desktop), var(--hero-background-image, url("/assets/images/flex7/hero-banner.png"));
    background-position: 50%;
    background-size: cover;
    border-radius: 16px;
    font-family: Inter, sans-serif;
    gap: 40px;
    margin: 0 auto 16px;
    max-width: 1408px;
    min-height: 464px;
    padding: 64px 580px 40px 64px;
    width: 100%
}

.hero-panel .hero-top {
    align-items: flex-start;
    max-width: 100%;
    width: 735px
}

.hero-panel .hero-staff {
    border-radius: 64px;
    min-height: 32px;
    padding: 4px 8px;
    width: 100%
}

.hero-panel .hero-staff,
.hero-panel .hero-staff b,
.hero-panel .hero-staff span {
    font-family: Inter, sans-serif
}

.hero-panel .hero-staff .hero-updated {
    align-items: center;
    display: inline-flex;
    gap: 4px
}

.hero-panel .hero-staff .hero-updated img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.hero-panel .hero-copy {
    align-items: flex-start;
    text-align: left;
    text-shadow: none;
    width: 100%
}

.hero-panel .hero-copy h1 {
    font-family: Inter, sans-serif;
    font-size: 70px;
    font-weight: 500;
    line-height: .96
}

.hero-panel .hero-copy p {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    width: 100%
}

.hero-panel .hero-actions {
    align-items: flex-start;
    gap: 0;
    width: auto
}

.hero-panel .hero-buttons {
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: flex-start
}

.hero-panel .hero-btn {
    border-radius: 64px;
    height: 48px;
    padding: 12px 12px 12px 16px
}

.hero-panel .hero-btn img {
    height: 24px;
    width: 24px
}

.flex7-responsible-card {
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 16px;
    gap: 24px;
    min-height: 0;
    padding: 16px 16px 24px
}

.flex7-responsible-card-intro {
    align-items: flex-start;
    gap: 16px
}

.flex7-responsible-icon {
    flex: 0 0 40px;
    height: 40px;
    width: 40px
}

.flex7-responsible-card-copy {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

.flex7-responsible-card-copy .flex7-responsible-card-title,
.flex7-responsible-card-copy>p {
    color: #fff;
    font-family: Inter, sans-serif;
    letter-spacing: 0;
    margin: 0;
    width: 100%
}

.flex7-responsible-card-copy .flex7-responsible-card-title {
    font-size: 18px;
    font-weight: 500;
    line-height: normal
}

.flex7-responsible-card-copy>p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.flex7-responsible-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-left: 56px;
    width: 100%
}

.flex7-responsible-card-list article {
    align-items: center;
    background: #182325;
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 64px;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    min-height: 58px;
    padding: 8px 16px
}

.flex7-responsible-card-list .flex7-responsible-logo {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 40px
}

.flex7-responsible-card-list .flex7-responsible-logo img {
    display: block;
    height: auto;
    max-height: 40px;
    max-width: 124px;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.flex7-responsible-card-list h3 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4
}

@media (max-width:620px) {
    .flex7-responsible-card-list {
        padding-left: 0
    }
}

.flex7-author-section {
    align-items: start
}

.flex7-author-section>.flex7-h2 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2
}

.flex7-author-card {
    background: #182325;
    border: 1px solid #55e6ff;
    border-radius: 16px;
    gap: 16px;
    min-height: 0;
    padding: 16px
}

.flex7-author-main {
    gap: 16px
}

.flex7-author-side {
    flex-basis: 136px;
    gap: 8px;
    width: 136px
}

.flex7-author-side img {
    aspect-ratio: 1;
    border-radius: 50%;
    width: 136px
}

.flex7-author-side>span {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal
}

.flex7-author-social {
    gap: 4px
}

.flex7-author-content {
    gap: 12px
}

.flex7-author-content>div:first-child {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.flex7-author-content h3 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
    margin: 0
}

.flex7-author-content>div>span {
    color: #eaf9ff
}

.flex7-author-content>div>span,
.flex7-author-content>p {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4
}

.flex7-author-content>p {
    color: #fff
}

.flex7-author-button {
    background: #fff;
    border-radius: 64px;
    color: #182325;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
    min-height: 48px;
    padding: 12px 16px
}

.flex7-author-check {
    background: #0c1213;
    border-radius: 16px;
    gap: 12px;
    padding: 16px
}

.flex7-author-check>div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 12px;
    min-width: 0
}

.flex7-author-check p {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin: 0
}

.flex7-author-check p:first-child {
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    margin: 0
}

.flex7-author-check .flex7-author-check-line {
    align-items: center;
    display: flex;
    gap: 6px
}

.flex7-author-check .flex7-author-check-icon {
    flex: 0 0 24px;
    height: 24px;
    margin: 0;
    vertical-align: 0;
    width: 24px
}

.flex7-author-check a {
    color: #fff;
    font-weight: 500
}

.flex7-author-check>img {
    height: 32px;
    width: 105px
}

@media (max-width:760px) {
    .flex7-author-side img {
        width: 112px
    }

    .flex7-author-check-line {
        align-items-border-radius: 0;
        align-items: flex-start
    }

    .flex7-author-check-line span {
        color: #182325;
        font-family: Inter, sans-serif;
        font-weight: 400
    }
}

.sticky-offer-brand {
    gap: 12px
}

.sticky-offer-logo {
    border-radius: 50%;
    flex-basis: 48px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 48px
}

.sticky-offer-brand-info {
    gap: 6px;
    width: auto
}

.sticky-offer-brand-info strong {
    font-size: 16px;
    font-weight: 700;
    line-height: normal
}

.sticky-offer-rating {
    gap: 8px
}

.sticky-offer-rating>span:not(.sticky-offer-stars) {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.sticky-offer-rating>span:not(.sticky-offer-stars) b {
    color: #f7c11f
}

.sticky-offer-stars img {
    flex-basis: 24px;
    height: 24px;
    width: 24px
}

.sticky-offer-bonus {
    background: rgba(50, 209, 138, .2);
    border-color: #32d177;
    border-radius: 64px;
    height: 48px;
    padding: 12px 16px 12px 12px
}

.sticky-offer-bonus span {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal
}

.sticky-offer-actions {
    gap: 12px
}

.sticky-offer-actions a {
    border-radius: 64px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 1.4
}

.sticky-offer-demo {
    color: #0c1213 !important
}

.sticky-offer-play {
    background: linear-gradient(90deg, #55e6ff, #0390a9);
    border-radius: 64px
}

.sticky-offer-play img {
    border-radius: 50%
}

.flex7-content {
    box-sizing: border-box;
    font-family: Inter, sans-serif;
    gap: 32px;
    margin: 0 auto 64px;
    padding-left: 0;
    width: min(952px, 100%)
}

.flex7-content>section {
    width: 100%
}

.flex7-content h2,
.flex7-content p.flex7-h2 {
    font-size: 24px;
    line-height: 1.2
}

.flex7-content h3 {
    font-size: 18px
}

.flex7-content li,
.flex7-content p {
    color: #eaf9ff;
    line-height: 1.4
}

.flex7-content li:before {
    background: #32d177;
    height: 7px;
    width: 7px
}

.flex7-content:has(>.flex7-text-group+section) {
    display: grid;
    gap: 16px;
    grid-template-columns: 400px minmax(0, 992px);
    padding-left: 0
}

.flex7-content:has(>.flex7-text-group+section) .flex7-text-group {
    grid-column: 1
}

.flex7-content:has(>.flex7-text-group+section)>section {
    grid-column: 2
}

.flex7-content.is-content-nav-full {
    padding-left: 0
}

.flex7-author-card,
.flex7-casino-card,
.flex7-content-nav,
.flex7-faq-item,
.flex7-game-card,
.flex7-game-spotlight,
.flex7-pros-cons-card,
.flex7-responsible-card,
.flex7-review-card,
.flex7-review-form,
.flex7-survey,
.flex7-top-card {
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 16px
}

.flex7-content-nav {
    background: #0c1213;
    padding: 16px
}

.flex7-content-nav .flex7-content-nav-head span {
    font-family: Inter, sans-serif;
    font-size: 24px
}

.flex7-content-nav .flex7-content-nav-list a {
    border-radius: 40px;
    color: #eaf9ff;
    min-height: 32px
}

.flex7-content-nav .flex7-content-nav-list a.active,
.flex7-content-nav .flex7-content-nav-list a:hover {
    background: #182325
}

.flex7-author-button,
.flex7-btn,
.flex7-casino-register,
.flex7-casino-review,
.flex7-game-card-demo,
.flex7-game-card-play,
.flex7-promo-code,
.flex7-promo-code button,
.flex7-promo-play,
.flex7-reward-action,
.flex7-survey-option,
.flex7-survey-vote,
.flex7-top-register,
.flex7-top-review {
    border-radius: 64px
}

.flex7-btn-primary,
.flex7-casino-register,
.flex7-game-card-play,
.flex7-promo-code button,
.flex7-promo-play,
.flex7-reward-action,
.flex7-top-register {
    background: linear-gradient(90deg, #55e6ff, #0390a9)
}

.flex7-btn-ghost,
.flex7-feature-pill {
    background: #233437
}

.flex7-game-spotlight {
    background: #0c1213;
    overflow: hidden
}

.flex7-game-spotlight .flex7-game-media {
    background: #0c1213;
    height: 258px
}

.flex7-game-spotlight .flex7-game-panel {
    background: #182325;
    gap: 16px;
    padding: 16px
}

.flex7-game-spotlight .flex7-game-info img {
    border-radius: 50%
}

.flex7-game-spotlight .flex7-game-info h2,
.flex7-game-spotlight .flex7-game-info p.flex7-h2 {
    font-size: 18px;
    font-weight: 700
}

.flex7-spoiler-text {
    gap: 8px
}

.flex7-spoiler-text .flex7-spoiler-copy {
    height: 83px
}

.flex7-spoiler-text .flex7-spoiler-toggle {
    font-family: Inter, sans-serif;
    font-size: 16px
}

.flex7-offer-panel,
.flex7-promo-panel,
.flex7-reward-panel {
    border-radius: 16px
}

.flex7-promo-panel {
    background-image: linear-gradient(90deg, rgba(12, 18, 19, .96), rgba(12, 18, 19, .25)), url(/assets/images/flex7/hero-banner.png);
    background-position: 50%;
    height: 268px;
    padding: 40px
}

.flex7-promo-panel .flex7-promo-shell {
    gap: 24px;
    width: 511px
}

.flex7-promo-panel .flex7-promo-copy h2,
.flex7-promo-panel .flex7-promo-copy p.flex7-h2 {
    font-family: Inter, sans-serif;
    font-size: 32px
}

.flex7-promo-panel .flex7-promo-code {
    background: #fff
}

.flex7-reward-panel {
    background-image: linear-gradient(90deg, rgba(12, 18, 19, .2), rgba(12, 18, 19, .2)), url(/assets/images/flex7/game-banner.png);
    min-height: 268px
}

.flex7-survey {
    background: #0c1213;
    gap: 24px;
    padding: 24px 16px 16px
}

.flex7-survey .flex7-survey-option {
    background: #182325;
    min-height: 48px;
    padding: 0 16px
}

.flex7-survey .flex7-survey-option:hover {
    background: #233437
}

.flex7-survey .flex7-survey-radio {
    background: #182325
}

.flex7-survey .flex7-survey-vote {
    border-color: #fff
}

.flex7-top-card {
    overflow: hidden
}

.flex7-top-card .flex7-top-bonus {
    background: rgba(50, 209, 119, .2);
    border-color: #32d177
}

.flex7-top-card .flex7-top-review {
    background: 0 0;
    border-color: #f1f117
}

.flex7-casino-card.is-featured,
.is-featured .flex7-casino-card {
    border-color: #55e6ff;
    border-width: 2px
}

.flex7-casino-card .flex7-casino-register {
    background: linear-gradient(90deg, #55e6ff, #0390a9)
}

.flex7-casino-card .flex7-casino-review {
    background: 0 0;
    border-color: #f1f117
}

.flex7-feature-pill,
.flex7-payments span {
    border-radius: 64px
}

.flex7-text-content {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: 400px minmax(0, 992px)
}

.flex7-text-content>div[id]:empty {
    position: absolute
}

.flex7-text-content>h2:first-of-type {
    font-size: 24px;
    grid-column: 1;
    grid-row: 1;
    line-height: 1.2;
    margin: 0
}

.flex7-text-content>:not(h2:first-of-type) {
    grid-column: 2
}

.flex7-text-content h3 {
    margin-top: 24px
}

.flex7-content:has(>.flex7-text-content) {
    padding-left: 0
}

.flex7-snippet {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    width: 100%
}

.flex7-snippet .flex7-snippet-copy {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    min-width: 0
}

.flex7-snippet .flex7-snippet-copy>:first-child {
    margin-top: 0
}

.flex7-snippet .flex7-snippet-copy>:last-child {
    margin-bottom: 0
}

.flex7-snippet .flex7-snippet-copy:after {
    clear: both;
    content: "";
    display: table
}

.flex7-snippet .flex7-snippet-copy h2,
.flex7-snippet .flex7-snippet-copy h3,
.flex7-snippet .flex7-snippet-copy li,
.flex7-snippet .flex7-snippet-copy p {
    font-family: Inter, sans-serif
}

.flex7-snippet .flex7-snippet-copy>ol,
.flex7-snippet .flex7-snippet-copy>ul {
    display: flow-root
}

.flex7-snippet .flex7-snippet-copy h2,
.flex7-snippet .flex7-snippet-copy h3 {
    color: #fff
}

.flex7-snippet .flex7-snippet-copy h2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2
}

.flex7-snippet .flex7-snippet-copy h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 24px
}

.flex7-snippet-image {
    background: #182325;
    border-radius: 16px;
    float: left;
    height: 200px;
    margin: 0 16px 12px 0;
    overflow: hidden;
    width: 200px
}

.flex7-snippet-image .image {
    display: block;
    height: 100%;
    margin-top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.flex7-offer-panel {
    background-image: linear-gradient(90deg, rgba(12, 18, 19, .94), rgba(12, 18, 19, .1)), url(/assets/images/flex7/hero-banner.png)
}

.flex7-media-slider .flex7-media-slider-stage,
.flex7-media-slider .flex7-media-slider-stage figure img,
.flex7-offer-panel .flex7-offer-brand {
    border-radius: 16px
}

.flex7-media-slider .flex7-media-slider-thumbs button,
.flex7-media-slider .flex7-media-slider-thumbs img {
    border-radius: 8px
}

.flex7-pros-cons-card {
    background: #0c1213;
    padding: 16px
}

.flex7-pros-cons-card.is-pros h3 {
    background: rgba(50, 209, 119, .2);
    color: #32d177
}

.flex7-pros-cons-card.is-cons h3 {
    background: rgba(235, 53, 93, .2);
    color: #eb355d
}

.flex7-faq .flex7-faq-grid {
    gap: 8px
}

.flex7-faq .flex7-faq-item {
    background: #0c1213;
    overflow: hidden
}

.flex7-faq .flex7-faq-question {
    min-height: 56px;
    padding: 16px
}

.flex7-games-section {
    display: grid;
    gap: 16px;
    grid-template-columns: 400px minmax(0, 992px)
}

.flex7-games-section>.flex7-h2 {
    grid-column: 1;
    margin: 0
}

.flex7-games-section .flex7-games {
    grid-column: 2
}

.flex7-content:has(>.flex7-author-section),
.flex7-content:has(>.flex7-games-section),
.flex7-content:has(>.flex7-reviews) {
    padding-left: 0
}

.flex7-game-card {
    background: #0c1213;
    overflow: hidden
}

.flex7-game-card .flex7-game-card-media img {
    border-radius: 0
}

.flex7-reviews {
    display: grid;
    gap: 16px;
    grid-template-columns: 400px minmax(0, 992px)
}

.flex7-reviews>.flex7-h2 {
    grid-column: 1;
    grid-row: 1/span 2
}

.flex7-reviews .flex7-review-card,
.flex7-reviews .flex7-review-form {
    background: #0c1213
}

.flex7-warning {
    background: rgba(235, 53, 93, .2);
    border-color: #eb355d;
    border-radius: 8px
}

.flex7-responsible-card {
    background: #0c1213
}

.flex7-author-section {
    display: grid;
    gap: 16px;
    grid-template-columns: 400px minmax(0, 992px)
}

.flex7-author-section>.flex7-h2 {
    grid-column: 1;
    margin: 0
}

.flex7-author-section .flex7-author-card {
    background: #0c1213;
    grid-column: 2
}

.flex7-author-section .flex7-author-check {
    background: #182325;
    border-radius: 8px
}

.footer {
    margin: 0 auto;
    max-width: 1408px
}

.footer:before {
    display: none
}

.footer .footer-promocode button {
    background: linear-gradient(90deg, #55e6ff, #0390a9)
}

.footer .footer-brand,
.footer .footer-columns {
    box-sizing: border-box
}

.footer .footer-columns {
    gap: 64px
}

.sticky-offer {
    border-radius: 0;
    padding: 12px 24px
}

.cookies,
.sticky-offer {
    background: #182325
}

@media (max-width:1180px) {
    .hero-panel {
        padding-left: 40px;
        padding-right: 38vw
    }

    .hero-panel .hero-copy h1 {
        font-size: 56px
    }

    .flex7-content {
        padding-left: 0;
        width: min(100%, 992px)
    }

    .flex7-author-section,
    .flex7-content:has(>.flex7-text-group+section),
    .flex7-games-section,
    .flex7-reviews,
    .flex7-text-content {
        grid-template-columns: 260px minmax(0, 1fr)
    }
}

@media (max-width:900px) {
    .topbar {
        padding: 12px 16px 8px
    }

    .topbar .header {
        min-height: 48px
    }

    .topbar-breadcrumbs,
    .topbar-menu-sticky {
        display: none
    }

    .container,
    .container.has-header-breadcrumbs,
    .container.has-header-nav {
        padding: 0 16px 16px
    }

    .hero-panel {
        background-image: linear-gradient(180deg, rgba(24, 35, 37, .2), #182325 84%), var(--hero-background-image, url("/assets/images/flex7/hero-banner.png"));
        background-position: 65%;
        border-radius: 16px;
        min-height: 520px;
        padding: 24px
    }

    .hero-panel .hero-copy h1 {
        font-size: 44px
    }

    .hero-panel .hero-buttons {
        flex-wrap: wrap
    }

    .footer .footer-main {
        grid-template-columns: 1fr
    }
}

@media (max-width:750px) {

    .flex7-scratch-widget,
    .flex7-slot-widget,
    .flex7-spin-widget,
    .scroll-top-button {
        display: none !important
    }

    .box {
        max-width: none;
        padding: 0;
        width: 100%
    }

    .flex7-content {
        gap: 24px;
        margin-bottom: 40px;
        width: 100%
    }

    .flex7-author-section,
    .flex7-content:has(>.flex7-text-group+section),
    .flex7-games-section,
    .flex7-reviews,
    .flex7-text-content {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .flex7-author-section>*,
    .flex7-author-section>h2:first-child,
    .flex7-author-section>p.flex7-h2,
    .flex7-content:has(>.flex7-text-group+section)>*,
    .flex7-content:has(>.flex7-text-group+section)>h2:first-child,
    .flex7-content:has(>.flex7-text-group+section)>p.flex7-h2,
    .flex7-games-section>*,
    .flex7-games-section>h2:first-child,
    .flex7-games-section>p.flex7-h2,
    .flex7-reviews>*,
    .flex7-reviews>h2:first-child,
    .flex7-reviews>p.flex7-h2,
    .flex7-text-content>*,
    .flex7-text-content>h2:first-child,
    .flex7-text-content>p.flex7-h2 {
        grid-column: auto;
        grid-row: auto
    }

    .flex7-content:has(>.flex7-text-group+.flex7-snippet) {
        display: block;
        width: 100%
    }

    .flex7-content:has(>.flex7-text-group+.flex7-snippet) .flex7-snippet,
    .flex7-content:has(>.flex7-text-group+.flex7-snippet) .flex7-text-group {
        width: 100%
    }

    .flex7-content:has(>.flex7-text-group+.flex7-snippet) .flex7-snippet {
        margin-top: 16px
    }

    .flex7-snippet-image {
        aspect-ratio: 1/1;
        float: none;
        height: auto;
        margin: 0 0 16px;
        width: 100%
    }

    .flex7-content:has(>.flex7-image) {
        margin-left: -15px;
        width: calc(100% + 30px)
    }

    .flex7-faq-grid,
    .flex7-games,
    .flex7-pros-cons-grid,
    .flex7-top3 {
        grid-template-columns: 1fr
    }

    .flex7-offer-panel,
    .flex7-promo-panel,
    .flex7-reward-panel {
        height: auto;
        min-height: 340px;
        padding: 24px
    }

    .footer {
        padding: 24px 12px 12px
    }

    .footer .footer-brand,
    .footer .footer-columns {
        min-height: 0
    }

    .footer .footer-columns {
        gap: 28px
    }
}

@media (max-width:560px) {
    .hero-panel {
        min-height: 560px;
        padding: 20px 16px
    }

    .hero-panel .hero-staff {
        border-radius: 16px
    }

    .hero-panel .hero-copy h1 {
        font-size: 38px
    }

    .hero-panel .hero-buttons {
        width: 100%
    }

    .hero-panel .hero-buttons .hero-btn {
        justify-content: space-between;
        width: 100%
    }
}

@media (min-width:901px) {
    .topbar {
        padding-bottom: 0
    }

    .container,
    .container.has-header-breadcrumbs,
    .container.has-header-nav {
        padding-top: 16px
    }
}

@media (min-width:1181px) {
    .flex7-content-nav .flex7-content-nav-list {
        gap: 4px
    }
}

.flex7-game-spotlight {
    border: 0;
    height: 438px
}

.flex7-game-spotlight .flex7-game-media {
    flex: 0 0 218px;
    height: 218px;
    position: relative;
    z-index: 1
}

.flex7-game-spotlight .flex7-game-panel {
    box-sizing: border-box;
    height: 204px
}

.flex7-promo-panel {
    background-blend-mode: normal, luminosity;
    background-color: #343a3b;
    background-image: linear-gradient(90deg, rgba(12, 18, 19, .96), rgba(12, 18, 19, .64) 52%, rgba(12, 18, 19, .12)), url(/assets/images/flex7/promo-bg.png);
    background-size: cover
}

.flex7-reward-panel {
    background-image: linear-gradient(90deg, rgba(12, 18, 19, .08), rgba(12, 18, 19, .08)), url(/assets/images/flex7/reward-panel-bg.png);
    background-position: 50%;
    background-size: cover
}

.flex7-survey {
    box-sizing: border-box;
    height: 422px
}

.flex7-offer-panel {
    background-blend-mode: normal;
    background-color: #343a3b;
    background-image: url(/assets/images/flex7/offer-panel-bg.png);
    background-position: 50%;
    background-size: cover;
    border-radius: 16px;
    font-family: Inter, sans-serif;
    gap: 24px;
    padding: 24px
}

.flex7-offer-panel .flex7-offer-brand {
    background: 0 0;
    border-radius: 0;
    flex: 0 0 208px;
    height: 220px;
    overflow: visible;
    position: relative;
    width: 208px
}

.flex7-offer-panel .flex7-offer-brand-label {
    background: linear-gradient(90deg, #55e6ff, #0390a9);
    border-radius: 64px;
    left: 50%;
    min-height: 30px;
    padding: 4px 12px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: 1
}

.flex7-offer-panel .flex7-offer-brand-label span {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    font-weight: 600;
    gap: 4px;
    line-height: 1
}

.flex7-offer-panel .flex7-offer-brand-label span:before {
    background: url(/assets/images/flex7/offer-new.svg) 50%/contain no-repeat;
    clip-path: none;
    height: 18px;
    width: 18px
}

.flex7-offer-panel .flex7-offer-brand-label span:after {
    content: none
}

.flex7-offer-panel .flex7-offer-brand-logo {
    background: #191235;
    border-radius: 50%;
    height: 208px;
    margin: 12px 0 0;
    min-height: 0;
    width: 208px
}

.flex7-offer-panel .flex7-offer-brand-logo img {
    border-radius: 50%
}

.flex7-image {
    border-radius: 16px;
    overflow: hidden;
    width: 100%
}

.flex7-image .image {
    border-radius-object-fit: cover;
    border-radius: 16px;
    display: block;
    height: auto;
    margin: 0;
    width: 100%
}

.flex7-image .flex7-offer-content {
    gap: 24px;
    height: auto;
    min-width: 0
}

.flex7-image .flex7-offer-copy {
    gap: 12px;
    max-width: 560px
}

.flex7-image .flex7-offer-copy>span {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1
}

.flex7-image .flex7-offer-copy h2,
.flex7-image .flex7-offer-copy p.flex7-h2 {
    font-family: Inter, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2
}

.flex7-image .flex7-offer-copy>p:not(.flex7-h2) {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    max-width: 550px
}

.flex7-image .flex7-offer-bonus {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(50, 209, 138, .2);
    border-color: #32d177;
    border-radius: 12px;
    padding: 12px 12px 12px 16px;
    width: 315px
}

.flex7-image .flex7-offer-bonus-title {
    gap: 10px
}

.flex7-image .flex7-offer-bonus-title p {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    white-space: normal
}

.flex7-image .flex7-offer-bonus ul {
    background: rgba(6, 6, 6, .2);
    border-radius: 8px;
    box-sizing: border-box;
    margin-left: 12px;
    max-width: 100%;
    padding: 8px;
    width: 291px
}

.flex7-image .flex7-offer-bonus li {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    min-height: 24px;
    padding-left: 32px;
    white-space: normal
}

.flex7-image .flex7-offer-bonus li:before {
    background: url(/assets/images/flex7/offer-check.svg) 50%/24px 24px no-repeat;
    border-radius: 0;
    height: 24px;
    top: 0;
    width: 24px
}

.flex7-image .flex7-offer-bonus li:after {
    content: none
}

.flex7-image .flex7-offer-actions {
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 16px
}

.flex7-image .flex7-offer-code {
    border-radius: 64px;
    gap: 16px;
    height: 48px;
    padding: 6px 6px 6px 16px
}

.flex7-image .flex7-offer-code span {
    color: #182325;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

.flex7-image .flex7-offer-code button {
    background: linear-gradient(90deg, #55e6ff, #0390a9);
    border-radius: 64px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 36px;
    line-height: 1.4;
    padding: 0 16px
}

.flex7-image .flex7-offer-play {
    background: linear-gradient(90deg, #55e6ff, #0390a9);
    border-radius: 64px;
    height: 48px;
    padding: 8px 16px 8px 8px
}

.flex7-image .flex7-offer-play img {
    border-radius: 50%
}

.flex7-image .flex7-offer-play span {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

@media (max-width:900px) {
    .flex7-image {
        height: auto;
        min-height: 0;
        padding: 24px
    }

    .flex7-image .flex7-offer-content {
        height: auto
    }

    .flex7-image .flex7-offer-actions {
        flex-wrap: wrap
    }

    .flex7-image .flex7-offer-bonus {
        width: min(315px, 100%)
    }
}

.flex7-top3 {
    align-items: flex-start;
    box-sizing: border-box;
    height: 334px;
    padding-top: 16px
}

.flex7-top-card {
    border-radius: 8px;
    box-sizing: border-box;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    grid-template-rows: 24px 24px 62px 24px 48px 28px;
    height: 318px;
    min-width: 0;
    padding: 16px 12px 12px;
    row-gap: 8px
}

.flex7-top-card .flex7-top-badge {
    border-radius: 32px 32px 0 32px;
    height: 32px;
    padding: 4px 12px 4px 5px;
    top: -17px
}

.flex7-top-card .flex7-top-logo {
    grid-column: 1;
    grid-row: 1/span 2
}

.flex7-top-card .flex7-top-content {
    display: contents
}

.flex7-top-card .flex7-top-content>h2,
.flex7-top-card .flex7-top-content>p.flex7-h2 {
    align-self: center;
    font-size: 18px;
    grid-column: 2;
    grid-row: 1;
    line-height: 24px;
    text-align: left
}

.flex7-top-card .flex7-top-content>.flex7-rating {
    grid-column: 2;
    grid-row: 2;
    justify-content: flex-start
}

.flex7-top-card .flex7-top-content>.flex7-top-bonus {
    grid-column: 1/-1;
    grid-row: 3
}

.flex7-top-card .flex7-top-content>.flex7-payments {
    grid-column: 1/-1;
    grid-row: 4
}

.flex7-top-card .flex7-top-content>.flex7-card-actions {
    grid-column: 1/-1;
    grid-row: 5
}

.flex7-top-card .flex7-top-content>.flex7-feature-pill {
    grid-column: 1/-1;
    grid-row: 6
}

.flex7-top-card .flex7-top-bonus {
    box-sizing: border-box
}

.flex7-top-card .flex7-card-actions {
    align-self: stretch
}

.flex7-top-card .flex7-top-register {
    flex: 1.3 1 0;
    width: auto
}

.flex7-top-card:first-child .flex7-top-bonus {
    background: rgba(185, 46, 254, .22);
    border-color: #b92efe
}

.flex7-top-card:nth-child(2) .flex7-top-bonus {
    background: rgba(241, 241, 23, .2);
    border-color: #f1f117
}

.flex7-casino-list {
    gap: 24px
}

.flex7-casino-row {
    border-radius: 16px;
    height: 242px;
    overflow: visible;
    padding: 0
}

.flex7-casino-row,
.flex7-casino-row.is-featured {
    background: 0 0
}

.flex7-casino-badge {
    background: 0 0;
    height: 30px;
    left: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -16px;
    z-index: 2
}

.flex7-casino-badge span {
    background: #52666a;
    border: 4px solid #304a4e;
    border-radius: 24px;
    left: 4px;
    width: 40px
}

.flex7-casino-badge span,
.flex7-casino-badge strong {
    box-sizing: border-box;
    height: 30px;
    position: absolute;
    top: 0
}

.flex7-casino-badge strong {
    align-items: center;
    background: linear-gradient(90deg, #55e6ff, #0390a9);
    border-radius: 30px;
    display: flex;
    font-size: 14px;
    justify-content: center;
    left: 0;
    padding-left: 42px;
    width: 368px
}

.flex7-casino-badge strong+* {
    display: none
}

.flex7-casino-row.is-featured .flex7-casino-badge span {
    align-items: center;
    background: rgba(6, 6, 6, .2);
    border: 0;
    color: #fff;
    display: flex;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 22px;
    justify-content: center;
    line-height: 1;
    top: 4px;
    width: 38px;
    z-index: 1
}

.flex7-casino-card {
    background: #0c1213;
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 16px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) 205px;
    height: 242px;
    min-height: 242px;
    padding: 16px 12px 12px;
    width: 100%
}

.flex7-casino-row.is-featured .flex7-casino-card {
    border: 2px solid #55e6ff
}

.flex7-casino-card.is-without-bonus {
    grid-template-columns: minmax(0, 1fr) 205px
}

.flex7-casino-card .flex7-casino-main {
    box-sizing: border-box;
    height: auto;
    min-width: 0;
    padding-top: 16px;
    position: relative
}

.flex7-casino-card .flex7-casino-brand {
    align-items: flex-start;
    gap: 12px
}

.flex7-casino-card .flex7-casino-logo {
    background: #08031f;
    border-radius: 50%;
    flex: 0 0 96px;
    height: 96px;
    width: 96px
}

.flex7-casino-card .flex7-casino-logo img {
    -o-object-fit: contain;
    object-fit: contain
}

.flex7-casino-card .flex7-casino-info {
    gap: 6px;
    padding-top: 0;
    width: auto
}

.flex7-casino-card .flex7-casino-info p.flex7-h2 {
    font-size: 18px;
    line-height: 24px
}

.flex7-casino-card .flex7-casino-rating {
    gap: 6px
}

.flex7-casino-card .flex7-casino-rating .flex7-rating {
    background: #182325;
    border-radius: 64px;
    padding: 4px 8px
}

.flex7-casino-card .flex7-casino-rating .flex7-rating p {
    color: transparent;
    font-size: 0;
    line-height: 1;
    margin: 0 0 0 8px;
    padding: 0
}

.flex7-casino-card .flex7-casino-rating .flex7-rating p b {
    color: #f7c11f;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1
}

.flex7-casino-card .flex7-casino-reviews {
    background: #182325;
    border-radius: 32px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    gap: 8px;
    left: 282px;
    line-height: 1;
    min-height: 32px;
    padding: 4px 8px;
    position: absolute;
    top: 46px
}

.flex7-casino-card .flex7-casino-reviews b {
    align-items: center;
    color: #32d177;
    color: transparent;
    display: inline-flex;
    font-size: 14px;
    font-size: 0;
    font-weight: 500;
    gap: 4px
}

.flex7-casino-card .flex7-casino-reviews b:before {
    background: url(/assets/images/flex7/casino-trustpilot.svg) 50%/contain no-repeat;
    content: "";
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.flex7-casino-card .flex7-casino-reviews b:after {
    color: #32d177;
    content: "4.7";
    font-size: 14px
}

.flex7-casino-card .flex7-casino-stats {
    display: flex;
    gap: 6px;
    left: 108px;
    position: absolute;
    top: 94px;
    white-space: nowrap
}

.flex7-casino-card .flex7-casino-stats span {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 64px;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .5);
    display: inline-flex;
    font-family: Inter, sans-serif;
    font-size: 16px;
    gap: 8px;
    line-height: 1;
    min-height: 28px;
    padding: 4px 8px
}

.flex7-casino-card .flex7-casino-stats span b {
    color: #fff;
    font-weight: 500
}

.flex7-casino-card .flex7-casino-stats span:nth-child(2) {
    border-color: #55e6ff
}

.flex7-casino-card .flex7-casino-bonuses {
    bottom: 0;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    height: 81px;
    left: 0;
    position: absolute;
    right: 0
}

.flex7-casino-card .flex7-casino-bonus {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #182325;
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: flex-start;
    min-width: 0;
    padding: 12px 16px 12px 12px;
    position: relative
}

.flex7-casino-card .flex7-casino-bonus img,
.flex7-casino-card .flex7-casino-bonus>span {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.flex7-casino-card .flex7-casino-bonus>span {
    background: url(/assets/images/flex7/top-gift.svg) 50%/contain no-repeat
}

.flex7-casino-card .flex7-casino-bonus p {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin: 0
}

.flex7-casino-card .flex7-casino-bonus.is-primary {
    background: rgba(50, 209, 138, .2);
    border-color: #32d177
}

.flex7-casino-card .flex7-casino-bonus .flex7-casino-bonus-check {
    flex-basis: 18px;
    height: 18px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 18px
}

.flex7-casino-card .flex7-casino-actions {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: auto;
    justify-content: flex-start;
    padding-left: 0;
    width: 205px
}

.flex7-casino-card .flex7-casino-register,
.flex7-casino-card .flex7-casino-review {
    flex: 0 0 48px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    height: 48px;
    line-height: 1.4;
    width: 100%
}

.flex7-casino-card .flex7-casino-divider {
    background: #304a4e;
    height: 1px;
    margin: 16px 0 0
}

.flex7-casino-card .flex7-payments {
    gap: 5px;
    margin-top: 8px
}

.flex7-casino-card .flex7-payments img,
.flex7-casino-card .flex7-payments span {
    flex: 0 0 37px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 37px
}

.flex7-casino-card .flex7-payments .more {
    width: 37px
}

.flex7-casino-card .flex7-feature-pill {
    margin-top: auto;
    min-height: 28px
}

.flex7-media-slider {
    gap: 16px
}

.flex7-media-slider .flex7-media-slider-stage {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) 120px;
    height: 560px;
    width: 100%
}

.flex7-media-slider .flex7-media-slider-stage figure {
    aspect-ratio: auto;
    border-radius: 8px;
    grid-column: 1;
    height: 560px;
    width: 100%
}

.flex7-media-slider .flex7-media-slider-stage figure img {
    border-radius: 8px
}

.flex7-media-slider .flex7-media-slider-rail {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    width: 120px
}

.flex7-media-slider .flex7-media-slider-controls {
    display: flex;
    gap: 16px;
    justify-content: space-between
}

.flex7-media-slider .flex7-media-slider-control {
    flex: 0 0 44px;
    height: 44px;
    width: 44px
}

.flex7-media-slider .flex7-media-slider-thumbs {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 120px
}

.flex7-media-slider .flex7-media-slider-thumbs button {
    aspect-ratio: auto;
    border-radius: 8px;
    flex: 0 0 104px;
    height: 104px;
    width: 120px
}

.flex7-media-slider .flex7-media-slider-thumbs button img {
    border-radius: 8px
}

.flex7-media-slider>p {
    height: 19px;
    line-height: 19px;
    margin: 0;
    min-height: 19px;
    text-align: center
}

.flex7-pros-cons-card {
    box-sizing: border-box
}

.flex7-faq-item {
    min-height: 0
}

.flex7-faq-item.is-open {
    min-height: 192px
}

.flex7-spoiler-text {
    box-sizing: border-box;
    min-height: 119px
}

.flex7-games {
    min-height: 348px
}

.flex7-reviews {
    min-height: 1309px
}

.flex7-review-card {
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 175px
}

.flex7-review-form {
    background: 0 0 !important;
    border: 0;
    max-width: none;
    padding: 0
}

.flex7-responsible-card {
    box-sizing: border-box;
    min-height: 194px;
    padding: 16px
}

.flex7-responsible-card .flex7-responsible-card-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-left: 56px
}

.flex7-responsible-card .flex7-responsible-card-list article:nth-child(n+4) {
    display: none
}

.flex7-author-card {
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 443px
}

.flex7-author-card .flex7-author-main {
    flex: 1 1 auto
}

.flex7-author-card .flex7-author-button {
    border-radius: 64px
}

.footer {
    height: 494px;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 494px;
    padding: 28px 16px 16px
}

.footer .footer-promo {
    flex: 0 0 128px;
    gap: 4px;
    height: 128px
}

.footer .footer-promo .footer-promocode {
    margin-top: 20px
}

.footer .footer-card {
    flex: 0 0 298px;
    height: 298px;
    overflow: visible;
    position: relative
}

.footer .footer-brand,
.footer .footer-columns,
.footer .footer-main {
    height: 298px
}

.footer .footer-brand {
    justify-content: flex-start;
    padding-bottom: 54px;
    position: relative
}

.footer .footer-brand .footer-social {
    margin-top: auto
}

.footer .footer-brand .footer-copyright {
    bottom: 16px;
    color: #eaf9ff;
    font-size: 14px;
    left: 16px;
    position: absolute;
    right: 16px
}

.footer .footer-columns {
    padding-bottom: 66px;
    position: relative
}

.footer .footer-meta {
    border-top: 1px solid #304a4e;
    bottom: 0;
    height: 56px;
    left: 400px;
    padding: 16px;
    position: absolute;
    right: 0
}

.footer .footer-meta .footer-logos {
    justify-content: flex-start
}

@media (max-width:1180px) {
    .flex7-casino-card .flex7-casino-reviews {
        position: static
    }

    .flex7-casino-card .flex7-casino-stats {
        left: 108px;
        overflow: hidden
    }
}

@media (max-width:900px) {
    .flex7-game-spotlight {
        height: auto
    }

    .flex7-game-spotlight .flex7-game-media {
        margin-bottom: 0
    }

    .flex7-game-spotlight .flex7-game-panel,
    .flex7-top3 {
        height: auto
    }

    .flex7-top-card {
        flex: 0 0 325px
    }

    .flex7-casino-card,
    .flex7-casino-row {
        height: auto;
        min-height: 0
    }

    .flex7-casino-card,
    .flex7-casino-card.is-without-bonus {
        grid-template-columns: 1fr
    }

    .flex7-casino-card .flex7-casino-main,
    .flex7-casino-card.is-without-bonus .flex7-casino-main {
        height: 218px
    }

    .flex7-casino-card .flex7-casino-actions,
    .flex7-casino-card.is-without-bonus .flex7-casino-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: auto;
        width: 100%
    }

    .flex7-casino-card .flex7-casino-actions .flex7-casino-divider,
    .flex7-casino-card.is-without-bonus .flex7-casino-actions .flex7-casino-divider {
        display: none
    }

    .flex7-casino-card .flex7-casino-actions .flex7-feature-pill,
    .flex7-casino-card .flex7-casino-actions .flex7-payments,
    .flex7-casino-card.is-without-bonus .flex7-casino-actions .flex7-feature-pill,
    .flex7-casino-card.is-without-bonus .flex7-casino-actions .flex7-payments {
        justify-self: center
    }

    .flex7-media-slider .flex7-media-slider-stage {
        height: auto
    }

    .flex7-media-slider .flex7-media-slider-stage figure {
        aspect-ratio: 16/9;
        height: auto
    }

    .flex7-media-slider .flex7-media-slider-rail {
        align-self: stretch
    }

    .footer {
        height: auto;
        min-height: 0
    }

    .footer .footer-promo {
        flex: 0 0 auto;
        height: auto;
        min-height: 160px
    }

    .footer .footer-brand,
    .footer .footer-card,
    .footer .footer-columns,
    .footer .footer-main {
        height: auto;
        min-height: 0
    }

    .footer .footer-card {
        flex: 0 0 auto
    }

    .footer .footer-meta {
        height: auto;
        padding: 16px 0 0;
        position: static
    }

    .footer .footer-logo img {
        height: 50px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100px
    }
}

@media (max-width:750px) {
    .flex7-survey {
        height: auto
    }

    .flex7-faq-item.is-open,
    .flex7-games,
    .flex7-reviews {
        min-height: 0
    }

    .flex7-casino-card .flex7-casino-main {
        height: auto;
        padding-top: 24px
    }

    .flex7-casino-card .flex7-casino-brand {
        align-items: center
    }

    .flex7-casino-card .flex7-casino-bonuses,
    .flex7-casino-card .flex7-casino-stats {
        margin-top: 12px;
        position: static
    }

    .flex7-casino-card .flex7-casino-stats {
        flex-wrap: wrap
    }

    .flex7-casino-card .flex7-casino-bonuses {
        grid-template-columns: 1fr;
        height: auto
    }

    .flex7-casino-card .flex7-casino-bonus {
        min-height: 72px
    }

    .flex7-casino-card .flex7-casino-actions {
        display: flex;
        flex-direction: column
    }

    .flex7-casino-badge strong {
        width: 100%
    }

    .flex7-media-slider .flex7-media-slider-stage {
        display: flex;
        flex-direction: column
    }

    .flex7-media-slider .flex7-media-slider-rail {
        width: 100%
    }

    .flex7-media-slider .flex7-media-slider-controls {
        justify-content: center
    }

    .flex7-media-slider .flex7-media-slider-thumbs {
        flex-direction: row;
        overflow-x: auto;
        width: 100%
    }

    .flex7-media-slider .flex7-media-slider-thumbs button {
        flex: 0 0 120px;
        width: 120px
    }

    .flex7-responsible-card {
        min-height: 0
    }

    .flex7-responsible-card .flex7-responsible-card-list {
        grid-template-columns: 1fr;
        padding-left: 0
    }

    .flex7-author-card {
        min-height: 0
    }
}

.flex7-top3 {
    align-items: stretch;
    gap: 8px;
    height: auto;
    padding-top: 0
}

.flex7-top-card {
    background: #0c1213;
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 16px;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    font-family: Inter, sans-serif;
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: left;
    width: auto
}

.flex7-top-card .flex7-top-badge {
    background: linear-gradient(90deg, #55e6ff, #0390a9);
    border-radius: 64px;
    height: 30px;
    padding: 4px 12px 4px 6px;
    position: absolute;
    right: -1px;
    top: -16px;
    width: auto;
    z-index: 1
}

.flex7-top-card .flex7-top-badge strong {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1
}

.flex7-top-card .flex7-top-rank {
    flex: 0 0 38px;
    height: 22px;
    width: 38px
}

.flex7-top-card .flex7-top-head {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    padding: 16px 12px 0;
    width: 100%
}

.flex7-top-card .flex7-top-logo {
    background: #08031f;
    border-radius: 50%;
    flex: 0 0 84px;
    height: 84px;
    width: 84px
}

.flex7-top-card .flex7-top-logo img {
    -o-object-fit: contain;
    object-fit: contain
}

.flex7-top-card .flex7-top-title {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-width: 0
}

.flex7-top-card .flex7-top-title>h2,
.flex7-top-card .flex7-top-title>p.flex7-h2 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    text-align: left
}

.flex7-top-card .flex7-rating {
    justify-content: flex-start
}

.flex7-top-card .flex7-top-content {
    align-items: stretch;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 12px 12px;
    width: 100%
}

.flex7-top-card .flex7-top-bonus {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 12px;
    gap: 12px;
    min-height: 62px;
    padding: 12px 16px 12px 12px
}

.flex7-top-card .flex7-top-bonus p {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

.flex7-top-card .flex7-payments {
    height: 24px
}

.flex7-top-card .flex7-card-actions {
    align-items: stretch
}

.flex7-top-card .flex7-top-register,
.flex7-top-card .flex7-top-review {
    border-radius: 64px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 1.4
}

.flex7-top-card .flex7-top-review {
    flex: 1 1 0
}

.flex7-top-card .flex7-top-register {
    flex: 0 0 166px;
    width: 166px
}

.flex7-top-card .flex7-feature-pill {
    background: #182325;
    border-radius: 74px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    min-height: 28px;
    padding: 2px 8px 2px 12px
}

.flex7-top-card:first-child .flex7-top-bonus {
    background: rgba(208, 48, 240, .2);
    border-color: #d030f0
}

.flex7-top-card:nth-child(2) .flex7-top-bonus {
    background: rgba(247, 193, 31, .2);
    border-color: #f7c11f
}

.flex7-top-card:nth-child(3) .flex7-top-bonus {
    background: rgba(50, 209, 119, .2);
    border-color: #32d177
}

@media (max-width:900px) {
    .flex7-top-card {
        flex: 0 0 325px
    }
}

@media (max-width:520px) {
    .flex7-top-card {
        flex-basis: auto;
        width: 100%
    }
}

.flex7-pros-cons {
    align-items: stretch;
    font-family: Inter, sans-serif;
    justify-content: flex-start
}

.flex7-pros-cons-grid {
    align-items: stretch;
    gap: 8px
}

.flex7-pros-cons-card {
    background: 0 0;
    border: 0;
    border-radius: 0;
    font-family: Inter, sans-serif;
    min-height: 218px;
    overflow: visible;
    padding: 0
}

.flex7-pros-cons-card h3 {
    border-radius: 64px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    min-height: 38px;
    padding: 8px 16px;
    text-transform: none
}

.flex7-pros-cons-card ul {
    background: #0c1213;
    border: 1px solid transparent;
    border-radius: 16px;
    flex: 1 1 auto;
    margin: 4px 0 0;
    min-height: 0;
    padding: 16px;
    width: 100%
}

.flex7-pros-cons-card li {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    gap: 8px;
    line-height: 1.4;
    min-height: 24px;
    padding-left: 0;
    position: static
}

.flex7-pros-cons-card li:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    border-radius: 0;
    flex: 0 0 24px;
    height: 24px;
    position: static;
    width: 24px
}

.flex7-pros-cons-card li:after {
    content: none
}

.flex7-pros-cons-card.is-pros h3 {
    background: rgba(50, 209, 138, .2);
    color: #fff
}

.flex7-pros-cons-card.is-pros ul {
    border-color: rgba(50, 209, 138, .2)
}

.flex7-pros-cons-card.is-pros li:before {
    background-image: url(/assets/images/flex7/pros-plus.svg)
}

.flex7-pros-cons-card.is-cons h3 {
    background: rgba(235, 53, 93, .4);
    color: #fff
}

.flex7-pros-cons-card.is-cons ul {
    border-color: rgba(235, 53, 93, .4)
}

.flex7-pros-cons-card.is-cons li:before {
    background-image: url(/assets/images/flex7/cons-minus.svg)
}

.flex7-faq {
    align-items: stretch;
    justify-content: flex-start
}

.flex7-faq-grid {
    align-items: start;
    gap: 8px
}

.flex7-faq-column {
    gap: 8px
}

.flex7-faq-item {
    background: #0c1213;
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 64px;
    box-sizing: border-box;
    min-height: 56px;
    overflow: hidden;
    transition: background .2s ease, border-radius .2s ease
}

.flex7-faq-item.is-open {
    background: #182325;
    border-radius: 16px;
    min-height: 0;
    padding: 16px
}

.flex7-faq-item.is-open .flex7-faq-question {
    min-height: 24px;
    padding: 0
}

.flex7-faq-item.is-open .flex7-faq-question img {
    transform: rotate(0)
}

.flex7-faq-item.is-open .flex7-faq-answer {
    display: flex
}

.flex7-faq-question {
    font-family: IBM Plex Sans, sans-serif;
    gap: 10px;
    min-height: 56px;
    padding: 16px
}

.flex7-faq-question span {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal
}

.flex7-reviews {
    align-items: start;
    -moz-column-gap: 16px;
    column-gap: 16px;
    min-height: 0;
    row-gap: 64px
}

.flex7-reviews>.flex7-h2 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.flex7-reviews .flex7-review-form,
.flex7-reviews .flex7-reviews-list {
    grid-column: 2
}

.flex7-reviews-list {
    gap: 16px
}

.flex7-review-card {
    background: #0c1213;
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 16px;
    min-height: 0;
    padding: 16px
}

.flex7-review-card.is-reply {
    border-radius: 8px 16px 16px 8px;
    margin-left: 24px;
    width: calc(100% - 24px)
}

.flex7-review-card>p {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.flex7-review-head {
    gap: 16px
}

.flex7-review-author {
    gap: 12px
}

.flex7-review-author img {
    border-radius: 50%;
    flex: 0 0 49px;
    height: 49px;
    width: 49px
}

.flex7-review-author>div {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.flex7-review-author strong {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal
}

.flex7-review-author span {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4
}

.flex7-review-rating {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    gap: 8px;
    letter-spacing: 0;
    line-height: normal
}

.flex7-reviews .flex7-rating-star:before,
.flex7-reviews .flex7-stars span:before {
    background-image: url(/assets/images/flex7/rating-star.svg)
}

.flex7-reviews .flex7-rating-star.is-filled:before,
.flex7-reviews .flex7-rating-star.is-hovered:before,
.flex7-reviews .flex7-rating-star:focus-visible:before,
.flex7-reviews .flex7-rating-star:hover:before,
.flex7-reviews .flex7-stars span.is-filled:before {
    background-image: url(/assets/images/flex7/rating-star-filled.svg)
}

.flex7-review-reply {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    gap: 6px;
    line-height: 1.4;
    padding: 2px 0
}

.flex7-review-reply img {
    height: 24px;
    width: 24px
}

.flex7-review-form {
    align-items: stretch;
    gap: 32px;
    margin-top: 0;
    width: 100%
}

.flex7-review-form h3 {
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal
}

.flex7-review-form-fields {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.flex7-review-form-bottom,
.flex7-review-form-row {
    gap: 16px
}

.flex7-review-form-rating {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    gap: 8px;
    letter-spacing: 0;
    line-height: 1.4
}

.flex7-review-form input,
.flex7-review-form textarea {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #182325;
    border-color: #304a4e;
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.flex7-review-form input::-moz-placeholder,
.flex7-review-form textarea::-moz-placeholder {
    color: #eaf9ff
}

.flex7-review-form input::placeholder,
.flex7-review-form textarea::placeholder {
    color: #eaf9ff
}

.flex7-review-form input {
    border-radius: 64px
}

.flex7-review-form-description {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.flex7-review-form-hint {
    color: #eaf9ff;
    font-size: 14px;
    letter-spacing: 0;
    margin-top: 0
}

.flex7-review-form-bottom p,
.flex7-review-form-hint {
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: normal
}

.flex7-review-form-bottom p {
    font-size: 18px
}

.flex7-review-form-bottom button {
    background: linear-gradient(90deg, #55e6ff, #0390a9);
    border-radius: 64px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 48px
}

.flex7-review-form-bottom button img {
    height: 24px;
    width: 24px
}

.flex7-review-form-bottom img {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.flex7-faq-answer {
    align-items: flex-start;
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    gap: 0;
    justify-content: flex-start;
    line-height: 1.4;
    margin-top: 8px;
    padding-right: 24px
}

.flex7-faq-answer p {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    line-height: inherit
}

.flex7-author-section .flex7-author-card {
    background: #182325;
    border: 1px solid #55e6ff;
    border-radius: 16px;
    gap: 16px;
    min-height: 0;
    padding: 16px
}

.flex7-author-section .flex7-author-card .flex7-author-main {
    gap: 16px
}

.flex7-author-section .flex7-author-card .flex7-author-side {
    flex-basis: 136px;
    gap: 8px;
    width: 136px
}

.flex7-author-section .flex7-author-card .flex7-author-side>img {
    aspect-ratio: 1;
    border-radius: 50%;
    width: 136px
}

.flex7-author-section .flex7-author-card .flex7-author-side>span {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: normal
}

.flex7-author-section .flex7-author-card .flex7-author-content {
    gap: 12px
}

.flex7-author-section .flex7-author-card .flex7-author-content>div:first-child {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.flex7-author-section .flex7-author-card .flex7-author-content h3 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin: 0
}

.flex7-author-section .flex7-author-card .flex7-author-content>div>span {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.flex7-author-section .flex7-author-card .flex7-author-content>p {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.flex7-author-section .flex7-author-card .flex7-author-button {
    background: #fff;
    border-radius: 64px;
    color: #182325;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 48px;
    padding: 12px 16px
}

.flex7-author-section .flex7-author-card .flex7-author-check {
    background: #0c1213;
    border-radius: 16px;
    gap: 12px;
    padding: 16px
}

.flex7-author-section .flex7-author-card .flex7-author-check>div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 12px;
    min-width: 0
}

.flex7-author-section .flex7-author-card .flex7-author-check p {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.flex7-author-section .flex7-author-card .flex7-author-check p:first-child {
    color: #fff;
    font-size: 16px;
    line-height: 1.4
}

.flex7-author-section .flex7-author-card .flex7-author-check .flex7-author-check-line {
    align-items: center;
    display: flex;
    gap: 6px
}

.flex7-author-section .flex7-author-card .flex7-author-check .flex7-author-check-icon {
    flex: 0 0 24px;
    height: 24px;
    margin: 0;
    vertical-align: 0;
    width: 24px
}

.flex7-author-section .flex7-author-card .flex7-author-check>img {
    height: 32px;
    width: 105px
}

@media (max-width:760px) {
    .flex7-author-section .flex7-author-card .flex7-author-side>img {
        width: 112px
    }

    .flex7-author-section .flex7-author-card .flex7-author-check-line {
        align-items: flex-start
    }
}

.footer {
    background: #182325;
    border-radius: 16px;
    gap: 24px;
    height: auto;
    margin: 24px auto 0;
    max-width: 1392px;
    min-height: 0;
    padding: 32px 16px 16px
}

.footer .footer-promo {
    gap: 8px
}

.footer .footer-promo p,
.footer .footer-promo strong {
    font-family: Inter, sans-serif;
    letter-spacing: 0
}

.footer .footer-promo p {
    font-size: 20px;
    font-weight: 500;
    line-height: normal
}

.footer .footer-promo strong {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2
}

.footer .footer-promocode {
    background: #233437;
    border-color: #304a4e;
    border-radius: 64px;
    margin-top: 16px
}

.footer .footer-promocode span {
    font-family: IBM Plex Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: normal
}

.footer .footer-promocode button {
    align-self: center;
    border-radius: 64px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 36px;
    line-height: 1.4
}

.footer .footer-card {
    background: 0 0;
    flex: 0 0 auto;
    gap: 0;
    height: auto;
    padding: 0
}

.footer .footer-main {
    gap: 16px;
    grid-template-columns: 384px minmax(0, 1fr);
    height: auto
}

.footer .footer-brand,
.footer .footer-columns {
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 8px;
    height: auto;
    min-height: 298px;
    padding: 24px 16px 16px
}

.footer .footer-brand {
    background: #233437;
    gap: 16px
}

.footer .footer-brand .footer-copyright,
.footer .footer-brand p {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal
}

.footer .footer-logo {
    height: 50px;
    overflow: hidden;
    width: 139px
}

.footer .footer-logo img {
    display: block;
    height: 30px;
    margin-top: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 84px
}

.footer .footer-columns {
    background: #0c1213;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    padding-bottom: 16px
}

.footer .footer-columns-content {
    align-items: flex-start;
    display: flex;
    gap: 64px;
    min-width: 0
}

.footer .footer-column {
    gap: 8px
}

.footer .footer-column h2 {
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: normal
}

.footer .footer-column a,
.footer .footer-column span {
    color: #eaf9ff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 28px
}

.footer .footer-meta {
    border-top-color: #233437;
    height: auto;
    padding: 16px 0 0;
    position: static
}

.footer .footer-logos {
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: flex-start
}

.footer .footer-logos img {
    height: 24px;
    max-height: 24px
}

.footer .footer-logos .footer-logo-ecogra {
    width: 79px
}

.footer .footer-logos .footer-logo-pwc {
    width: 38px
}

.footer .footer-logos .footer-logo-aware,
.footer .footer-logos .footer-logo-therapy {
    width: 74px
}

@media (max-width:900px) {
    .footer .footer-main {
        grid-template-columns: 1fr
    }

    .footer .footer-brand,
    .footer .footer-columns {
        height: auto;
        min-height: 0
    }
}

@media (max-width:750px) {
    .footer .footer-columns-content {
        flex-direction: column;
        gap: 28px
    }

    .footer .footer-logos {
        flex-wrap: wrap
    }
}

.cookies {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(6, 6, 6, .1);
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 64px;
    box-shadow: none;
    min-height: 64px;
    padding: 8px
}

.cookies,
.cookies * {
    font-family: Inter, sans-serif
}

.cookies .cookies-block {
    gap: 16px
}

.cookies .cookies-block img {
    flex-basis: 43.912px;
    height: 43.912px;
    width: 43.912px
}

.cookies .cookies-text-block .cookies-text {
    color: #eaf9ff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.cookies .cookies-text-block .cookies-text a,
.cookies .cookies-text-block .cookies-text span {
    color: #fff
}

.cookies .cookies-links .cookies-links-btn {
    background: 0 0;
    border-color: #f1f117;
    border-radius: 64px;
    color: #fff;
    min-height: 48px;
    padding: 12px
}

@media (max-width:575px) {
    .cookies {
        border-radius: 16px
    }
}

.sticky-offer {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(6, 6, 6, .1);
    border-left: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 16px 16px 0 0;
    border-right: 1px solid hsla(0, 0%, 100%, .25);
    border-top: 1px solid hsla(0, 0%, 100%, .25);
    min-height: 72px;
    padding: 12px 16px
}

.sticky-offer,
.sticky-offer * {
    font-family: Inter, sans-serif
}

.sticky-offer .sticky-offer-brand {
    gap: 12px
}

.sticky-offer .sticky-offer-logo {
    border-radius: 50%;
    flex-basis: 48px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 48px
}

.sticky-offer .sticky-offer-brand-info {
    gap: 6px;
    width: auto
}

.sticky-offer .sticky-offer-brand-info strong {
    font-size: 16px;
    font-weight: 700;
    line-height: normal
}

.sticky-offer .sticky-offer-rating {
    gap: 8px
}

.sticky-offer .sticky-offer-rating>span:not(.sticky-offer-stars) {
    color: #eaf9ff;
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.sticky-offer .sticky-offer-rating>span:not(.sticky-offer-stars) b {
    color: #f7c11f
}

.sticky-offer .sticky-offer-stars img {
    flex-basis: 24px;
    height: 24px;
    width: 24px
}

.sticky-offer .sticky-offer-bonus {
    background: rgba(50, 209, 138, .2);
    border-color: #32d177;
    border-radius: 64px;
    height: 48px;
    padding: 12px 16px 12px 12px
}

.sticky-offer .sticky-offer-bonus span {
    font-size: 16px;
    font-weight: 500;
    line-height: normal
}

.sticky-offer .sticky-offer-actions {
    gap: 12px
}

.sticky-offer .sticky-offer-actions a {
    border-radius: 64px;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 1.4
}

.sticky-offer .sticky-offer-demo {
    color: #0c1213 !important
}

.sticky-offer .sticky-offer-play {
    background: linear-gradient(90deg, #55e6ff, #0390a9);
    border-radius: 64px
}

.sticky-offer .sticky-offer-play img {
    border-radius: 50%
}

html:has(body.site-flex7) {
    scroll-padding-top: calc(var(--site-header-height, 113px) + 16px)
}

html:has(body.site-flex7):has(body.is-mobile-menu-open) {
    overflow: hidden
}

body.site-flex7 {
    --shell-accent: var(--color-primary-solid);
    --shell-tint: var(--color-secondary);
    --shell-ink: #101010;
    --shell-muted: #707070;
    --shell-line: #ebebeb;
    --shell-subtle: #f5f5f5;
    --shell-mono: "Roboto Mono", monospace;
    background: #fff;
    color: var(--shell-ink);
    overflow-x: clip
}

body.site-flex7 .content>.container {
    padding: 24px 16px 16px;
    z-index: auto
}

body.site-flex7 .content {
    position: relative
}

@media (min-width:1024px) {

    body.site-flex7 .content:after,
    body.site-flex7 .content:before {
        background: var(--shell-line);
        bottom: 0;
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 1px
    }

    body.site-flex7 .content:before {
        left: calc(50% - 500px)
    }

    body.site-flex7 .content:after {
        right: calc(50% - 500px)
    }
}

.site-footer,
.site-header {
    background: #fff;
    box-sizing: border-box;
    color: var(--shell-ink);
    font: 400 16px/1.6 Inter, sans-serif;
    letter-spacing: -.02em;
    width: 100%
}

.site-footer *,
.site-footer :after,
.site-footer :before,
.site-header *,
.site-header :after,
.site-header :before {
    box-sizing: border-box
}

.site-footer a,
.site-footer button,
.site-footer h2,
.site-footer p,
.site-footer small,
.site-footer span,
.site-footer strong,
.site-footer summary,
.site-header a,
.site-header button,
.site-header h2,
.site-header p,
.site-header small,
.site-header span,
.site-header strong,
.site-header summary {
    color: inherit;
    font-family: inherit;
    letter-spacing: inherit
}

.site-footer h2,
.site-footer p,
.site-header h2,
.site-header p {
    margin: 0
}

.site-footer a,
.site-header a {
    text-decoration: none
}

.site-footer button,
.site-header button {
    border: 0;
    cursor: pointer
}

.site-footer a:focus-visible,
.site-footer button:focus-visible,
.site-footer summary:focus-visible,
.site-header a:focus-visible,
.site-header button:focus-visible,
.site-header summary:focus-visible {
    outline: 2px solid var(--shell-accent);
    outline-offset: 3px
}

.site-footer [hidden],
.site-header [hidden] {
    display: none !important
}

.site-footer img,
.site-header img {
    display: block;
    flex: none;
    max-width: none
}

.site-header {
    padding-top: 24px;
    position: sticky;
    top: 0;
    z-index: 120
}

.site-header.is-stuck {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08)
}

.site-header-row {
    border-bottom: 1px solid var(--shell-line);
    gap: 32px;
    min-height: 59px;
    padding: 0 24px
}

.site-brand,
.site-header-row {
    align-items: center;
    display: flex
}

.site-brand {
    flex: 0 0 163px;
    height: 39px;
    width: 163px
}

.site-brand .site-brand-crop {
    display: block;
    height: 27px;
    overflow: hidden;
    position: relative;
    width: 129px
}

.site-brand .site-brand-crop img {
    height: 191.86%;
    left: -3.1%;
    position: absolute;
    top: -45.2%;
    width: 106.2%
}

.site-brand .site-brand-custom {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.site-navigation {
    align-self: stretch;
    display: flex;
    flex: 1;
    min-width: 0;
    padding-top: 0
}

.site-nav-group {
    position: relative
}

.site-nav-group+.site-nav-group .site-nav-item {
    border-left: 0
}

.site-nav-group.is-active .site-nav-item,
.site-nav-group.is-open .site-nav-item {
    background: var(--shell-tint);
    color: var(--shell-accent)
}

.site-nav-dropdown {
    background: #fff;
    border: 1px solid var(--shell-line);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
    left: 0;
    max-height: calc(100dvh - var(--site-header-height, 113px) - 16px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px;
    position: absolute;
    top: 100%;
    width: 240px;
    z-index: 2
}

.site-nav-dropdown a {
    display: block;
    font-size: 14px;
    padding: 8px
}

.site-nav-dropdown a:hover {
    background: var(--shell-tint);
    color: var(--shell-accent)
}

.site-nav-item {
    align-items: center;
    border: 1px solid var(--shell-line);
    border-bottom: 0;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 4px;
    justify-content: center;
    list-style: none;
    min-height: 59px;
    padding: 8px 12px;
    position: relative;
    white-space: nowrap
}

.site-nav-item::-webkit-details-marker {
    display: none
}

.site-nav-item+.site-nav-item {
    border-left: 0
}

.site-nav-item.is-active,
.site-nav-item:hover {
    background: var(--shell-tint);
    color: var(--shell-accent)
}

.site-nav-badge {
    background: #c9e8ca;
    color: var(--shell-ink);
    font-size: 10px;
    line-height: 16px;
    padding: 0 4px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -1px
}

.site-header-actions {
    align-items: center;
    display: flex;
    flex: none;
    gap: 8px
}

.site-signup {
    align-items: center;
    background: var(--color-gradient-03);
    border-radius: 40px;
    color: #fff !important;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 12px;
    justify-content: center;
    min-height: 44px;
    padding: 10px 14px;
    position: relative;
    white-space: nowrap
}

.site-signup .site-signup-pointer {
    left: 108px;
    pointer-events: none;
    position: absolute;
    top: 23px;
    transform: rotate(-15deg)
}

.site-signup:hover {
    filter: brightness(.97)
}

.site-promo-code {
    align-items: center;
    background: var(--shell-tint);
    border-radius: 40px;
    color: var(--shell-accent);
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 2px 2px 2px 16px
}

.site-promo-code .site-promo-value {
    color: var(--shell-accent);
    font: 500 16px/1.1 var(--shell-mono);
    min-width: 0;
    overflow-wrap: anywhere
}

.site-promo-code button {
    align-items: center;
    background: var(--shell-accent);
    border-radius: 40px;
    color: #fff;
    display: flex;
    flex: none;
    font: 600 14px/1.6 Inter, sans-serif;
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    padding: 10px 14px;
    white-space: nowrap
}

.site-promo-code button:hover {
    background: #118ca2
}

.site-promo-code .site-copy-mobile-label {
    display: none
}

.site-subnavigation {
    align-items: center;
    background: var(--shell-subtle);
    border-block: 1px solid var(--shell-line);
    display: flex;
    gap: 16px;
    height: 30px;
    justify-content: center;
    overflow-x: auto;
    scrollbar-width: none
}

.site-subnavigation a {
    border-bottom: 1px solid transparent;
    color: var(--shell-muted);
    flex: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 3px 4px;
    white-space: nowrap
}

.site-subnavigation a.is-active,
.site-subnavigation a:hover {
    border-bottom-color: var(--shell-accent);
    color: var(--shell-accent)
}

.site-breadcrumbs {
    align-items: center;
    border-bottom: 1px solid var(--shell-line);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 0;
    height: 30px;
    line-height: 1.6;
    min-width: 0;
    padding: 2px 24px
}

.site-breadcrumbs a {
    align-items: center;
    color: #959595;
    display: flex;
    flex: none;
    white-space: nowrap
}

.site-breadcrumbs a:hover {
    color: var(--shell-accent)
}

.site-breadcrumbs>span {
    color: var(--shell-ink);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.site-breadcrumbs-mobile,
.site-menu-backdrop,
.site-menu-toggle,
.site-mobile-actions,
.site-mobile-menu {
    display: none
}

.site-footer {
    border-top: 1px solid var(--shell-line);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px
}

.site-footer-promo {
    align-items: center;
    background: var(--shell-tint);
    display: flex;
    gap: 16px;
    padding: 24px
}

.site-footer-promo>div:first-child {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-family: var(--shell-mono);
    font-weight: 500;
    gap: 8px;
    line-height: 1.2;
    min-width: 0
}

.site-footer-promo p {
    font-size: 18px
}

.site-footer-promo strong {
    color: var(--shell-accent);
    font-size: 24px;
    font-weight: 500
}

.site-footer-promo .site-footer-code {
    background: #fff;
    flex: 0 0 357px
}

.site-footer-promo .site-footer-code .site-promo-value {
    flex: 1;
    text-align: center
}

.site-footer-grid {
    align-items: stretch;
    display: flex
}

.site-footer-brand {
    border: 1px solid var(--shell-line);
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 48px;
    justify-content: space-between;
    min-width: 0;
    padding: 24px
}

.site-footer-brand>div:first-child {
    padding-right: 48px
}

.site-footer-brand p {
    color: var(--shell-muted);
    font-size: 16px;
    line-height: 1.6;
    margin-top: 16px
}

.site-socials {
    align-items: center;
    display: flex;
    gap: 16px
}

.site-socials a:hover {
    opacity: .65
}

.site-footer-column {
    border: 1px solid var(--shell-line);
    border-left: 0;
    flex: 0 0 260px;
    padding: 24px
}

.site-footer-column h2 {
    color: var(--shell-muted);
    font: 600 14px/1.1 var(--shell-mono);
    margin-bottom: 24px
}

.site-footer-column>div {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.site-footer-column a:hover {
    color: var(--shell-accent)
}

.site-contact-row {
    align-items: flex-start;
    display: flex;
    gap: 8px
}

.site-contact-row picture {
    flex: none
}

.site-contact-row a,
.site-contact-row span {
    min-width: 0;
    overflow-wrap: anywhere
}

.site-footer-bottom {
    align-items: center;
    background: var(--shell-subtle);
    border: 1px solid var(--shell-line);
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 16px 24px
}

.site-footer-bottom p {
    color: var(--shell-muted);
    font: 500 14px/1.1 var(--shell-mono)
}

.site-footer-logos {
    align-items: center;
    display: flex;
    flex: none;
    gap: 16px
}

.site-gamble-aware {
    align-items: center;
    display: flex;
    gap: 1.13px;
    height: 24px;
    width: 73.995px
}

.site-gamble-aware img:last-child {
    transform: translateY(.08px)
}

@media (max-width:1199px) {
    .site-header {
        padding: 16px 0 8px
    }

    .site-header-row {
        justify-content: space-between;
        min-height: 44px;
        padding: 0 16px
    }

    .site-header .site-brand {
        flex-basis: 97px;
        height: 32px;
        width: 97px
    }

    .site-header .site-brand .site-brand-crop {
        height: 19.256px;
        width: 92px
    }

    .site-header-actions,
    .site-navigation {
        display: none
    }

    .site-menu-toggle {
        align-items: center;
        background: var(--shell-tint);
        display: flex;
        height: 44px;
        justify-content: center;
        padding: 10px;
        width: 44px
    }

    .site-menu-toggle .site-menu-close-icon {
        display: none
    }

    .site-menu-toggle[aria-expanded=true] .site-menu-close-icon {
        display: block
    }

    .site-menu-toggle[aria-expanded=true] .site-menu-open-icon {
        display: none
    }

    .site-mobile-actions {
        display: flex;
        gap: 8px;
        padding: 8px 16px
    }

    .site-download {
        align-items: center;
        background: #46a758;
        border-radius: 40px;
        color: #fff !important;
        display: flex;
        flex: 1;
        flex-direction: column;
        height: 44px;
        justify-content: center;
        min-width: 0;
        padding: 2px 4px 4px
    }

    .site-download>span {
        align-items: center;
        display: flex;
        font-size: 12px;
        font-weight: 600;
        gap: 8px
    }

    .site-download small {
        color: hsla(0, 0%, 100%, .5);
        font: 400 8px/1.1 var(--shell-mono)
    }

    .site-promo-compact,
    .site-promo-panel {
        gap: 8px;
        padding: 2px 4px 2px 12px
    }

    .site-promo-compact .site-promo-value,
    .site-promo-panel .site-promo-value {
        display: flex;
        flex-direction: column;
        font-size: 12px;
        gap: 2px;
        text-align: center
    }

    .site-promo-compact .site-promo-value small,
    .site-promo-panel .site-promo-value small {
        color: var(--shell-ink);
        font-size: 8px;
        white-space: nowrap
    }

    .site-promo-compact button,
    .site-promo-panel button {
        min-height: 32px;
        padding: 4px
    }

    .site-promo-compact .site-copy-label {
        display: none
    }

    .site-subnavigation {
        justify-content: flex-start;
        padding: 0 16px
    }

    .site-breadcrumbs {
        display: flex;
        padding: 2px 16px
    }

    .site-menu-backdrop {
        background: rgba(0, 0, 0, .2);
        display: block;
        inset: 68px 0 0;
        position: fixed;
        width: 100%;
        z-index: 125
    }

    .site-mobile-menu {
        background: #fff;
        bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
        left: 0;
        overflow-y: auto;
        padding: 8px 16px 16px;
        position: fixed;
        top: 68px;
        width: min(256px, 100% - 64px);
        z-index: 126
    }

    .site-mobile-menu>.site-download {
        flex: none
    }

    .site-mobile-menu>nav {
        border: 1px solid var(--shell-line)
    }

    .site-mobile-menu .site-promo-panel {
        margin-top: auto
    }

    .site-mobile-menu .site-promo-panel .site-promo-value {
        flex: 1
    }

    .site-mobile-menu .site-promo-panel button {
        padding: 4px 8px
    }

    .site-mobile-menu .site-menu-copyright {
        color: var(--shell-muted);
        font: 500 10px/1.1 var(--shell-mono)
    }

    .site-mobile-more summary,
    .site-mobile-nav-item {
        align-items: center;
        border-bottom: 1px solid var(--shell-line);
        display: flex;
        font-size: 14px;
        font-weight: 600;
        justify-content: space-between;
        min-height: 40px;
        padding: 7px 12px
    }

    .site-mobile-more summary.is-active,
    .site-mobile-nav-item.is-active {
        color: var(--shell-accent)
    }

    .site-mobile-more summary {
        cursor: pointer;
        list-style: none
    }

    .site-mobile-more summary::-webkit-details-marker {
        display: none
    }

    .site-mobile-more>div {
        background: var(--shell-subtle);
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 8px 24px
    }

    .site-mobile-more>div a {
        font-size: 12px;
        padding: 10px 0
    }

    body.site-flex7.is-mobile-menu-open {
        overflow: clip
    }

    body.site-flex7.is-mobile-menu-open .site-header-row {
        background: #fff;
        position: relative;
        z-index: 127
    }

    .site-footer-promo .site-footer-code {
        flex-basis: 300px
    }

    .site-footer-column {
        flex-basis: 230px
    }
}

@media (max-width:750px) {
    .site-footer {
        gap: 16px;
        padding: 16px
    }

    .site-footer-promo {
        align-items: stretch;
        flex-direction: column;
        padding: 16px
    }

    .site-footer-promo p {
        font-size: 12px
    }

    .site-footer-promo strong {
        font-size: 14px
    }

    .site-footer-promo .site-footer-code {
        flex-basis: auto;
        width: 100%
    }

    .site-footer-promo .site-footer-code .site-copy-label {
        display: none
    }

    .site-footer-promo .site-footer-code .site-copy-mobile-label {
        display: inline
    }

    .site-footer-grid {
        flex-direction: column
    }

    .site-footer-brand {
        gap: 16px;
        padding: 16px
    }

    .site-footer-brand>div:first-child {
        padding: 0
    }

    .site-footer-brand p {
        font-size: 10px
    }

    .site-footer-column {
        border-left: 1px solid var(--shell-line);
        border-top: 0;
        flex-basis: auto;
        font-size: 14px;
        padding: 16px
    }

    .site-footer-column h2 {
        font-size: 12px
    }

    .site-footer-contact h2 {
        margin-bottom: 16px
    }

    .site-footer-bottom {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 16px
    }

    .site-footer-bottom p {
        font-size: 10px;
        overflow-wrap: anywhere
    }
}

.site-flex7 .content .flex7-spoiler-copy,
.site-flex7 .content .flex7-text-content,
.site-flex7 .content .flex7-two-column-text {
    color: #101010
}

.site-flex7 .content .flex7-spoiler-copy a,
.site-flex7 .content .flex7-spoiler-copy h2,
.site-flex7 .content .flex7-spoiler-copy h3,
.site-flex7 .content .flex7-spoiler-copy li,
.site-flex7 .content .flex7-spoiler-copy p,
.site-flex7 .content .flex7-spoiler-copy strong,
.site-flex7 .content .flex7-text-content a,
.site-flex7 .content .flex7-text-content h2,
.site-flex7 .content .flex7-text-content h3,
.site-flex7 .content .flex7-text-content li,
.site-flex7 .content .flex7-text-content p,
.site-flex7 .content .flex7-text-content strong,
.site-flex7 .content .flex7-two-column-text a,
.site-flex7 .content .flex7-two-column-text h2,
.site-flex7 .content .flex7-two-column-text h3,
.site-flex7 .content .flex7-two-column-text li,
.site-flex7 .content .flex7-two-column-text p,
.site-flex7 .content .flex7-two-column-text strong {
    color: inherit
}

.site-flex7 .scroll-top-button {
    background: var(--shell-accent)
}

.site-flex7 .flex7-hero {
    align-items: center;
    background: var(--color-primary-solid) url(/assets/img/banner.webp) repeat;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font: 400 16px/1.6 Inter, sans-serif;
    gap: 24px;
    isolation: isolate;
    letter-spacing: -.02em;
    margin: 0 auto 24px;
    max-width: 952px;
    padding: 24px 24px 32px;
    position: relative;
    width: 100%
}

.site-flex7 .flex7-hero *,
.site-flex7 .flex7-hero :after,
.site-flex7 .flex7-hero :before {
    box-sizing: border-box
}

.site-flex7 .flex7-hero h1,
.site-flex7 .flex7-hero h2,
.site-flex7 .flex7-hero p {
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-hero a {
    text-decoration: none
}

.site-flex7 .flex7-hero a:focus-visible,
.site-flex7 .flex7-hero button:focus-visible {
    outline: 2px solid #101010;
    outline-offset: 3px
}

.site-flex7 .flex7-hero img {
    display: block;
    flex: none
}

.site-flex7 .flex7-hero__background {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: -1
}

.site-flex7 .flex7-hero__main {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 48px;
    min-width: 0
}

.site-flex7 .flex7-hero__copy {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.site-flex7 .flex7-hero__copy h1 {
    color: #fff;
    font: 500 48px/1.1 var(--shell-mono);
    letter-spacing: -.02em;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-hero__copy p {
    color: #fff;
    font: inherit
}

.site-flex7 .flex7-hero__bottom {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.site-flex7 .flex7-hero__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.site-flex7 .flex7-hero__button {
    align-items: center;
    background: #fff;
    border-radius: 40px;
    color: #101010;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    gap: 12px;
    justify-content: center;
    letter-spacing: -.02em;
    min-height: 50px;
    overflow-wrap: anywhere;
    padding: 8px 16px 8px 8px;
    text-align: center
}

.site-flex7 .flex7-hero__button img {
    -o-object-fit: contain;
    object-fit: contain
}

.site-flex7 .flex7-hero__button:hover {
    filter: brightness(.96)
}

.site-flex7 .flex7-hero__button--accent {
    background: var(--color-primary-solid);
    color: #fff;
    padding: 10px 16px;
    width: 100%
}

.site-flex7 .flex7-hero__promo {
    min-height: 50px;
    width: 200px
}

.site-flex7 .flex7-hero__promo button {
    border: 0;
    cursor: pointer;
    padding: 10px
}

.site-flex7 .flex7-hero__promo .site-promo-value {
    flex: 1;
    text-align: center
}

.site-flex7 .flex7-hero__note {
    color: #e6e6e6;
    font: 400 14px/1.1 var(--shell-mono);
    overflow-wrap: anywhere
}

.site-flex7 .flex7-hero__aside {
    display: flex;
    flex: 0 0 234px;
    flex-direction: column;
    gap: 16px;
    min-width: 0
}

.site-flex7 .flex7-hero__card {
    background: #fff;
    border: 1px solid #ebebeb;
    color: #101010;
    overflow: hidden;
    width: 100%
}

.site-flex7 .flex7-hero__badge {
    align-items: center;
    background: var(--color-secondary);
    color: var(--color-primary-solid);
    display: flex;
    font: 500 14px/1.1 var(--shell-mono);
    gap: 6px;
    justify-content: center;
    min-height: 32px;
    padding: 6px 16px;
    text-transform: uppercase
}

.site-flex7 .flex7-hero__brand {
    aspect-ratio: 217/90;
    background: #191235;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.site-flex7 .flex7-hero__card-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px
}

.site-flex7 .flex7-hero__card-body h2 {
    color: #101010;
    font: 500 18px/1.1 var(--shell-mono);
    letter-spacing: -.02em;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-hero__rating {
    align-items: center;
    color: #101010;
    display: flex;
    font: 500 14px/1.6 Inter, sans-serif;
    gap: 6px
}

.site-flex7 .flex7-hero__stars {
    display: flex
}

.site-flex7 .flex7-hero__games {
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    color: #101010;
    display: flex;
    font: 500 16px/1.6 Inter, sans-serif;
    gap: 2px;
    justify-content: center;
    min-height: 26px;
    padding: 0 12px 0 16px
}

@media (max-width:999px) {
    .site-flex7 .flex7-hero {
        align-items: stretch;
        flex-direction: column;
        gap: 32px;
        padding: 16px
    }

    .site-flex7 .flex7-hero__main {
        gap: 24px
    }

    .site-flex7 .flex7-hero__copy {
        gap: 16px
    }

    .site-flex7 .flex7-hero__copy h1 {
        font-size: 24px
    }

    .site-flex7 .flex7-hero__copy p {
        font-size: 12px
    }

    .site-flex7 .flex7-hero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 8px
    }

    .site-flex7 .flex7-hero__button {
        font-size: 14px;
        min-height: 44px;
        padding: 10px 14px 10px 8px
    }

    .site-flex7 .flex7-hero__button img {
        height: 24px;
        width: 24px
    }

    .site-flex7 .flex7-hero__promo {
        min-height: 48px;
        width: 100%
    }

    .site-flex7 .flex7-hero__promo .site-promo-value {
        font-size: 14px
    }

    .site-flex7 .flex7-hero__aside {
        flex-basis: auto
    }

    .site-flex7 .flex7-hero__badge {
        min-height: 24px;
        padding: 4px 16px
    }

    .site-flex7 .flex7-hero__badge img {
        height: 16px;
        width: 16px
    }

    .site-flex7 .flex7-hero__card-body {
        gap: 8px
    }

    .site-flex7 .flex7-hero__card-body h2 {
        font-size: 16px
    }

    .site-flex7 .flex7-hero__rating {
        font-size: 12px
    }

    .site-flex7 .flex7-hero__stars img {
        height: 20px;
        width: 20px
    }

    .site-flex7 .flex7-hero__games {
        font-size: 14px;
        min-height: 24px
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-hero {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

@media (min-width:576px) and (max-width:999px) {
    .site-flex7 .flex7-hero__aside {
        align-self: center;
        max-width: 100%;
        width: 360px
    }
}

.site-flex7 .flex7-content.is-content-nav-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-toc {
    background: #fff;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    color: #101010;
    padding: 16px;
    width: 100%
}

.site-flex7 .flex7-toc *,
.site-flex7 .flex7-toc :after,
.site-flex7 .flex7-toc :before {
    box-sizing: border-box
}

.site-flex7 .flex7-toc__head {
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: flex;
    gap: 16px;
    padding: 0;
    text-align: left;
    width: 100%
}

.site-flex7 .flex7-toc__icon {
    background: var(--color-secondary);
    display: flex;
    flex: none;
    padding: 2px
}

.site-flex7 .flex7-toc img {
    display: block;
    flex: none;
    height: 24px;
    width: 24px
}

.site-flex7 .flex7-toc__title {
    color: #101010;
    flex: 1;
    font: 500 18px/1.1 var(--shell-mono);
    letter-spacing: -.02em;
    min-width: 0;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-toc__chevron {
    transform: rotate(180deg)
}

.site-flex7 .flex7-toc.is-collapsed .flex7-toc__chevron {
    transform: none
}

.site-flex7 .flex7-toc__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px
}

.site-flex7 .flex7-toc__list[hidden] {
    display: none
}

.site-flex7 .flex7-toc__list a {
    align-items: baseline;
    color: #101010;
    display: flex;
    font: 400 16px/1.6 Inter, sans-serif;
    gap: 8px;
    overflow-wrap: anywhere;
    padding: 6px 8px;
    text-decoration: none
}

.site-flex7 .flex7-toc__list a span {
    color: inherit;
    font: inherit
}

.site-flex7 .flex7-toc__list a span:first-child {
    flex: none;
    white-space: nowrap
}

.site-flex7 .flex7-toc__list a.active,
.site-flex7 .flex7-toc__list a:hover {
    background: var(--color-secondary);
    color: var(--color-primary-solid)
}

.site-flex7 .flex7-toc a:focus-visible,
.site-flex7 .flex7-toc button:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 3px
}

.site-flex7 .flex7-content.is-read-more-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-read-more {
    align-items: flex-start;
    color: #101010;
    display: flex;
    flex-direction: column;
    font: 400 16px/1.6 Inter, sans-serif;
    gap: 18px;
    letter-spacing: -.02em;
    width: 100%
}

.site-flex7 .flex7-read-more__copy {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: inherit;
    display: -webkit-box;
    font: inherit;
    max-height: 51.2px;
    overflow: hidden;
    overflow-wrap: anywhere;
    width: 100%
}

.site-flex7 .flex7-read-more__copy li,
.site-flex7 .flex7-read-more__copy p {
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    margin: 0
}

.site-flex7 .flex7-read-more__copy h2,
.site-flex7 .flex7-read-more__copy h3 {
    color: inherit;
    font-family: var(--shell-mono)
}

.site-flex7 .flex7-read-more__copy a {
    color: var(--color-primary-solid)
}

.site-flex7 .flex7-read-more.is-open .flex7-read-more__copy {
    -webkit-line-clamp: unset;
    display: block;
    max-height: none;
    overflow: visible
}

.site-flex7 .flex7-read-more__toggle {
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-sizing: border-box;
    color: #101010;
    cursor: pointer;
    display: flex;
    font: 500 16px/1.6 Inter, sans-serif;
    gap: 2px;
    height: 26px;
    justify-content: center;
    letter-spacing: -.02em;
    padding: 0 4px 0 6px
}

.site-flex7 .flex7-read-more__toggle span {
    color: inherit;
    font: inherit;
    letter-spacing: inherit
}

.site-flex7 .flex7-read-more__toggle img {
    display: block;
    flex: none;
    height: 24px;
    width: 24px
}

.site-flex7 .flex7-read-more__toggle:hover {
    background: var(--color-secondary)
}

.site-flex7 .flex7-read-more__toggle:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 3px
}

.site-flex7 .flex7-content.is-game-banner-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 956px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-game-banner {
    background: #f5f5f5;
    border: 1px solid #ebebeb;
    color: #101010;
    display: grid;
    font: 400 16px/1.6 Inter, sans-serif;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    letter-spacing: -.02em;
    padding: 15px
}

.site-flex7 .flex7-game-banner,
.site-flex7 .flex7-game-banner * {
    box-sizing: border-box
}

.site-flex7 .flex7-game-banner h2,
.site-flex7 .flex7-game-banner p {
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    margin: 0
}

.site-flex7 .flex7-game-banner img {
    border-radius: 0;
    display: block;
    flex: none
}

.site-flex7 .flex7-game-banner__media {
    display: block;
    min-height: 144px;
    position: relative
}

.site-flex7 .flex7-game-banner__media img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.site-flex7 .flex7-game-banner__description {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-game-banner__date {
    align-items: center;
    color: #101010;
    display: flex;
    flex-wrap: wrap;
    font: 500 14px/1.6 Inter, sans-serif;
    gap: 8px
}

.site-flex7 .flex7-game-banner__date img {
    height: 24px;
    margin-right: -4px;
    width: 24px
}

.site-flex7 .flex7-game-banner__date span {
    color: #707070
}

.site-flex7 .flex7-game-banner__date--mobile {
    display: none
}

.site-flex7 .flex7-game-banner__footer {
    background: #fff;
    border: 1px solid #ebebeb;
    display: grid;
    gap: 16px;
    grid-column: 1/-1;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
}

.site-flex7 .flex7-game-banner__identity {
    align-items: stretch;
    display: flex;
    gap: 8px;
    min-height: 82px;
    min-width: 0
}

.site-flex7 .flex7-game-banner__logo {
    -o-object-fit: cover;
    object-fit: cover;
    width: 82px
}

.site-flex7 .flex7-game-banner__name {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    min-width: 0;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-game-banner__name>span {
    color: #707070;
    font: 500 14px/1.6 Inter, sans-serif
}

.site-flex7 .flex7-game-banner__name h2 {
    font: 500 18px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-game-banner__actions {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
    padding: 15px 16px 15px 0
}

.site-flex7 .flex7-game-banner__button {
    align-items: center;
    background: var(--color-secondary);
    border-radius: 40px;
    color: #101010;
    display: flex;
    flex: 1;
    font: 600 16px/1.6 Inter, sans-serif;
    gap: 12px;
    justify-content: center;
    letter-spacing: -.02em;
    min-height: 50px;
    overflow-wrap: anywhere;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none
}

.site-flex7 .flex7-game-banner__button:hover {
    filter: brightness(.97)
}

.site-flex7 .flex7-game-banner__button:focus-visible {
    outline: 2px solid #101010;
    outline-offset: 3px
}

.site-flex7 .flex7-game-banner__button--bonus {
    background: var(--color-primary-solid);
    color: #fff;
    flex: none;
    padding-left: 8px
}

.site-flex7 .flex7-game-banner__button img {
    height: 34px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 34px
}

@media (max-width:999px) and (min-width:768px) {
    .site-flex7 .flex7-game-banner__footer {
        gap: 0;
        grid-template-columns: 1fr
    }

    .site-flex7 .flex7-game-banner__actions {
        padding: 16px
    }
}

@media (max-width:767px) {
    .site-flex7 .flex7-game-banner {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 0
    }

    .site-flex7 .flex7-game-banner__media {
        aspect-ratio: 288/89;
        height: auto;
        margin-bottom: -16px;
        min-height: 0;
        order: 1
    }

    .site-flex7 .flex7-game-banner__footer {
        display: contents
    }

    .site-flex7 .flex7-game-banner__identity {
        background: #fff;
        border-bottom: 1px solid #ebebeb;
        min-height: 89px;
        order: 2
    }

    .site-flex7 .flex7-game-banner__logo {
        width: 88px
    }

    .site-flex7 .flex7-game-banner__name {
        gap: 2px;
        padding: 8px 4px 8px 0
    }

    .site-flex7 .flex7-game-banner__name>span {
        font-size: 12px
    }

    .site-flex7 .flex7-game-banner__description {
        font-size: 12px;
        order: 3;
        padding-inline: 15px
    }

    .site-flex7 .flex7-game-banner__date {
        font-size: 14px;
        gap: 8px
    }

    .site-flex7 .flex7-game-banner__date--desktop {
        display: none
    }

    .site-flex7 .flex7-game-banner__date--mobile {
        display: flex;
        margin-top: 6px
    }

    .site-flex7 .flex7-game-banner__actions {
        background: #fff;
        border-top: 1px solid #ebebeb;
        flex-direction: column;
        gap: 8px;
        order: 4;
        padding: 16px
    }

    .site-flex7 .flex7-game-banner__button {
        flex: auto;
        font-size: 14px;
        min-height: 42px;
        padding: 10px 14px;
        width: 100%
    }

    .site-flex7 .flex7-game-banner__button img {
        height: 24px;
        width: 24px
    }

    .site-flex7 .flex7-game-banner__button--bonus {
        min-height: 44px;
        padding-left: 12px
    }

    .site-flex7 .flex7-game-banner__button--bonus span {
        flex: 1
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-game-banner-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-poll-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-poll {
    background: #fff;
    border: 1px solid #ebebeb;
    color: #101010;
    display: flex;
    flex-direction: column;
    font: 500 16px/1.6 Inter, sans-serif;
    gap: 24px;
    letter-spacing: -.02em;
    padding: 24px 16px 16px
}

.site-flex7 .flex7-poll,
.site-flex7 .flex7-poll * {
    box-sizing: border-box
}

.site-flex7 .flex7-poll h2,
.site-flex7 .flex7-poll p {
    color: inherit;
    font: inherit;
    margin: 0
}

.site-flex7 .flex7-poll span {
    font-family: inherit;
    letter-spacing: inherit
}

.site-flex7 .flex7-poll button {
    color: inherit;
    cursor: pointer;
    font: inherit;
    letter-spacing: inherit
}

.site-flex7 .flex7-poll button:disabled {
    cursor: default
}

.site-flex7 .flex7-poll button:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 2px
}

.site-flex7 .flex7-poll img {
    border-radius: 0;
    display: block;
    height: 24px;
    width: 24px
}

.site-flex7 .flex7-poll-heading {
    align-items: center;
    display: flex;
    gap: 16px
}

.site-flex7 .flex7-poll-heading>span {
    background: var(--color-secondary);
    flex: none;
    padding: 2px
}

.site-flex7 .flex7-poll-heading h2 {
    font: 500 18px/1.1 var(--shell-mono);
    letter-spacing: -.02em;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-poll-body {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.site-flex7 .flex7-poll-options {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.site-flex7 .flex7-poll-option {
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #ebebeb;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 48px;
    padding: 8px 16px;
    text-align: left;
    width: 100%
}

.site-flex7 .flex7-poll-option.is-selected {
    background: var(--color-secondary);
    border-color: var(--color-primary-solid)
}

.site-flex7 .flex7-poll-option.is-selected .flex7-poll-radio {
    border: 6px solid var(--color-primary-solid)
}

.site-flex7 .flex7-poll-radio {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    flex: none;
    height: 20px;
    width: 20px
}

.site-flex7 .flex7-poll-label {
    flex: 1;
    font-weight: 600;
    min-width: 0;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-poll-result {
    align-items: center;
    display: none;
    gap: 12px;
    width: 100%
}

.site-flex7 .flex7-poll.is-results .flex7-poll-result {
    display: flex
}

.site-flex7 .flex7-poll-scale {
    background: #e6e6e6;
    flex: 1;
    height: 6px
}

.site-flex7 .flex7-poll-scale span {
    background: var(--color-primary-solid);
    display: block;
    height: 100%
}

.site-flex7 .flex7-poll-percent {
    font-size: 14px;
    min-width: 42px;
    text-align: right
}

.site-flex7 .flex7-poll-footer {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr auto 1fr;
    min-height: 50px
}

.site-flex7 .flex7-poll-votes {
    color: #707070 !important
}

.site-flex7 .flex7-poll-votes span {
    color: #101010
}

.site-flex7 .flex7-poll-vote {
    align-items: center;
    background: var(--color-secondary);
    border: 0;
    border-radius: 40px;
    display: flex;
    font-weight: 600 !important;
    gap: 12px;
    justify-content: center;
    min-height: 50px;
    padding: 8px 24px;
    width: 155px
}

.site-flex7 .flex7-poll-vote:hover:not(:disabled) {
    background: #d6f7fd
}

.site-flex7 .flex7-poll-show {
    background: 0 0;
    border: 0;
    justify-self: end;
    padding: 0 12px
}

.site-flex7 .flex7-poll-show[hidden] {
    display: none
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-poll-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }

    .site-flex7 .flex7-poll {
        font-size: 14px;
        gap: 14px;
        padding: 16px
    }

    .site-flex7 .flex7-poll-heading {
        align-items: flex-start
    }

    .site-flex7 .flex7-poll-heading h2 {
        font-size: 16px
    }

    .site-flex7 .flex7-poll-option {
        gap: 8px;
        min-height: 46px;
        padding: 11px 12px
    }

    .site-flex7 .flex7-poll-footer {
        gap: 16px;
        grid-template-columns: 1fr 1fr
    }

    .site-flex7 .flex7-poll-vote {
        grid-column: 1/-1;
        grid-row: 1;
        min-height: 44px;
        padding: 10px 24px;
        width: 100%
    }

    .site-flex7 .flex7-poll-show,
    .site-flex7 .flex7-poll-votes {
        grid-row: 2
    }
}

.site-flex7 .flex7-content.is-promo-banner-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 956px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-promo-banner {
    background: #343434;
    color: #fff;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    font: 500 16px/1.6 Inter, sans-serif;
    grid-template-columns: 208px minmax(0, 1fr);
    grid-template-rows: 32px auto auto auto auto;
    isolation: isolate;
    letter-spacing: -.02em;
    padding: 40px;
    position: relative
}

.site-flex7 .flex7-promo-banner,
.site-flex7 .flex7-promo-banner * {
    box-sizing: border-box
}

.site-flex7 .flex7-promo-banner h2,
.site-flex7 .flex7-promo-banner p,
.site-flex7 .flex7-promo-banner ul {
    color: inherit;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-promo-banner span {
    font: inherit
}

.site-flex7 .flex7-promo-banner img {
    border-radius: 0;
    display: block;
    flex: none;
    -o-object-fit: contain;
    object-fit: contain
}

.site-flex7 .flex7-promo-banner__background {
    height: 100%;
    inset: 0;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    position: absolute;
    width: 100%;
    z-index: -1
}

.site-flex7 .flex7-promo-banner__badge {
    align-items: center;
    background: var(--color-primary-solid);
    color: #fff;
    display: flex;
    font: 500 14px/1.1 var(--shell-mono);
    gap: 6px;
    grid-column: 1;
    grid-row: 1;
    justify-content: center;
    text-transform: uppercase
}

.site-flex7 .flex7-promo-banner__badge img {
    height: 20px;
    width: 20px
}

.site-flex7 .flex7-promo-banner__logo {
    background: #191235;
    grid-column: 1;
    grid-row: 2/6;
    height: 208px;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    width: 208px
}

.site-flex7 .flex7-promo-banner__heading {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-column: 2;
    grid-row: 1/3
}

.site-flex7 .flex7-promo-banner__heading p {
    color: hsla(0, 0%, 100%, .5);
    font: 500 18px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-promo-banner__heading h2 {
    font: 500 32px/1.1 var(--shell-mono);
    letter-spacing: -.02em;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-promo-banner__stars {
    align-self: start;
    display: flex;
    grid-column: 1;
    grid-row: 2/6;
    justify-content: center;
    margin-top: 224px
}

.site-flex7 .flex7-promo-banner__stars img {
    height: 24px;
    width: 24px
}

.site-flex7 .flex7-promo-banner__details {
    display: flex;
    flex-direction: column;
    gap: 16px;
    grid-column: 2;
    grid-row: 3;
    margin-top: 24px;
    min-width: 0
}

.site-flex7 .flex7-promo-banner__details ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none
}

.site-flex7 .flex7-promo-banner__details li {
    align-items: flex-start;
    color: #fff;
    display: flex;
    font: 500 16px/1.6 Inter, sans-serif;
    gap: 8px;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-promo-banner__details li:after,
.site-flex7 .flex7-promo-banner__details li:before {
    content: none;
    display: none
}

.site-flex7 .flex7-promo-banner__details li img {
    height: 24px;
    width: 24px
}

.site-flex7 .flex7-promo-banner__bonus {
    align-items: center;
    align-self: flex-start;
    background: #e9f6e9;
    color: #46a758;
    display: flex;
    font: 500 18px/1.1 var(--shell-mono);
    gap: 12px;
    padding: 4px 8px
}

.site-flex7 .flex7-promo-banner__bonus img {
    height: 28px;
    padding: 2px;
    width: 28px
}

.site-flex7 .flex7-promo-banner__description {
    font: 500 16px/1.1 var(--shell-mono);
    grid-column: 2;
    grid-row: 4;
    margin-top: 24px !important;
    max-width: 458px
}

.site-flex7 .flex7-promo-banner__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    grid-column: 2;
    grid-row: 5;
    margin-top: 24px
}

.site-flex7 .flex7-promo-banner__code {
    min-height: 50px
}

.site-flex7 .flex7-promo-banner__code button {
    border: 0;
    cursor: pointer
}

.site-flex7 .flex7-promo-banner__code .site-copy-label {
    font: inherit
}

.site-flex7 .flex7-promo-banner__play {
    align-items: center;
    background: var(--color-primary-solid);
    border-radius: 40px;
    color: #fff;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    gap: 12px;
    justify-content: center;
    min-height: 50px;
    padding: 8px 16px 8px 12px;
    text-decoration: none
}

.site-flex7 .flex7-promo-banner__play img {
    height: 34px;
    width: 34px
}

.site-flex7 .flex7-promo-banner a:focus-visible,
.site-flex7 .flex7-promo-banner button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px
}

@media (max-width:767px) {
    .site-flex7 .flex7-promo-banner {
        -moz-column-gap: 12px;
        column-gap: 12px;
        grid-template-columns: 107px minmax(0, 1fr);
        grid-template-rows: 32px auto auto auto auto auto;
        padding: 16px
    }

    .site-flex7 .flex7-promo-banner__badge {
        font-size: 10px;
        grid-column: 1/-1
    }

    .site-flex7 .flex7-promo-banner__logo {
        grid-row: 2/4;
        height: 107px;
        width: 107px
    }

    .site-flex7 .flex7-promo-banner__heading {
        grid-row: 2;
        padding-top: 2px
    }

    .site-flex7 .flex7-promo-banner__heading p {
        font-size: 12px
    }

    .site-flex7 .flex7-promo-banner__heading h2 {
        font-size: 18px
    }

    .site-flex7 .flex7-promo-banner__stars {
        grid-column: 2;
        grid-row: 3;
        justify-content: flex-start;
        margin-top: 8px
    }

    .site-flex7 .flex7-promo-banner__stars img {
        height: 20px;
        width: 20px
    }

    .site-flex7 .flex7-promo-banner__details {
        grid-column: 1/-1;
        grid-row: 4;
        margin-top: 16px
    }

    .site-flex7 .flex7-promo-banner__details li {
        font-size: 12px
    }

    .site-flex7 .flex7-promo-banner__details li img {
        height: 20px;
        width: 20px
    }

    .site-flex7 .flex7-promo-banner__bonus {
        align-self: stretch;
        font-size: 14px;
        padding: 8px
    }

    .site-flex7 .flex7-promo-banner__bonus img {
        height: 24px;
        width: 24px
    }

    .site-flex7 .flex7-promo-banner__description {
        font-size: 12px;
        grid-column: 1/-1;
        grid-row: 5;
        margin-top: 16px !important
    }

    .site-flex7 .flex7-promo-banner__actions {
        gap: 8px;
        grid-column: 1/-1;
        grid-row: 6;
        margin-top: 12px
    }

    .site-flex7 .flex7-promo-banner__code,
    .site-flex7 .flex7-promo-banner__play {
        min-height: 44px;
        width: 100%
    }

    .site-flex7 .flex7-promo-banner__code .site-promo-value {
        flex: 1;
        font-size: 14px;
        text-align: center
    }

    .site-flex7 .flex7-promo-banner__code button {
        min-height: 40px;
        padding: 8px 12px
    }

    .site-flex7 .flex7-promo-banner__code .site-copy-label {
        display: none
    }

    .site-flex7 .flex7-promo-banner__code .site-copy-mobile-label {
        display: inline
    }

    .site-flex7 .flex7-promo-banner__play {
        font-size: 14px;
        padding-block: 10px
    }

    .site-flex7 .flex7-promo-banner__play img {
        height: 24px;
        width: 24px
    }

    .site-flex7 .flex7-promo-banner__play span {
        flex: 1;
        text-align: center
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-promo-banner-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-top-cards-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-top-cards {
    color: #101010;
    font: 500 14px/1.6 Inter, sans-serif;
    letter-spacing: -.02em
}

.site-flex7 .flex7-top-cards,
.site-flex7 .flex7-top-cards * {
    box-sizing: border-box
}

.site-flex7 .flex7-top-cards h2,
.site-flex7 .flex7-top-cards h3,
.site-flex7 .flex7-top-cards p {
    color: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-top-cards span {
    color: inherit;
    font: inherit
}

.site-flex7 .flex7-top-cards img {
    border-radius: 0;
    display: block;
    flex: none
}

.site-flex7 .flex7-top-cards__heading {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 24px
}

.site-flex7 .flex7-top-cards__heading>span {
    background: var(--color-secondary);
    padding: 2px
}

.site-flex7 .flex7-top-cards__heading h2 {
    font: 500 24px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-top-cards__list {
    background: #f5f5f5;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.site-flex7 .flex7-top-cards__card {
    background: #fff;
    border: 1px solid #ebebeb;
    min-width: 0
}

.site-flex7 .flex7-top-cards__badge {
    align-items: center;
    background: var(--color-primary-solid);
    color: #fff;
    display: flex;
    min-height: 32px
}

.site-flex7 .flex7-top-cards__badge>span {
    flex: 0 0 32px;
    font: 500 16px/1.1 var(--shell-mono);
    text-align: center
}

.site-flex7 .flex7-top-cards__badge>div {
    align-items: center;
    display: flex;
    flex: 1;
    font: 600 14px/1.1 Inter, sans-serif;
    gap: 6px;
    justify-content: center;
    padding: 6px 32px 6px 0;
    text-align: center
}

.site-flex7 .flex7-top-cards__badge img {
    height: 20px;
    width: 20px
}

.site-flex7 .flex7-top-cards__brand {
    aspect-ratio: 217/90;
    background: #191235;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.site-flex7 .flex7-top-cards__identity {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px
}

.site-flex7 .flex7-top-cards__identity h3 {
    font: 500 18px/1.1 var(--shell-mono);
    overflow-wrap: anywhere
}

.site-flex7 .flex7-top-cards__rating {
    align-items: center;
    display: flex;
    gap: 6px
}

.site-flex7 .flex7-top-cards__stars {
    display: flex
}

.site-flex7 .flex7-top-cards__stars img {
    height: 24px;
    width: 24px
}

.site-flex7 .flex7-top-cards__bonus {
    align-items: center;
    background: #fefce9;
    color: #d5ae39;
    display: flex;
    gap: 12px;
    padding: 8px 16px
}

.site-flex7 .flex7-top-cards__bonus p {
    font: 500 18px/1.1 var(--shell-mono);
    overflow-wrap: anywhere
}

.site-flex7 .flex7-top-cards__bonus img {
    height: 28px;
    padding: 2px;
    width: 28px
}

.site-flex7 .flex7-top-cards__card--top .flex7-top-cards__bonus {
    background: #e9f6e9;
    color: #46a758
}

.site-flex7 .flex7-top-cards__card--new .flex7-top-cards__bonus {
    background: #f7edfe;
    color: #8e4ec6
}

.site-flex7 .flex7-top-cards__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px
}

.site-flex7 .flex7-top-cards__payments {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.site-flex7 .flex7-top-cards__payments>span {
    align-items: center;
    background: #f5f5f5;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 37px
}

.site-flex7 .flex7-top-cards__payments img {
    height: 24px;
    width: 37px
}

.site-flex7 .flex7-top-cards__payments .neteller {
    background: #101010
}

.site-flex7 .flex7-top-cards__payments .neteller img {
    height: 6px;
    width: 33px
}

.site-flex7 .flex7-top-cards__actions {
    display: flex;
    gap: 8px
}

.site-flex7 .flex7-top-cards__actions a {
    align-items: center;
    background: var(--color-secondary);
    border-radius: 40px;
    color: #101010;
    display: flex;
    flex: 1;
    font: 600 16px/1.6 Inter, sans-serif;
    justify-content: center;
    min-height: 50px;
    padding: 8px;
    text-decoration: none
}

.site-flex7 .flex7-top-cards__actions a:last-child {
    background: var(--color-primary-solid);
    color: #fff;
    flex: 0 1 152px
}

.site-flex7 .flex7-top-cards__features summary {
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    display: flex;
    gap: 6px;
    height: 24px;
    justify-content: center;
    list-style: none
}

.site-flex7 .flex7-top-cards__features summary::-webkit-details-marker {
    display: none
}

.site-flex7 .flex7-top-cards__features[open] summary img {
    transform: rotate(45deg)
}

.site-flex7 .flex7-top-cards__features ul {
    margin: 12px 0 0;
    padding-left: 20px
}

.site-flex7 .flex7-top-cards__features li {
    color: #101010;
    font: 400 14px/1.6 Inter, sans-serif;
    padding: 0
}

.site-flex7 .flex7-top-cards__features li:before {
    display: none
}

.site-flex7 .flex7-top-cards a:focus-visible,
.site-flex7 .flex7-top-cards summary:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 3px
}

@media (max-width:999px) {
    .site-flex7 .flex7-top-cards__list {
        grid-template-columns: 1fr
    }

    .site-flex7 .flex7-top-cards__heading {
        margin-bottom: 18px
    }

    .site-flex7 .flex7-top-cards__heading h2 {
        font-size: 18px
    }

    .site-flex7 .flex7-top-cards__badge {
        min-height: 20px
    }

    .site-flex7 .flex7-top-cards__badge>div {
        padding-block: 2px
    }

    .site-flex7 .flex7-top-cards__badge img {
        height: 16px;
        width: 16px
    }

    .site-flex7 .flex7-top-cards__identity {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding: 12px 16px
    }

    .site-flex7 .flex7-top-cards__identity h3 {
        font-size: 16px
    }

    .site-flex7 .flex7-top-cards__rating {
        flex: none;
        font-size: 12px
    }

    .site-flex7 .flex7-top-cards__stars img {
        height: 20px;
        width: 20px
    }

    .site-flex7 .flex7-top-cards__stars img:not(:first-child) {
        display: none
    }

    .site-flex7 .flex7-top-cards__bonus p {
        font-size: 14px
    }

    .site-flex7 .flex7-top-cards__actions a {
        font-size: 14px;
        min-height: 44px
    }

    .site-flex7 .flex7-top-cards__features summary {
        font-size: 12px;
        height: 20px
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-top-cards-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-directory-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-directory {
    color: #101010;
    font: 500 14px/1.6 Inter, sans-serif;
    letter-spacing: -.02em
}

.site-flex7 .flex7-directory,
.site-flex7 .flex7-directory * {
    box-sizing: border-box
}

.site-flex7 .flex7-directory h2,
.site-flex7 .flex7-directory h3,
.site-flex7 .flex7-directory p {
    color: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-directory span {
    color: inherit;
    font: inherit
}

.site-flex7 .flex7-directory img {
    border-radius: 0;
    display: block;
    flex: none
}

.site-flex7 .flex7-directory a {
    color: inherit;
    text-decoration: none
}

.site-flex7 .flex7-directory__heading {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 24px
}

.site-flex7 .flex7-directory__heading>span {
    background: var(--color-secondary);
    padding: 2px
}

.site-flex7 .flex7-directory__heading h2 {
    font: 500 24px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-directory__list {
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.site-flex7 .flex7-directory__card {
    background: #fff;
    border: 1px solid #ebebeb;
    display: grid;
    grid-template-columns: 20px 217px minmax(0, 1fr) 175px;
    grid-template-rows: auto minmax(138px, auto) auto;
    min-width: 0
}

.site-flex7 .flex7-directory__rank {
    font: 500 16px/1.1 var(--shell-mono);
    grid-column: 1;
    grid-row: 2/4
}

.site-flex7 .flex7-directory__rank,
.site-flex7 .flex7-directory__ribbon {
    align-items: center;
    background: var(--color-primary-solid);
    color: #fff;
    display: flex;
    justify-content: center
}

.site-flex7 .flex7-directory__ribbon {
    font: 500 14px/1.1 var(--shell-mono);
    gap: 6px;
    grid-column: 1/-1;
    grid-row: 1
}

.site-flex7 .flex7-directory__brand {
    grid-column: 2;
    grid-row: 2/4;
    min-width: 0
}

.site-flex7 .flex7-directory__banner {
    aspect-ratio: 217/90;
    background: #191235;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.site-flex7 .flex7-directory__identity {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px
}

.site-flex7 .flex7-directory__identity h3 {
    font: 500 18px/1.1 var(--shell-mono);
    overflow-wrap: anywhere
}

.site-flex7 .flex7-directory__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px
}

.site-flex7 .flex7-directory__meta a,
.site-flex7 .flex7-directory__meta>span {
    align-items: center;
    display: flex;
    gap: 6px;
    white-space: nowrap
}

.site-flex7 .flex7-directory__content {
    border-inline: 1px solid #ebebeb;
    grid-column: 3;
    grid-row: 2;
    min-width: 0
}

.site-flex7 .flex7-directory__bonus {
    align-items: center;
    background: #e9f6e9;
    color: #46a758;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 4px
}

.site-flex7 .flex7-directory__bonus img {
    padding: 2px
}

.site-flex7 .flex7-directory__bonus p {
    font: 500 18px/1.1 var(--shell-mono);
    overflow-wrap: anywhere
}

.site-flex7 .flex7-directory__advantages {
    display: flex;
    gap: 12px;
    list-style: none;
    margin: 16px 0;
    padding: 0 16px
}

.site-flex7 .flex7-directory__advantages li {
    align-items: flex-start;
    color: #101010;
    display: flex;
    flex: 1;
    font: 400 14px/1.6 Inter, sans-serif;
    gap: 8px;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-directory__advantages li:after,
.site-flex7 .flex7-directory__advantages li:before {
    display: none
}

.site-flex7 .flex7-directory__footer {
    align-items: flex-start;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    display: flex;
    gap: 16px;
    grid-column: 3;
    grid-row: 3;
    min-width: 0;
    padding: 16px
}

.site-flex7 .flex7-directory__payments {
    display: flex;
    flex: none;
    flex-wrap: wrap;
    gap: 4px
}

.site-flex7 .flex7-directory__payments>span {
    align-items: center;
    background: #f5f5f5;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 37px
}

.site-flex7 .flex7-directory__payments img {
    height: 24px;
    width: 37px
}

.site-flex7 .flex7-directory__payments .neteller {
    background: #101010
}

.site-flex7 .flex7-directory__payments .neteller img {
    height: 6px;
    width: 33px
}

.site-flex7 .flex7-directory__features {
    flex: 1;
    min-width: 0
}

.site-flex7 .flex7-directory__features summary {
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    display: flex;
    gap: 6px;
    height: 24px;
    justify-content: center;
    list-style: none;
    white-space: nowrap
}

.site-flex7 .flex7-directory__features summary::-webkit-details-marker {
    display: none
}

.site-flex7 .flex7-directory__features[open] summary img {
    transform: rotate(45deg)
}

.site-flex7 .flex7-directory__features ul {
    list-style: none;
    margin: 12px 0 0;
    padding: 0
}

.site-flex7 .flex7-directory__features li {
    color: #101010;
    font: 400 14px/1.6 Inter, sans-serif;
    padding: 0
}

.site-flex7 .flex7-directory__features li:after,
.site-flex7 .flex7-directory__features li:before {
    display: none
}

.site-flex7 .flex7-directory__actions {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    grid-column: 4;
    grid-row: 2/4;
    justify-content: center;
    padding: 16px
}

.site-flex7 .flex7-directory__actions a {
    align-items: center;
    background: var(--color-secondary);
    border-radius: 40px;
    color: #101010;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    justify-content: center;
    min-height: 50px;
    padding: 8px
}

.site-flex7 .flex7-directory__actions a:last-child {
    background: var(--color-primary-solid);
    color: #fff
}

.site-flex7 .flex7-directory a:focus-visible,
.site-flex7 .flex7-directory summary:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 3px
}

@media (max-width:999px) {
    .site-flex7 .flex7-directory__heading {
        margin-bottom: 18px
    }

    .site-flex7 .flex7-directory__heading h2 {
        font-size: 18px
    }

    .site-flex7 .flex7-directory__card {
        grid-template-columns: 20px minmax(0, 1fr);
        grid-template-rows: auto auto auto auto auto
    }

    .site-flex7 .flex7-directory__rank {
        font-size: 12px;
        grid-column: 1/-1;
        grid-row: 1;
        min-height: 13.2px
    }

    .site-flex7 .flex7-directory__card:has(.flex7-directory__ribbon) .flex7-directory__rank {
        grid-column: 1
    }

    .site-flex7 .flex7-directory__ribbon {
        font-size: 10px;
        gap: 10px;
        grid-column: 2;
        padding: 2px 20px 2px 0;
        text-align: center;
        text-transform: uppercase
    }

    .site-flex7 .flex7-directory__ribbon img {
        height: 16px;
        width: 16px
    }

    .site-flex7 .flex7-directory__ribbon span {
        flex: 1
    }

    .site-flex7 .flex7-directory__brand {
        grid-column: 1/-1;
        grid-row: 2
    }

    .site-flex7 .flex7-directory__identity {
        gap: 12px;
        padding: 12px
    }

    .site-flex7 .flex7-directory__identity h3 {
        font-size: 16px
    }

    .site-flex7 .flex7-directory__content {
        border: 0;
        grid-column: 1/-1;
        grid-row: 3
    }

    .site-flex7 .flex7-directory__bonus {
        justify-content: flex-start;
        padding: 8px 16px
    }

    .site-flex7 .flex7-directory__bonus img {
        height: 24px;
        width: 24px
    }

    .site-flex7 .flex7-directory__bonus p {
        font-size: 14px
    }

    .site-flex7 .flex7-directory__advantages {
        flex-direction: column;
        gap: 8px
    }

    .site-flex7 .flex7-directory__advantages li {
        font-size: 12px
    }

    .site-flex7 .flex7-directory__advantages img {
        height: 20px;
        width: 20px
    }

    .site-flex7 .flex7-directory__footer {
        border-inline: 0;
        flex-direction: column;
        gap: 17px;
        grid-column: 1/-1;
        grid-row: 4;
        padding: 16px 16px 0
    }

    .site-flex7 .flex7-directory__features {
        width: 100%
    }

    .site-flex7 .flex7-directory__features summary {
        font-size: 12px;
        height: 20px
    }

    .site-flex7 .flex7-directory__features summary img {
        height: 20px;
        width: 20px
    }

    .site-flex7 .flex7-directory__actions {
        flex-direction: row;
        grid-column: 1/-1;
        grid-row: 5;
        padding: 17px 16px 16px
    }

    .site-flex7 .flex7-directory__actions a {
        flex: 1;
        font-size: 14px;
        min-height: 42px
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-directory-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-editorial-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-editorial {
    color: #101010;
    display: flex;
    flex-direction: column;
    font: 400 16px/1.6 Inter, sans-serif;
    gap: 48px;
    letter-spacing: -.02em
}

.site-flex7 .flex7-editorial,
.site-flex7 .flex7-editorial * {
    box-sizing: border-box
}

.site-flex7 .flex7-editorial figure,
.site-flex7 .flex7-editorial h2,
.site-flex7 .flex7-editorial h3,
.site-flex7 .flex7-editorial h4,
.site-flex7 .flex7-editorial p {
    color: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-editorial p {
    font: inherit
}

.site-flex7 .flex7-editorial span {
    color: inherit;
    font: inherit
}

.site-flex7 .flex7-editorial img {
    border-radius: 0;
    display: block
}

.site-flex7 .flex7-editorial .site-promo-code button {
    border: 0;
    cursor: pointer
}

.site-flex7 .flex7-editorial .site-promo-code .site-promo-value {
    font: 500 16px/1.1 var(--shell-mono);
    white-space: nowrap
}

.site-flex7 .flex7-editorial h2 {
    font: 500 24px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-editorial h3 {
    font: 500 18px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-editorial h4 {
    font: 500 16px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-editorial__intro {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.site-flex7 .flex7-editorial__prose p+p {
    margin-top: 25.6px
}

.site-flex7 .flex7-editorial__code-card {
    border: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 100%;
    padding: 16px;
    width: 352px
}

.site-flex7 .flex7-editorial__code-card .site-promo-value {
    flex: 1;
    text-align: center
}

.site-flex7 .flex7-editorial__code-heading {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between
}

.site-flex7 .flex7-editorial__status {
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    display: flex;
    font: 500 14px/1.6 Inter, sans-serif !important;
    gap: 8px;
    padding: 2px 12px 4px 8px
}

.site-flex7 .flex7-editorial__banner {
    background: #343434;
    color: #fff;
    overflow: hidden;
    padding: 40px;
    position: relative;
    width: calc(100% + 4px)
}

.site-flex7 .flex7-editorial__background {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.site-flex7 .flex7-editorial__banner-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 100%;
    position: relative;
    width: 511px
}

.site-flex7 .flex7-editorial__banner-heading {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.site-flex7 .flex7-editorial__banner-heading p {
    color: hsla(0, 0%, 100%, .5);
    font: 500 18px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-editorial__banner-heading h3 {
    font-size: 32px
}

.site-flex7 .flex7-editorial__banner-text {
    font: 500 16px/1.1 var(--shell-mono) !important
}

.site-flex7 .flex7-editorial__banner-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.site-flex7 .flex7-editorial__banner-actions .site-promo-code {
    min-height: 50px
}

.site-flex7 .flex7-editorial__banner-actions .site-promo-code button {
    min-height: 46px
}

.site-flex7 .flex7-editorial__banner-actions>a {
    align-items: center;
    background: var(--color-primary-solid);
    border-radius: 40px;
    color: #fff;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    gap: 12px;
    justify-content: center;
    min-height: 50px;
    padding: 8px 16px 8px 12px;
    text-decoration: none
}

.site-flex7 .flex7-editorial__banner-actions>a img {
    height: 34px;
    width: 34px
}

.site-flex7 .flex7-editorial__article {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.site-flex7 .flex7-editorial__article-heading,
.site-flex7 .flex7-editorial__items {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.site-flex7 .flex7-editorial__gallery,
.site-flex7 .flex7-editorial__items>div {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.site-flex7 .flex7-editorial__gallery {
    min-width: 0
}

.site-flex7 .flex7-editorial__gallery figcaption {
    color: #959595;
    font: 400 14px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-editorial__gallery-track {
    background: #f5f5f5;
    border: 1px solid #ebebeb;
    display: flex;
    gap: 4px;
    height: 510px
}

.site-flex7 .flex7-editorial__gallery-track button {
    background: 0 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    flex: 0 0 100px;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    transition: flex-grow .6s cubic-bezier(.22, 1, .36, 1)
}

.site-flex7 .flex7-editorial__gallery-track button.is-active {
    flex: 1 0 100px
}

.site-flex7 .flex7-editorial__gallery-track img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.site-flex7 .flex7-editorial a:focus-visible,
.site-flex7 .flex7-editorial button:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: -2px
}

@media (max-width:767px) {
    .site-flex7 .flex7-editorial {
        font-size: 12px;
        gap: 32px
    }

    .site-flex7 .flex7-editorial h2 {
        font-size: 18px
    }

    .site-flex7 .flex7-editorial h3 {
        font-size: 16px
    }

    .site-flex7 .flex7-editorial h4 {
        font-size: 14px
    }

    .site-flex7 .flex7-editorial__intro {
        gap: 14px
    }

    .site-flex7 .flex7-editorial__prose p+p {
        margin-top: 19.2px
    }

    .site-flex7 .flex7-editorial__code-card {
        order: 2;
        padding: 12px;
        width: 290px
    }

    .site-flex7 .flex7-editorial__code-card h3 {
        font-size: 14px
    }

    .site-flex7 .flex7-editorial__code-card .site-promo-code {
        gap: 8px;
        padding-left: 8px
    }

    .site-flex7 .flex7-editorial__code-card .site-promo-code button {
        font-size: 12px;
        gap: 6px;
        padding-inline: 8px
    }

    .site-flex7 .flex7-editorial__status {
        font-size: 12px !important;
        padding-right: 10px
    }

    .site-flex7 .flex7-editorial__banner {
        order: 1;
        padding: 16px;
        width: 100%
    }

    .site-flex7 .flex7-editorial__banner-content {
        gap: 8px
    }

    .site-flex7 .flex7-editorial__banner-heading p {
        font-size: 12px
    }

    .site-flex7 .flex7-editorial__banner-heading h3 {
        font-size: 18px
    }

    .site-flex7 .flex7-editorial__banner-text {
        font-size: 12px !important
    }

    .site-flex7 .flex7-editorial__banner-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
        margin-top: 4px
    }

    .site-flex7 .flex7-editorial__banner-actions .site-promo-code {
        min-height: 44px
    }

    .site-flex7 .flex7-editorial__banner-actions .site-promo-code .site-promo-value {
        flex: 1;
        font-size: 14px;
        text-align: center
    }

    .site-flex7 .flex7-editorial__banner-actions .site-promo-code button {
        min-height: 40px;
        padding-block: 0
    }

    .site-flex7 .flex7-editorial__banner-actions>a {
        font-size: 14px;
        min-height: 44px;
        padding: 10px 14px 10px 12px
    }

    .site-flex7 .flex7-editorial__banner-actions>a img {
        height: 24px;
        width: 24px
    }

    .site-flex7 .flex7-editorial__article {
        gap: 24px;
        order: 3
    }

    .site-flex7 .flex7-editorial__items {
        gap: 24px
    }

    .site-flex7 .flex7-editorial__gallery {
        order: 4
    }

    .site-flex7 .flex7-editorial__gallery figcaption {
        font-size: 12px;
        text-align: center
    }

    .site-flex7 .flex7-editorial__gallery-track {
        background: 0 0;
        border: 0;
        gap: 8px;
        height: 150px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none
    }

    .site-flex7 .flex7-editorial__gallery-track::-webkit-scrollbar {
        display: none
    }

    .site-flex7 .flex7-editorial__gallery-track button,
    .site-flex7 .flex7-editorial__gallery-track button.is-active {
        flex: 0 0 183px;
        order: var(--mobile-order);
        scroll-snap-align: start;
        transition: none
    }

    .site-flex7 .flex7-editorial__gallery-track button:first-child {
        flex-basis: 214px
    }
}

@media (prefers-reduced-motion:reduce) {
    .site-flex7 .flex7-editorial__gallery-track button {
        transition: none
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-editorial-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-auditor-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-audit {
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #ebebeb;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    letter-spacing: -.02em;
    padding: 16px
}

.site-flex7 .flex7-audit,
.site-flex7 .flex7-audit * {
    box-sizing: border-box
}

.site-flex7 .flex7-audit blockquote,
.site-flex7 .flex7-audit h3,
.site-flex7 .flex7-audit p {
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-audit img {
    border-radius: 0;
    display: block
}

.site-flex7 .flex7-audit__quote {
    align-items: flex-start;
    background: 0 0;
    border: 0;
    display: flex;
    gap: 12px
}

.site-flex7 .flex7-audit__quote:after,
.site-flex7 .flex7-audit__quote:before {
    display: none
}

.site-flex7 .flex7-audit__quote picture {
    flex: none
}

.site-flex7 .flex7-audit__quote p {
    color: #707070;
    font: 400 16px/1.4 var(--shell-mono);
    letter-spacing: inherit;
    min-width: 0
}

.site-flex7 .flex7-audit__person {
    background: #fff;
    border: 1px solid #ebebeb;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-columns: 85px minmax(0, 1fr) 80px;
    grid-template-rows: auto auto;
    min-width: 0;
    padding: 16px;
    row-gap: 16px
}

.site-flex7 .flex7-audit__avatar {
    grid-column: 1;
    grid-row: 1/3;
    height: 85px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 85px
}

.site-flex7 .flex7-audit__identity {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-column: 2;
    grid-row: 1;
    min-width: 0
}

.site-flex7 .flex7-audit__identity p {
    color: #959595;
    font: 500 14px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-audit__identity h3 {
    color: var(--color-primary-solid);
    font: 500 18px/1.1 var(--shell-mono);
    max-width: calc(100% + 92px);
    overflow-wrap: anywhere;
    width: -moz-max-content;
    width: max-content
}

.site-flex7 .flex7-audit__logo {
    grid-column: 3;
    grid-row: 1;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 80px
}

.site-flex7 .flex7-audit__logo img {
    left: .16%;
    position: absolute;
    top: 9.9%
}

.site-flex7 .flex7-audit__link {
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    color: #101010;
    display: flex;
    font: 400 14px/1 Inter, sans-serif;
    gap: 6px;
    grid-column: 2/4;
    grid-row: 2;
    justify-self: start;
    max-width: 100%;
    padding: 0 4px 0 6px;
    text-decoration: none
}

.site-flex7 .flex7-audit__link span {
    color: inherit;
    font: inherit
}

.site-flex7 .flex7-audit__link img {
    flex: none
}

.site-flex7 .flex7-audit__link:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 3px
}

@media (max-width:999px) {
    .site-flex7 .flex7-audit {
        grid-template-columns: 1fr
    }

    .site-flex7 .flex7-audit__identity h3 {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .site-flex7 .flex7-audit__quote p {
        font-size: 12px
    }

    .site-flex7 .flex7-audit__person {
        -moz-column-gap: 8px;
        column-gap: 8px;
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        row-gap: 8px
    }

    .site-flex7 .flex7-audit__avatar {
        height: 44px;
        width: 44px
    }

    .site-flex7 .flex7-audit__identity {
        gap: 4px
    }

    .site-flex7 .flex7-audit__identity p {
        font-size: 12px
    }

    .site-flex7 .flex7-audit__identity h3 {
        font-size: 14px
    }

    .site-flex7 .flex7-audit__logo {
        grid-column: 2;
        grid-row: 2;
        height: 25.882px;
        justify-self: end;
        width: 51.765px
    }

    .site-flex7 .flex7-audit__link {
        grid-column: 1/3;
        grid-row: 3;
        margin-top: 8px;
        max-width: calc(100% + 16px);
        width: -moz-max-content;
        width: max-content
    }

    .site-flex7 .flex7-audit__link span {
        white-space: nowrap
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-auditor-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-attention-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-attention {
    align-items: flex-start;
    background: #feebec;
    border: 1px solid #f4a9aa;
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    gap: 16px;
    padding: 16px
}

.site-flex7 .flex7-attention picture {
    flex: none
}

.site-flex7 .flex7-attention img {
    border-radius: 0;
    display: block
}

.site-flex7 .flex7-attention p {
    color: #101010;
    flex: 1;
    font: 400 16px/1.6 Inter, sans-serif;
    letter-spacing: -.02em;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 0
}

@media (max-width:767px) {
    .site-flex7 .flex7-attention p {
        font-size: 12px
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-attention-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-bonus-table-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-text-content table,
.site-flex7 table.flex7-bonus-table {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #fff;
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    border-radius: 0;
    border-spacing: 0;
    display: table;
    margin: 0;
    overflow: visible;
    table-layout: fixed;
    width: 100%
}

.site-flex7 .flex7-text-content table thead,
.site-flex7 table.flex7-bonus-table thead {
    display: table-header-group
}

.site-flex7 .flex7-text-content table tbody,
.site-flex7 table.flex7-bonus-table tbody {
    display: table-row-group
}

.site-flex7 .flex7-text-content table tr,
.site-flex7 table.flex7-bonus-table tr {
    background: #fff;
    display: table-row
}

.site-flex7 .flex7-text-content table td,
.site-flex7 .flex7-text-content table th,
.site-flex7 table.flex7-bonus-table td,
.site-flex7 table.flex7-bonus-table th {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border: 1px solid #ebebeb;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    display: table-cell;
    letter-spacing: -.02em;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 16px;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
    width: 33.333333%
}

.site-flex7 .flex7-text-content table th,
.site-flex7 table.flex7-bonus-table th {
    background: var(--color-secondary);
    color: var(--color-primary-solid);
    font: 500 16px/1.1 var(--shell-mono);
    text-transform: none
}

.site-flex7 .flex7-text-content table td,
.site-flex7 table.flex7-bonus-table td {
    background: #fff;
    color: #101010;
    font: 400 16px/1.6 Inter, sans-serif
}

.site-flex7 .flex7-text-content table td:nth-child(2),
.site-flex7 table.flex7-bonus-table td:nth-child(2) {
    font-weight: 400
}

.site-flex7 .flex7-text-content table td,
.site-flex7 .flex7-text-content table th {
    width: auto
}

.site-flex7 .flex7-text-content table td p,
.site-flex7 .flex7-text-content table th p {
    color: inherit;
    font: inherit;
    margin: 0
}

.site-flex7 .flex7-text-content table td>:first-child,
.site-flex7 .flex7-text-content table th>:first-child {
    margin-top: 0
}

.site-flex7 .flex7-text-content table td>:last-child,
.site-flex7 .flex7-text-content table th>:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {

    .site-flex7 .flex7-text-content table td,
    .site-flex7 .flex7-text-content table th,
    .site-flex7 table.flex7-bonus-table td,
    .site-flex7 table.flex7-bonus-table th {
        font-size: 12px;
        padding: 8px 16px
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-bonus-table-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-resources-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-resources {
    color: #101010;
    display: flex;
    flex-direction: column;
    font: 400 16px/1.6 Inter, sans-serif;
    gap: 32px;
    letter-spacing: -.02em
}

.site-flex7 .flex7-resources,
.site-flex7 .flex7-resources * {
    box-sizing: border-box
}

.site-flex7 .flex7-resources h2,
.site-flex7 .flex7-resources h3,
.site-flex7 .flex7-resources p {
    color: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-resources p {
    font: inherit
}

.site-flex7 .flex7-resources h2 {
    font: 500 24px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-resources h3 {
    font: 500 18px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-resources__intro {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.site-flex7 .flex7-resources__list {
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.site-flex7 .flex7-resources__card {
    align-items: center;
    background: #fff;
    border: 1px solid #ebebeb;
    display: flex;
    gap: 16px;
    padding: 16px
}

.site-flex7 .flex7-resources__logo {
    align-items: center;
    display: flex;
    flex: 0 0 200px;
    justify-content: center
}

.site-flex7 .flex7-resources__logo img {
    border-radius: 0;
    display: block;
    max-height: 110px;
    max-width: 200px;
    -o-object-fit: contain;
    object-fit: contain
}

.site-flex7 .flex7-resources__body {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-resources__body h3 {
    margin-bottom: 8px
}

.site-flex7 .flex7-resources__description p {
    margin: 0
}

.site-flex7 .flex7-resources__description p+p {
    margin-top: 0
}

.site-flex7 .flex7-resources__phone {
    color: var(--color-primary-solid);
    display: inline-block;
    font: 500 16px/1.1 var(--shell-mono);
    margin-top: 16px;
    text-decoration: none
}

.site-flex7 .flex7-resources__visit {
    align-items: center;
    background: var(--color-secondary);
    border-radius: 40px;
    color: #101010;
    display: flex;
    flex: none;
    font: 600 16px/1.6 Inter, sans-serif;
    justify-content: center;
    min-height: 50px;
    padding: 12px 16px;
    text-decoration: none
}

.site-flex7 .flex7-resources a:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 3px
}

@media (max-width:999px) {
    .site-flex7 .flex7-resources__card {
        align-items: stretch;
        flex-direction: column
    }

    .site-flex7 .flex7-resources__logo {
        flex-basis: auto;
        height: 110px
    }
}

@media (max-width:767px) {
    .site-flex7 .flex7-resources {
        font-size: 12px;
        gap: 24px
    }

    .site-flex7 .flex7-resources h2 {
        font-size: 18px
    }

    .site-flex7 .flex7-resources h3 {
        font-size: 14px
    }

    .site-flex7 .flex7-resources__intro {
        gap: 14px
    }

    .site-flex7 .flex7-resources__list {
        gap: 8px
    }

    .site-flex7 .flex7-resources__phone {
        font-size: 12px
    }

    .site-flex7 .flex7-resources__visit {
        font-size: 14px;
        min-height: 46px
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-resources-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-experts-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-experts {
    color: #101010;
    display: flex;
    flex-direction: column;
    font: 400 16px/1.6 Inter, sans-serif;
    gap: 32px;
    letter-spacing: -.02em
}

.site-flex7 .flex7-experts,
.site-flex7 .flex7-experts * {
    box-sizing: border-box
}

.site-flex7 .flex7-experts blockquote,
.site-flex7 .flex7-experts h2,
.site-flex7 .flex7-experts h3,
.site-flex7 .flex7-experts h4,
.site-flex7 .flex7-experts h5,
.site-flex7 .flex7-experts p {
    color: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-experts p,
.site-flex7 .flex7-experts span {
    color: inherit;
    font: inherit
}

.site-flex7 .flex7-experts img {
    border-radius: 0;
    display: block;
    flex: none
}

.site-flex7 .flex7-experts a {
    text-decoration: none
}

.site-flex7 .flex7-experts h2 {
    font: 500 24px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-experts__intro {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.site-flex7 .flex7-experts__list {
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.site-flex7 .flex7-experts__panel {
    align-items: start;
    background: #fff;
    border: 1px solid #ebebeb;
    display: grid;
    gap: 16px;
    grid-template-columns: 237px minmax(0, 1fr);
    padding: 16px
}

.site-flex7 .flex7-experts__author {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-experts__photos {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    width: 100%
}

.site-flex7 .flex7-experts__avatar {
    height: 114px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 114px
}

.site-flex7 .flex7-experts__organization {
    display: flex;
    flex: 1;
    justify-content: center
}

.site-flex7 .flex7-experts__organization img {
    max-height: 40px;
    max-width: 80px;
    -o-object-fit: contain;
    object-fit: contain
}

.site-flex7 .flex7-experts__identity {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.site-flex7 .flex7-experts__identity h3 {
    color: var(--color-primary-solid);
    font: 500 18px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-experts__identity .flex7-experts__job {
    font: 500 16px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-experts__identity .flex7-experts__job a {
    color: var(--color-primary-solid);
    text-decoration: underline
}

.site-flex7 .flex7-experts__identity .flex7-experts__experience {
    color: #959595;
    font: 400 14px/1.4 var(--shell-mono)
}

.site-flex7 .flex7-experts__reviews {
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    color: #101010;
    display: flex;
    font-weight: 500;
    gap: 4px;
    justify-content: center;
    padding: 0 12px 0 16px
}

.site-flex7 .flex7-experts__picks {
    background: #f5f5f5;
    border: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 16px
}

.site-flex7 .flex7-experts__picks h4 {
    font: 500 16px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-experts__pick {
    background: #fff;
    border: 1px solid #ebebeb;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    padding: 16px;
    width: 100%
}

.site-flex7 .flex7-experts__casino {
    display: flex;
    gap: 16px;
    min-width: 0
}

.site-flex7 .flex7-experts__casino-image {
    background: #191235;
    height: 82px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 82px
}

.site-flex7 .flex7-experts__casino-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

.site-flex7 .flex7-experts__casino-info h5 {
    font: 500 18px/1.1 var(--shell-mono);
    overflow-wrap: anywhere
}

.site-flex7 .flex7-experts__casino-info>p {
    color: #959595;
    font: 400 16px/1.4 var(--shell-mono)
}

.site-flex7 .flex7-experts__rating {
    align-items: center;
    display: flex;
    font: 500 14px/1.6 Inter, sans-serif;
    gap: 6px
}

.site-flex7 .flex7-experts__stars {
    display: flex
}

.site-flex7 .flex7-experts__stars picture {
    flex: none
}

.site-flex7 .flex7-experts blockquote.flex7-experts__quote {
    align-self: start;
    background: var(--color-secondary);
    border: 0;
    border-radius: 0;
    font: 500 16px/1.4 var(--shell-mono);
    grid-column: 2;
    grid-row: 1/3;
    overflow-wrap: anywhere;
    padding: 16px
}

.site-flex7 .flex7-experts blockquote.flex7-experts__quote:after,
.site-flex7 .flex7-experts blockquote.flex7-experts__quote:before {
    display: none
}

.site-flex7 .flex7-experts__actions {
    align-items: center;
    display: flex;
    gap: 16px;
    grid-column: 1
}

.site-flex7 .flex7-experts__actions a {
    align-items: center;
    background: var(--color-secondary);
    border-radius: 40px;
    color: #101010;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    gap: 12px;
    justify-content: center;
    min-height: 50px;
    padding: 8px 16px;
    white-space: nowrap
}

.site-flex7 .flex7-experts__actions a:last-child {
    background: var(--color-primary-solid);
    color: #fff;
    padding-left: 8px
}

.site-flex7 .flex7-experts__actions a img {
    height: 34px;
    width: 34px
}

.site-flex7 .flex7-experts a:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 3px
}

@media (min-width:1000px) {
    .site-flex7 .flex7-experts__pick {
        -moz-column-gap: 0;
        column-gap: 0;
        grid-template-columns: minmax(0, 398px) minmax(0, 1fr)
    }

    .site-flex7 .flex7-experts__actions {
        gap: 12px
    }

    .site-flex7 .flex7-experts__actions a {
        font-size: 14px;
        padding-inline: 12px
    }
}

@media (max-width:999px) {
    .site-flex7 .flex7-experts__panel {
        grid-template-columns: 1fr
    }
}

@media (max-width:767px) {
    .site-flex7 .flex7-experts {
        font-size: 12px
    }

    .site-flex7 .flex7-experts h2 {
        font-size: 18px
    }

    .site-flex7 .flex7-experts__intro {
        gap: 14px
    }

    .site-flex7 .flex7-experts__list {
        gap: 8px
    }

    .site-flex7 .flex7-experts__author {
        gap: 12px
    }

    .site-flex7 .flex7-experts__photos {
        margin-bottom: 4px
    }

    .site-flex7 .flex7-experts__avatar {
        height: 84px;
        width: 84px
    }

    .site-flex7 .flex7-experts__identity h3 {
        font-size: 16px
    }

    .site-flex7 .flex7-experts__identity .flex7-experts__job {
        font-size: 14px
    }

    .site-flex7 .flex7-experts__identity .flex7-experts__experience {
        font-size: 12px
    }

    .site-flex7 .flex7-experts__reviews {
        font-size: 14px;
        width: 100%
    }

    .site-flex7 .flex7-experts__picks {
        gap: 12px;
        padding: 12px
    }

    .site-flex7 .flex7-experts__picks h4 {
        font-size: 14px
    }

    .site-flex7 .flex7-experts__pick {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 12px
    }

    .site-flex7 .flex7-experts__casino {
        gap: 12px
    }

    .site-flex7 .flex7-experts__casino-image {
        height: 49px;
        width: 49px
    }

    .site-flex7 .flex7-experts__casino-info {
        gap: 4px
    }

    .site-flex7 .flex7-experts__casino-info h5 {
        font-size: 14px
    }

    .site-flex7 .flex7-experts__casino-info>p,
    .site-flex7 .flex7-experts__rating {
        font-size: 12px
    }

    .site-flex7 .flex7-experts__quote {
        font-size: 12px;
        padding: 12px;
        width: 100%
    }

    .site-flex7 .flex7-experts__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 8px
    }

    .site-flex7 .flex7-experts__actions a {
        font-size: 14px;
        gap: 8px;
        min-height: 44px;
        padding: 10px 14px;
        white-space: normal
    }

    .site-flex7 .flex7-experts__actions a img {
        height: 24px;
        width: 24px
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-experts-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

@media (max-width:767px) {
    .site-flex7 .flex7-experts blockquote.flex7-experts__quote {
        font-size: 12px;
        padding: 12px
    }
}

.site-flex7 .flex7-content.is-bonus-banner-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-bonus-banner {
    background: #343434;
    color: #fff;
    letter-spacing: -.02em;
    overflow: hidden;
    padding: 40px;
    position: relative
}

.site-flex7 .flex7-bonus-banner,
.site-flex7 .flex7-bonus-banner * {
    box-sizing: border-box
}

.site-flex7 .flex7-bonus-banner h2,
.site-flex7 .flex7-bonus-banner p {
    color: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-bonus-banner img {
    border-radius: 0;
    display: block
}

.site-flex7 .flex7-bonus-banner__background {
    inset: 0;
    position: absolute
}

.site-flex7 .flex7-bonus-banner__background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.site-flex7 .flex7-bonus-banner__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-inline: auto;
    max-width: 100%;
    position: relative;
    text-align: center;
    width: 511px
}

.site-flex7 .flex7-bonus-banner__heading {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

.site-flex7 .flex7-bonus-banner__heading p {
    color: hsla(0, 0%, 100%, .5);
    font: 500 18px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-bonus-banner__heading h2 {
    font: 500 32px/1.1 var(--shell-mono);
    overflow-wrap: anywhere
}

.site-flex7 .flex7-bonus-banner p.flex7-bonus-banner__text {
    font: 500 16px/1.1 var(--shell-mono);
    padding-inline: 32px
}

.site-flex7 .flex7-bonus-banner__button {
    align-items: center;
    background: var(--color-primary-solid);
    border-radius: 40px;
    color: #fff;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    gap: 12px;
    justify-content: center;
    min-height: 50px;
    padding: 8px 16px 8px 12px;
    text-decoration: none
}

.site-flex7 .flex7-bonus-banner__button img {
    flex: none;
    height: 34px;
    width: 34px
}

.site-flex7 .flex7-bonus-banner__button span {
    color: inherit;
    font: inherit
}

.site-flex7 .flex7-bonus-banner__button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px
}

@media (max-width:767px) {
    .site-flex7 .flex7-bonus-banner {
        padding: 16px
    }

    .site-flex7 .flex7-bonus-banner__content {
        gap: 12px
    }

    .site-flex7 .flex7-bonus-banner__heading {
        margin-bottom: 4px
    }

    .site-flex7 .flex7-bonus-banner__heading p {
        font-size: 12px
    }

    .site-flex7 .flex7-bonus-banner__heading h2 {
        font-size: 18px
    }

    .site-flex7 .flex7-bonus-banner p.flex7-bonus-banner__text {
        font-size: 12px;
        padding-inline: 40px
    }

    .site-flex7 .flex7-bonus-banner__button {
        font-size: 14px;
        min-height: 44px;
        padding: 10px 14px 10px 12px;
        width: 100%
    }

    .site-flex7 .flex7-bonus-banner__button img {
        height: 24px;
        width: 24px
    }

    .site-flex7 .flex7-bonus-banner__button span {
        flex: 1
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-bonus-banner-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-pros-cons-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-comparison {
    color: #101010;
    letter-spacing: -.02em
}

.site-flex7 .flex7-comparison,
.site-flex7 .flex7-comparison * {
    box-sizing: border-box
}

.site-flex7 .flex7-comparison h2,
.site-flex7 .flex7-comparison h3 {
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-comparison h2 {
    color: #101010;
    font: 500 24px/1.1 var(--shell-mono);
    margin-bottom: 24px
}

.site-flex7 .flex7-comparison img {
    border-radius: 0;
    display: block
}

.site-flex7 .flex7-comparison__grid {
    align-items: stretch;
    background: #f5f5f5;
    display: flex;
    gap: 16px
}

.site-flex7 .flex7-comparison__column {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    flex: 1;
    min-width: 0
}

.site-flex7 .flex7-comparison__column header {
    align-items: center;
    background: #e9f6e9;
    border: 1px solid #c9e8ca;
    color: #46a758;
    display: flex;
    gap: 16px;
    padding: 16px
}

.site-flex7 .flex7-comparison__column h3 {
    color: inherit;
    font: 500 18px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-comparison__column ul {
    border-inline: 1px solid #ebebeb;
    list-style: none;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-comparison__column li {
    align-items: flex-start;
    color: #101010;
    display: flex;
    font: 400 16px/1.6 Inter, sans-serif;
    gap: 8px;
    margin: 0;
    padding: 12px
}

.site-flex7 .flex7-comparison__column li:after,
.site-flex7 .flex7-comparison__column li:before {
    display: none
}

.site-flex7 .flex7-comparison__column li span {
    color: inherit;
    flex: 1;
    font: inherit;
    min-width: 0;
    overflow-wrap: anywhere
}

.site-flex7 .flex7-comparison__thumb {
    align-items: center;
    display: flex;
    flex: none;
    height: 28px;
    justify-content: center;
    width: 28px
}

.site-flex7 .flex7-comparison__indicator {
    align-items: center;
    background: #e9f6e9;
    display: flex;
    flex: none;
    height: 32px;
    justify-content: center;
    width: 32px
}

.site-flex7 .flex7-comparison__column--cons header {
    background: #feebec;
    border-color: #f4a9aa;
    color: #e5484d
}

.site-flex7 .flex7-comparison__column--cons .flex7-comparison__thumb img {
    transform: rotate(180deg) scaleX(-1)
}

.site-flex7 .flex7-comparison__column--cons .flex7-comparison__indicator {
    background: #feebec
}

@media (max-width:767px) {
    .site-flex7 .flex7-comparison h2 {
        font-size: 18px
    }

    .site-flex7 .flex7-comparison__grid {
        flex-direction: column;
        gap: 8px
    }

    .site-flex7 .flex7-comparison__column h3 {
        font-size: 16px
    }

    .site-flex7 .flex7-comparison__column li {
        font-size: 12px
    }

    .site-flex7 .flex7-comparison__thumb {
        height: 24px;
        width: 24px
    }

    .site-flex7 .flex7-comparison__indicator {
        height: 20px;
        width: 20px
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-pros-cons-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content.is-team-intro-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-team-intro {
    align-items: flex-start;
    background: var(--color-secondary);
    border: 1px solid #ebebeb;
    color: #101010;
    display: flex;
    flex-direction: column;
    gap: 24px;
    letter-spacing: -.02em;
    padding: 16px
}

.site-flex7 .flex7-team-intro,
.site-flex7 .flex7-team-intro * {
    box-sizing: border-box
}

.site-flex7 .flex7-team-intro__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.site-flex7 .flex7-team-intro h2,
.site-flex7 .flex7-team-intro p {
    color: inherit;
    letter-spacing: inherit;
    margin: 0;
    overflow-wrap: anywhere;
    padding: 0
}

.site-flex7 .flex7-team-intro h2 {
    font: 500 24px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-team-intro p {
    font: 400 16px/1.6 Inter, sans-serif
}

.site-flex7 .flex7-team-intro>a {
    align-items: center;
    background: var(--color-primary-solid);
    border-radius: 40px;
    color: #fff;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    justify-content: center;
    max-width: 100%;
    min-height: 50px;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none
}

.site-flex7 .flex7-team-intro>a:focus-visible {
    outline: 2px solid #101010;
    outline-offset: 3px
}

@media (max-width:767px) {
    .site-flex7 .flex7-team-intro {
        gap: 18px
    }

    .site-flex7 .flex7-team-intro__content {
        gap: 8px
    }

    .site-flex7 .flex7-team-intro h2 {
        font-size: 18px
    }

    .site-flex7 .flex7-team-intro p {
        font-size: 12px
    }

    .site-flex7 .flex7-team-intro>a {
        font-size: 14px;
        min-height: 44px;
        padding: 10px 14px;
        width: 100%
    }
}

@media (max-width:575px) {
    .site-flex7 .flex7-content.is-team-intro-full {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.flex7-review-entry {
    background: #fff;
    border: 1px solid #ebebeb;
    color: #101010;
    display: grid;
    font-family: Inter, sans-serif;
    gap: 16px;
    grid-template-areas: "title title""fields rating""fields bonus""fields submit";
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    letter-spacing: -.02em;
    margin-inline: auto;
    max-width: 952px;
    padding: 16px
}

.flex7-review-entry,
.flex7-review-entry * {
    box-sizing: border-box
}

.flex7-review-entry img {
    border-radius: 0;
    height: 24px;
    width: 24px
}

.flex7-review-entry span {
    color: inherit;
    font: inherit
}

.flex7-review-entry .flex7-review-entry__title {
    align-items: center;
    color: #101010;
    display: flex;
    font: 500 24px/1.1 var(--shell-mono);
    gap: 16px;
    grid-area: title;
    margin: 0 0 8px;
    padding: 0
}

.flex7-review-entry .flex7-review-entry__title span {
    background: var(--color-secondary);
    display: flex;
    padding: 2px
}

.flex7-review-entry__fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
    grid-area: fields
}

.flex7-review-entry__fields input,
.flex7-review-entry__fields textarea {
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    color: #101010;
    display: block;
    font: 400 16px/1.6 Inter, sans-serif;
    letter-spacing: -.02em;
    margin: 0;
    padding: 11px 16px;
    width: 100%
}

.flex7-review-entry__fields input::-moz-placeholder,
.flex7-review-entry__fields textarea::-moz-placeholder {
    color: #959595;
    opacity: 1
}

.flex7-review-entry__fields input::placeholder,
.flex7-review-entry__fields textarea::placeholder {
    color: #959595;
    opacity: 1
}

.flex7-review-entry__fields textarea {
    height: 84px;
    min-height: 84px;
    resize: vertical
}

.flex7-review-entry__hint {
    color: #959595;
    display: flex;
    font-size: 12px;
    gap: 8px;
    justify-content: space-between;
    line-height: 1.6;
    margin-top: 6px
}

.flex7-review-entry__rating {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font: 500 18px/1.1 var(--shell-mono);
    gap: 8px;
    grid-area: rating
}

.flex7-review-entry__rating [data-rating-stars] {
    display: flex
}

.flex7-review-entry__rating button {
    background: url(/assets/images/flex7/review-form/star.svg) 50%/24px no-repeat;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    height: 24px;
    padding: 0;
    width: 24px
}

.flex7-review-entry__rating button.is-filled,
.flex7-review-entry__rating button.is-hovered {
    background-image: url(/assets/images/flex7/top-cards/star.svg)
}

.flex7-review-entry__bonus {
    align-items: center;
    background: #e9f6e9;
    display: flex;
    gap: 12px;
    grid-area: bonus;
    padding: 16px
}

.flex7-review-entry__bonus p {
    color: #101010;
    font: 500 18px/1.1 var(--shell-mono);
    margin: 0
}

.flex7-review-entry__bonus p span {
    color: #46a758
}

.flex7-review-entry .flex7-review-entry__gift {
    background: #c9e8ca;
    display: flex;
    flex-shrink: 0;
    padding: 2px
}

.flex7-review-entry .flex7-review-entry__submit {
    align-items: center;
    background: var(--color-primary-solid);
    border: 0;
    border-radius: 40px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    gap: 8px;
    grid-area: submit;
    justify-content: center;
    min-height: 50px;
    padding: 10px 16px
}

.flex7-review-entry .flex7-review-entry__submit:disabled {
    cursor: default
}

.flex7-review-entry .flex7-review-entry__submit.is-loading {
    opacity: .7
}

.flex7-review-entry__status {
    font: 400 14px/1.6 Inter, sans-serif;
    grid-column: 1/-1;
    margin: 0
}

.flex7-review-entry__status.is-error {
    color: #c43138
}

.flex7-review-entry__status[hidden] {
    display: none
}

.flex7-review-entry button:focus-visible,
.flex7-review-entry input:focus-visible,
.flex7-review-entry textarea:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 2px
}

@media (max-width:767px) {
    .flex7-review-entry {
        grid-template-areas: "title""rating""fields""bonus""submit";
        grid-template-columns: minmax(0, 1fr)
    }

    .flex7-review-entry .flex7-review-entry__title {
        font-size: 18px;
        margin-bottom: 0
    }

    .flex7-review-entry__fields {
        gap: 8px
    }

    .flex7-review-entry__fields input,
    .flex7-review-entry__fields textarea {
        font-size: 12px;
        padding: 12px
    }

    .flex7-review-entry__fields textarea {
        height: 68px;
        min-height: 68px
    }

    .flex7-review-entry__hint {
        font-size: 10px
    }

    .flex7-review-entry__rating {
        font-size: 14px;
        gap: 4px
    }

    .flex7-review-entry__bonus p {
        font-size: 14px
    }

    .flex7-review-entry .flex7-review-entry__submit {
        font-size: 14px;
        min-height: 44px
    }
}

@media (max-width:575px) {
    .flex7-review-entry {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.flex7-testimonials {
    color: #101010;
    display: flex;
    flex-direction: column;
    gap: 32px;
    letter-spacing: -.02em;
    margin-inline: auto;
    max-width: 952px
}

.flex7-testimonials,
.flex7-testimonials * {
    box-sizing: border-box
}

.flex7-testimonials h2 {
    color: #101010;
    font: 500 24px/1.1 var(--shell-mono);
    margin: 0;
    padding: 0
}

.flex7-testimonials img {
    border-radius: 0;
    display: block
}

.flex7-testimonials span {
    color: inherit;
    font: inherit
}

.flex7-testimonials__list {
    background: #f5f5f5;
    border-inline: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.flex7-testimonials__thread {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

.flex7-testimonials__replies {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 16px
}

.flex7-testimonials__replies .flex7-testimonials__card {
    border-left: 1px solid #ebebeb
}

.flex7-testimonials__card {
    background: #fff;
    border-block: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 16px
}

.flex7-testimonials__head {
    align-items: flex-start;
    display: flex;
    gap: 16px
}

.flex7-testimonials__author {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 12px;
    min-width: 0
}

.flex7-testimonials__author .flex7-testimonials__avatar {
    flex-shrink: 0;
    height: 49px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 49px
}

.flex7-testimonials__author>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0
}

.flex7-testimonials__author strong {
    color: #101010;
    font: 500 18px/1.1 var(--shell-mono);
    overflow-wrap: anywhere
}

.flex7-testimonials__author span {
    color: #959595;
    font: 400 14px/1.4 var(--shell-mono)
}

.flex7-testimonials__rating {
    align-items: center;
    color: #707070;
    display: flex;
    flex-wrap: wrap;
    font: 500 18px/1.1 var(--shell-mono);
    gap: 8px
}

.flex7-testimonials__stars {
    display: flex;
    flex-shrink: 0
}

.flex7-testimonials__stars img,
.flex7-testimonials__stars picture {
    display: block;
    height: 24px;
    width: 24px
}

.flex7-testimonials__body {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.flex7-testimonials__body p {
    color: #101010;
    font: 400 16px/1.6 Inter, sans-serif;
    margin: 0;
    overflow-wrap: anywhere;
    width: 100%
}

.flex7-testimonials .flex7-testimonials__reply {
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    color: #101010;
    cursor: pointer;
    display: flex;
    font: 500 16px/1.6 Inter, sans-serif;
    gap: 2px;
    margin: 0;
    padding: 0 4px 0 6px
}

.flex7-testimonials .flex7-testimonials__reply img {
    height: 24px;
    width: 24px
}

.flex7-testimonials .flex7-testimonials__reply:hover {
    background: var(--color-secondary)
}

.flex7-testimonials .flex7-testimonials__reply:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 2px
}

.flex7-testimonials>.flex7-review-entry {
    width: 100%
}

@media (max-width:767px) {
    .flex7-testimonials {
        gap: 18px
    }

    .flex7-testimonials h2 {
        font-size: 18px
    }

    .flex7-testimonials__list {
        gap: 8px
    }

    .flex7-testimonials__replies,
    .flex7-testimonials__thread {
        gap: 4px
    }

    .flex7-testimonials__card {
        gap: 12px
    }

    .flex7-testimonials__head {
        flex-direction: column;
        gap: 12px
    }

    .flex7-testimonials__author strong {
        font-size: 14px
    }

    .flex7-testimonials__author span,
    .flex7-testimonials__rating {
        font-size: 12px
    }

    .flex7-testimonials__stars img,
    .flex7-testimonials__stars picture {
        height: 20px;
        width: 20px
    }

    .flex7-testimonials__body p {
        font-size: 12px
    }

    .flex7-testimonials .flex7-testimonials__reply {
        font-size: 14px
    }
}

@media (max-width:575px) {
    .flex7-testimonials {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.flex7-questions {
    color: #101010;
    display: flex;
    flex-direction: column;
    gap: 24px;
    letter-spacing: -.02em;
    margin-inline: auto;
    max-width: 952px
}

.flex7-questions,
.flex7-questions * {
    box-sizing: border-box
}

.flex7-questions img,
.flex7-questions picture {
    border-radius: 0;
    display: block;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.flex7-questions span {
    color: inherit;
    font: inherit
}

.flex7-questions h2 {
    align-items: center;
    color: #101010;
    display: flex;
    font: 500 24px/1.1 var(--shell-mono);
    gap: 16px;
    margin: 0;
    padding: 0
}

.flex7-questions h2 span {
    background: var(--color-secondary);
    padding: 2px
}

.flex7-questions__list {
    background: #f5f5f5;
    border-inline: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.flex7-questions__item {
    background: #fff;
    border-block: 1px solid #ebebeb
}

.flex7-questions .flex7-questions__toggle {
    align-items: center;
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #101010;
    cursor: pointer;
    display: flex;
    font: 500 16px/1.1 var(--shell-mono);
    gap: 10px;
    justify-content: space-between;
    letter-spacing: -.02em;
    min-height: 54px;
    padding: 15px 16px;
    text-align: left;
    width: 100%
}

.flex7-questions .flex7-questions__toggle span {
    min-width: 0;
    overflow-wrap: anywhere
}

.flex7-questions .flex7-questions__toggle:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: -2px
}

.flex7-questions .is-open .flex7-questions__toggle img {
    transform: rotate(180deg)
}

.flex7-questions__answer {
    color: #101010;
    font: 400 16px/1.6 Inter, sans-serif;
    overflow-wrap: anywhere;
    padding: 0 16px 16px
}

.flex7-questions__answer p {
    color: inherit;
    font: inherit;
    margin: 0 0 12px
}

.flex7-questions__answer p:last-child {
    margin-bottom: 0
}

.flex7-questions__answer[hidden] {
    display: none
}

.flex7-questions__support {
    align-items: center;
    background: #fff;
    border: 1px solid var(--color-primary-solid);
    display: flex;
    gap: 16px;
    padding: 16px
}

.flex7-questions__support a {
    align-items: center;
    background: var(--color-secondary);
    border-radius: 40px;
    color: #101010;
    display: flex;
    flex-shrink: 0;
    font: 600 16px/1.6 Inter, sans-serif;
    justify-content: center;
    min-height: 50px;
    padding: 12px;
    text-align: center;
    text-decoration: none
}

.flex7-questions__support a:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 2px
}

.flex7-questions__support a:hover {
    background: #d7f7fd
}

.flex7-questions__support-content {
    display: flex;
    flex: 1;
    gap: 16px;
    min-width: 0
}

.flex7-questions__support-content>div {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.flex7-questions__support-content h3 {
    color: #101010;
    font: 500 18px/1.1 var(--shell-mono);
    margin: 0;
    padding: 0
}

.flex7-questions__support-content p {
    color: #101010;
    font: 400 16px/1.6 Inter, sans-serif;
    margin: 0
}

@media (max-width:767px) {
    .flex7-questions {
        gap: 18px
    }

    .flex7-questions h2 {
        font-size: 18px
    }

    .flex7-questions__list {
        gap: 4px
    }

    .flex7-questions .flex7-questions__toggle {
        font-size: 14px;
        padding: 16px
    }

    .flex7-questions__answer {
        font-size: 12px
    }

    .flex7-questions__support {
        align-items: stretch;
        flex-direction: column
    }

    .flex7-questions__support a {
        font-size: 14px;
        min-height: 46px
    }

    .flex7-questions__support-content h3 {
        font-size: 16px
    }

    .flex7-questions__support-content p {
        font-size: 12px
    }
}

@media (max-width:575px) {
    .flex7-questions {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.flex7-profile {
    background: var(--color-secondary);
    border: 1px solid var(--color-primary-solid);
    color: #101010;
    display: grid;
    gap: 16px;
    grid-template-areas: "avatar identity meta""avatar bio bio""avatar button button""audit audit audit";
    grid-template-columns: 136px minmax(0, 1fr) auto;
    letter-spacing: -.02em;
    margin-inline: auto;
    max-width: 952px;
    padding: 16px
}

.flex7-profile,
.flex7-profile * {
    box-sizing: border-box
}

.flex7-profile img {
    border-radius: 0;
    display: block
}

.flex7-profile span {
    color: inherit;
    font: inherit
}

.flex7-profile a:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 3px
}

.flex7-profile__avatar {
    grid-area: avatar;
    height: 136px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 136px
}

.flex7-profile__identity {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-area: identity;
    justify-content: center
}

.flex7-profile__identity h3 {
    color: var(--color-primary-solid);
    font: 500 18px/1.1 var(--shell-mono);
    margin: 0;
    padding: 0
}

.flex7-profile__identity span {
    color: #959595;
    font: 500 14px/1.1 var(--shell-mono)
}

.flex7-profile__meta {
    align-items: flex-end;
    color: #959595;
    display: flex;
    flex-direction: column;
    font: 400 14px/1.4 var(--shell-mono);
    gap: 8px;
    grid-area: meta
}

.flex7-profile__social {
    display: flex;
    gap: 4px
}

.flex7-profile__social a,
.flex7-profile__social img {
    display: block;
    height: 24px;
    width: 24px
}

.flex7-profile__bio {
    font: 400 16px/1.6 Inter, sans-serif;
    grid-area: bio;
    overflow-wrap: anywhere
}

.flex7-profile__bio p {
    color: #101010;
    font: inherit;
    margin: 0 0 25.6px
}

.flex7-profile__bio p:last-child {
    margin-bottom: 0
}

.flex7-profile .flex7-profile__button {
    align-items: center;
    background: var(--color-primary-solid);
    border-radius: 40px;
    color: #fff;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    gap: 12px;
    grid-area: button;
    justify-content: center;
    min-height: 50px;
    padding: 8px 12px 8px 16px;
    text-align: center;
    text-decoration: none
}

.flex7-profile .flex7-profile__button img {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.flex7-profile__audit {
    background: #fff;
    border: 1px solid #ebebeb;
    display: grid;
    gap: 16px;
    grid-area: audit;
    grid-template-areas: "heading logo""note logo";
    grid-template-columns: minmax(0, 1fr) 111px;
    padding: 16px
}

.flex7-profile__audit-heading {
    align-items: center;
    display: flex;
    gap: 16px;
    grid-area: heading
}

.flex7-profile__audit-heading p {
    color: #101010;
    font: 500 16px/1.4 var(--shell-mono);
    margin: 0;
    overflow-wrap: anywhere
}

.flex7-profile__audit-heading a {
    color: var(--color-primary-solid);
    font: inherit;
    text-decoration: underline
}

.flex7-profile .flex7-profile__check {
    align-items: center;
    background: var(--color-secondary);
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    width: 32px
}

.flex7-profile .flex7-profile__check img {
    height: 24px;
    width: 24px
}

.flex7-profile__logo {
    display: flex;
    grid-area: logo;
    justify-content: flex-end
}

.flex7-profile__logo picture {
    align-items: center;
    display: flex;
    height: 36.753px;
    overflow: hidden;
    width: 73.505px
}

.flex7-profile__logo img {
    max-width: none
}

.flex7-profile .flex7-profile__note {
    color: #707070;
    font: 400 14px/1.6 Inter, sans-serif;
    grid-area: note;
    margin: 0
}

@media (max-width:767px) {
    .flex7-profile {
        grid-template-areas: "avatar identity""meta meta""bio bio""button button""audit audit";
        grid-template-columns: 54px minmax(0, 1fr)
    }

    .flex7-profile__avatar {
        height: 54px;
        width: 54px
    }

    .flex7-profile__identity h3 {
        font-size: 16px
    }

    .flex7-profile__identity span {
        font-size: 12px
    }

    .flex7-profile__meta {
        align-items: center;
        flex-direction: row;
        font-size: 12px;
        justify-content: space-between
    }

    .flex7-profile__bio {
        font-size: 12px
    }

    .flex7-profile__bio p {
        margin-bottom: 19.2px
    }

    .flex7-profile .flex7-profile__button {
        font-size: 14px;
        min-height: 44px;
        padding-block: 10px
    }

    .flex7-profile__audit {
        -moz-column-gap: 8px;
        column-gap: 8px;
        grid-template-areas: "heading logo""note note";
        grid-template-columns: minmax(0, 1fr) 60px
    }

    .flex7-profile__audit-heading {
        align-items: flex-start;
        gap: 8px
    }

    .flex7-profile__audit-heading p {
        font-size: 12px
    }

    .flex7-profile .flex7-profile__check {
        height: 24px;
        width: 24px
    }

    .flex7-profile .flex7-profile__check img {
        height: 18px;
        width: 18px
    }

    .flex7-profile__logo {
        align-items: center;
        justify-content: center
    }

    .flex7-profile__logo picture {
        height: 24px;
        width: 48px
    }

    .flex7-profile .flex7-profile__note {
        font-size: 10px
    }
}

@media (max-width:575px) {
    .flex7-profile {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.flex7-related {
    display: flex;
    flex-direction: column;
    gap: 32px;
    letter-spacing: -.02em;
    margin-inline: auto;
    max-width: 952px
}

.flex7-related,
.flex7-related * {
    box-sizing: border-box
}

.flex7-related h2 {
    color: #101010;
    font: 500 24px/1.1 var(--shell-mono);
    margin: 0;
    padding: 0
}

.flex7-related__grid {
    background: #f5f5f5;
    box-shadow: inset 0 0 0 1px #ebebeb;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.flex7-related__card {
    background: #fff;
    border: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 16px
}

.flex7-related__card a {
    align-items: center;
    background: var(--color-secondary);
    border-radius: 40px;
    color: #101010;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    justify-content: center;
    margin-top: auto;
    min-height: 50px;
    padding: 8px 12px 8px 16px;
    text-align: center;
    text-decoration: none
}

.flex7-related__card a:hover {
    background: #d7f7fd
}

.flex7-related__card a:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 2px
}

.flex7-related__heading {
    align-items: center;
    display: flex;
    gap: 16px
}

.flex7-related__heading h3 {
    color: #101010;
    font: 500 18px/1.1 var(--shell-mono);
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 0
}

.flex7-related__icon {
    background: var(--color-primary-solid);
    display: flex;
    flex-shrink: 0;
    padding: 8px
}

.flex7-related__icon img,
.flex7-related__icon picture {
    border-radius: 0;
    display: block;
    height: 24px;
    width: 24px
}

@media (max-width:767px) {
    .flex7-related {
        gap: 18px
    }

    .flex7-related h2 {
        font-size: 18px
    }

    .flex7-related__grid {
        gap: 8px;
        grid-template-columns: minmax(0, 1fr)
    }

    .flex7-related__heading h3 {
        font-size: 14px
    }

    .flex7-related__icon {
        padding: 6.4px
    }

    .flex7-related__icon img,
    .flex7-related__icon picture {
        height: 19.2px;
        width: 19.2px
    }

    .flex7-related__card a {
        font-size: 14px;
        min-height: 44px;
        padding-block: 10px
    }
}

@media (max-width:575px) {
    .flex7-related {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.flex7-blacklist {
    align-items: center;
    color: #101010;
    display: flex;
    flex-direction: column;
    gap: 32px;
    letter-spacing: -.02em;
    margin-inline: auto;
    max-width: 952px
}

.flex7-blacklist,
.flex7-blacklist * {
    box-sizing: border-box
}

.flex7-blacklist img {
    border-radius: 0;
    display: block
}

.flex7-blacklist span {
    color: inherit;
    font: inherit
}

.flex7-blacklist h2,
.flex7-blacklist h3,
.flex7-blacklist p {
    color: #101010;
    margin: 0;
    padding: 0
}

.flex7-blacklist__intro {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%
}

.flex7-blacklist__intro h2 {
    font: 500 24px/1.1 var(--shell-mono)
}

.flex7-blacklist__intro p {
    font: 400 16px/1.6 Inter, sans-serif
}

.flex7-blacklist__grid {
    align-items: start;
    background: #f5f5f5;
    box-shadow: inset 0 0 0 1px #ebebeb;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%
}

.flex7-blacklist__card {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #ebebeb;
    display: flex;
    gap: 16px;
    min-width: 0;
    padding: 16px
}

.flex7-blacklist__logo {
    background: #191235;
    flex-shrink: 0;
    height: 64px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 64px
}

.flex7-blacklist__info {
    align-self: stretch;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    justify-content: space-between;
    min-width: 0
}

.flex7-blacklist__row {
    align-items: center;
    display: flex;
    gap: 8px
}

.flex7-blacklist__row h3 {
    flex: 1;
    font: 500 16px/1.1 var(--shell-mono);
    min-width: 0;
    overflow-wrap: anywhere
}

.flex7-blacklist__rating {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font: 500 14px/1.6 Inter, sans-serif;
    gap: 6px
}

.flex7-blacklist__rating img,
.flex7-blacklist__rating picture {
    display: block;
    height: 24px;
    width: 24px
}

.flex7-blacklist__rating picture {
    background: #f43f4c;
    -webkit-mask: url(/assets/images/flex7/blacklist/star.svg) center/contain no-repeat;
    mask: url(/assets/images/flex7/blacklist/star.svg) center/contain no-repeat
}

.flex7-blacklist__rating img {
    opacity: 0
}

.flex7-blacklist__rating .flex7-blacklist__scale {
    color: #707070
}

.flex7-blacklist p.flex7-blacklist__reason {
    background: #feebec;
    color: #e5484d;
    font: 500 14px/1.1 var(--shell-mono);
    overflow-wrap: anywhere;
    padding: 4px 8px;
    text-align: center
}

.flex7-blacklist__issue {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #ebebeb;
    display: flex;
    gap: 16px;
    padding: 16px;
    width: 100%
}

.flex7-blacklist__issue>img {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.flex7-blacklist__issue>div {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

.flex7-blacklist__issue h3 {
    font: 500 18px/1.1 var(--shell-mono)
}

.flex7-blacklist__issue p {
    font: 400 16px/1.6 Inter, sans-serif
}

.flex7-blacklist .flex7-blacklist__button {
    align-items: center;
    background: var(--color-secondary);
    border-radius: 40px;
    color: #101010;
    display: flex;
    font: 600 16px/1.6 Inter, sans-serif;
    gap: 12px;
    justify-content: center;
    max-width: 100%;
    min-height: 50px;
    padding: 8px 12px 8px 16px;
    text-align: center;
    text-decoration: none
}

.flex7-blacklist .flex7-blacklist__button img {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.flex7-blacklist .flex7-blacklist__button:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 2px
}

.flex7-blacklist .flex7-blacklist__button--primary {
    align-self: center;
    background: var(--color-primary-solid);
    color: #fff;
    flex-shrink: 0
}

@media (min-width:768px) and (max-width:991px) {
    .flex7-blacklist__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:767px) {
    .flex7-blacklist {
        gap: 18px
    }

    .flex7-blacklist__intro {
        gap: 14px
    }

    .flex7-blacklist__intro h2 {
        font-size: 18px
    }

    .flex7-blacklist__intro p {
        font-size: 12px
    }

    .flex7-blacklist__grid {
        gap: 8px;
        grid-template-columns: minmax(0, 1fr)
    }

    .flex7-blacklist__card {
        gap: 12px
    }

    .flex7-blacklist__logo {
        height: 50px;
        width: 50px
    }

    .flex7-blacklist__row h3 {
        font-size: 14px
    }

    .flex7-blacklist__rating {
        font-size: 12px
    }

    .flex7-blacklist__rating img,
    .flex7-blacklist__rating picture {
        height: 20px;
        width: 20px
    }

    .flex7-blacklist__rating picture {
        -webkit-mask-image: url(/assets/images/flex7/blacklist/star-mobile.svg);
        mask-image: url(/assets/images/flex7/blacklist/star-mobile.svg)
    }

    .flex7-blacklist p.flex7-blacklist__reason {
        font-size: 12px
    }

    .flex7-blacklist__issue {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr)
    }

    .flex7-blacklist__issue h3 {
        font-size: 14px
    }

    .flex7-blacklist__issue p {
        font-size: 12px
    }

    .flex7-blacklist__issue a {
        grid-column: 1/-1
    }

    .flex7-blacklist .flex7-blacklist__button {
        font-size: 14px;
        min-height: 44px;
        padding-block: 10px
    }
}

@media (max-width:575px) {
    .flex7-blacklist {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.flex7-game-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    letter-spacing: -.02em;
    margin-inline: auto;
    max-width: 952px
}

.flex7-game-list,
.flex7-game-list * {
    box-sizing: border-box
}

.flex7-game-list img {
    border-radius: 0;
    display: block
}

.flex7-game-list h2 {
    align-items: center;
    color: #101010;
    display: flex;
    font: 500 24px/1.1 var(--shell-mono);
    gap: 16px;
    margin: 0;
    padding: 0
}

.flex7-game-list h2 span {
    background: var(--color-secondary);
    padding: 2px
}

.flex7-game-list h2 img {
    height: 24px;
    width: 24px
}

.flex7-game-list__grid {
    background: #f5f5f5;
    box-shadow: inset 0 0 0 1px #ebebeb;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.flex7-game-list .flex7-game-list__card {
    align-items: stretch;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #101010;
    display: flex;
    gap: 16px;
    min-width: 0;
    padding-left: 16px;
    text-decoration: none
}

.flex7-game-list .flex7-game-list__card.is-highlighted,
.flex7-game-list .flex7-game-list__card:focus-visible,
.flex7-game-list .flex7-game-list__card:hover {
    border-color: var(--color-primary-solid)
}

.flex7-game-list .flex7-game-list__card.is-highlighted .flex7-game-list__play,
.flex7-game-list .flex7-game-list__card:focus-visible .flex7-game-list__play,
.flex7-game-list .flex7-game-list__card:hover .flex7-game-list__play {
    background: var(--color-primary-solid)
}

.flex7-game-list .flex7-game-list__card.is-highlighted .flex7-game-list__play-normal,
.flex7-game-list .flex7-game-list__card:focus-visible .flex7-game-list__play-normal,
.flex7-game-list .flex7-game-list__card:hover .flex7-game-list__play-normal {
    display: none
}

.flex7-game-list .flex7-game-list__card.is-highlighted .flex7-game-list__play-active,
.flex7-game-list .flex7-game-list__card:focus-visible .flex7-game-list__play-active,
.flex7-game-list .flex7-game-list__card:hover .flex7-game-list__play-active {
    display: block
}

.flex7-game-list .flex7-game-list__card:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 2px
}

.flex7-game-list__content {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 16px;
    min-width: 0;
    padding-block: 16px
}

.flex7-game-list__image {
    background: #191235;
    flex-shrink: 0;
    height: 64px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 64px
}

.flex7-game-list__info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0
}

.flex7-game-list__info h3 {
    color: #101010;
    font: 500 16px/1.1 var(--shell-mono);
    margin: 0;
    overflow-wrap: anywhere;
    padding: 0
}

.flex7-game-list__info p {
    color: #959595;
    font: 500 14px/1.1 var(--shell-mono);
    margin: 0;
    overflow-wrap: anywhere
}

.flex7-game-list__info span {
    background: #e9f6e9;
    color: #46a758;
    font: 500 12px/1.1 var(--shell-mono);
    padding: 4px 8px
}

.flex7-game-list__play {
    align-items: center;
    background: var(--color-secondary);
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    padding: 8px;
    width: 40px
}

.flex7-game-list__play img {
    height: 24px;
    width: 24px
}

.flex7-game-list__play .flex7-game-list__play-active {
    display: none
}

@media (min-width:768px) and (max-width:991px) {
    .flex7-game-list__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:767px) {
    .flex7-game-list h2 {
        font-size: 18px
    }

    .flex7-game-list__grid {
        gap: 8px;
        grid-template-columns: minmax(0, 1fr)
    }

    .flex7-game-list__image {
        height: 60px;
        width: 60px
    }

    .flex7-game-list__info h3 {
        font-size: 14px
    }

    .flex7-game-list__info p {
        font-size: 12px
    }
}

@media (max-width:575px) {
    .flex7-game-list {
        margin-inline: -1px;
        width: calc(100% + 2px)
    }
}

.site-flex7 .flex7-content:has(>.flex7-text-content) {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .content .flex7-text-content {
    color: #101010;
    display: block;
    font: 400 16px/1.6 Inter, sans-serif;
    letter-spacing: -.02em;
    min-width: 0;
    overflow-wrap: anywhere;
    overflow-x: auto;
    width: 100%
}

.site-flex7 .content .flex7-text-content>* {
    margin: 0 0 18px
}

.site-flex7 .content .flex7-text-content>:last-child {
    margin-bottom: 0
}

.site-flex7 .content .flex7-text-content li,
.site-flex7 .content .flex7-text-content ol,
.site-flex7 .content .flex7-text-content p,
.site-flex7 .content .flex7-text-content ul {
    color: inherit;
    font: inherit;
    letter-spacing: inherit
}

.site-flex7 .content .flex7-text-content h1,
.site-flex7 .content .flex7-text-content h2,
.site-flex7 .content .flex7-text-content h3,
.site-flex7 .content .flex7-text-content h4,
.site-flex7 .content .flex7-text-content h5,
.site-flex7 .content .flex7-text-content h6,
.site-flex7 .content .flex7-text-content p.flex7-h2 {
    color: inherit;
    font: 500 24px/1.1 var(--shell-mono);
    letter-spacing: -.02em;
    margin: 24px 0 18px;
    padding: 0
}

.site-flex7 .content .flex7-text-content>h2:first-of-type {
    font-size: 24px;
    line-height: 1.1;
    margin: 24px 0 18px
}

.site-flex7 .content .flex7-text-content h3 {
    font-size: 18px
}

.site-flex7 .content .flex7-text-content h4,
.site-flex7 .content .flex7-text-content h5,
.site-flex7 .content .flex7-text-content h6 {
    font-size: 16px
}

.site-flex7 .content .flex7-text-content>:first-child,
.site-flex7 .content .flex7-text-content>div[id]:empty+h2,
.site-flex7 .content .flex7-text-content>h2:first-child {
    margin-top: 0
}

.site-flex7 .content .flex7-text-content ol,
.site-flex7 .content .flex7-text-content ul {
    color: var(--shell-ink);
    padding-left: 24px
}

.site-flex7 .content .flex7-text-content ol b,
.site-flex7 .content .flex7-text-content ol em,
.site-flex7 .content .flex7-text-content ol i,
.site-flex7 .content .flex7-text-content ol span,
.site-flex7 .content .flex7-text-content ol strong,
.site-flex7 .content .flex7-text-content ul b,
.site-flex7 .content .flex7-text-content ul em,
.site-flex7 .content .flex7-text-content ul i,
.site-flex7 .content .flex7-text-content ul span,
.site-flex7 .content .flex7-text-content ul strong {
    color: inherit;
    font-family: inherit
}

.site-flex7 .content .flex7-text-content figure.table {
    display: block;
    margin-inline: 0;
    overflow-x: auto;
    width: 100%
}

.site-flex7 .content .flex7-text-content table {
    margin-bottom: 18px
}

.site-flex7 .content .flex7-text-content table:last-child {
    margin-bottom: 0
}

.site-flex7 .content .flex7-text-content td p,
.site-flex7 .content .flex7-text-content th p {
    color: inherit;
    font: inherit;
    margin: 0
}

.site-flex7 .flex7-content.is-snippet-full {
    box-sizing: border-box;
    display: block;
    margin-inline: auto;
    max-width: 952px;
    padding: 0;
    width: 100%
}

.site-flex7 .flex7-content.is-snippet-full .flex7-text-group {
    margin: 0 0 18px;
    width: 100%
}

.site-flex7 .flex7-content.is-snippet-full .flex7-h2 {
    color: var(--shell-ink);
    font: 500 24px/1.1 var(--shell-mono);
    letter-spacing: -.02em;
    margin: 0
}

.site-flex7 .flex7-content.is-snippet-full .flex7-snippet {
    color: var(--shell-ink);
    margin: 0;
    width: 100%
}

.site-flex7 .flex7-content.is-snippet-full .flex7-snippet-image {
    background: var(--shell-subtle);
    margin: 0 16px 18px 0
}

@media (max-width:750px) {
    .site-flex7 .flex7-content.is-snippet-full .flex7-snippet-image {
        margin: 0 0 18px
    }
}

.site-flex7 .flex7-content.is-snippet-full .flex7-snippet-copy>figure.table,
.site-flex7 .flex7-content.is-snippet-full .flex7-snippet-copy>table {
    clear: both
}

.site-flex7 .flex7-slot-widget,
.site-flex7 .flex7-spin-widget {
    animation: none;
    background: var(--color-secondary);
    border-radius: 0;
    box-shadow: none;
    color: #101010;
    font-family: Inter, sans-serif
}

.site-flex7 .flex7-slot-widget *,
.site-flex7 .flex7-spin-widget * {
    font-family: inherit;
    letter-spacing: -.02em
}

.site-flex7 .flex7-slot-close,
.site-flex7 .flex7-spin-close {
    background: var(--color-primary-solid);
    border-radius: 0;
    height: 28px;
    padding: 2px;
    right: 0;
    top: 0;
    width: 28px
}

.site-flex7 .flex7-slot-close:after,
.site-flex7 .flex7-slot-close:before,
.site-flex7 .flex7-spin-close:after,
.site-flex7 .flex7-spin-close:before {
    content: none
}

.site-flex7 .flex7-slot-close img,
.site-flex7 .flex7-spin-close img {
    display: block;
    height: 24px;
    width: 24px
}

.site-flex7 .flex7-spin-widget {
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 12px;
    width: 194px
}

.site-flex7 .flex7-spin-wheel {
    height: 158px;
    overflow: visible;
    width: 162.432px
}

.site-flex7 .flex7-spin-wheel>img {
    display: block;
    height: 158px;
    max-width: none;
    width: 162.432px
}

.site-flex7 .flex7-spin-text {
    width: 100%
}

.site-flex7 .flex7-spin-text strong {
    color: var(--color-primary-solid);
    font: 600 20px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-spin-text span {
    color: #101010;
    font: 400 16px/1.6 Inter, sans-serif
}

.site-flex7 .flex7-spin-button {
    background: var(--color-primary-solid);
    border-radius: 40px;
    color: #fff;
    font: 600 14px/1.6 Inter, sans-serif;
    height: auto;
    min-height: 44px;
    padding: 10px 14px
}

.site-flex7 .flex7-slot-widget {
    gap: 16px;
    min-height: 337px;
    padding: 16px;
    width: 288px
}

.site-flex7 .flex7-slot-widget:after,
.site-flex7 .flex7-slot-widget:before {
    content: none
}

.site-flex7 .flex7-slot-widget>strong {
    color: var(--color-primary-solid);
    font: 600 20px/1.1 var(--shell-mono);
    margin: 0;
    position: relative;
    width: 192px
}

.site-flex7 .flex7-slot-widget .flex7-slot-machine.is-small {
    height: 261px;
    margin-bottom: 6px;
    overflow: hidden;
    width: 261px
}

.site-flex7 .flex7-slot-widget .flex7-slot-machine-box {
    height: 262.528px;
    width: 276.974px
}

.site-flex7 .flex7-slot-widget .flex7-slot-cell {
    background: linear-gradient(0deg, hsla(0, 0%, 6%, .2), hsla(0, 0%, 6%, .04) 48.558%, hsla(0, 0%, 6%, .2)), #fff;
    border: 0;
    box-shadow: none
}

.site-flex7 .flex7-slot-widget .flex7-slot-reel {
    gap: 16.89px;
    padding: 4.222px 0
}

.site-flex7 .flex7-slot-widget .flex7-slot-reel img {
    filter: none;
    height: 34px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 34px
}

.site-flex7 .flex7-slot-widget .flex7-slot-spin-bottom {
    height: 34.6575px;
    width: 90.2548px
}

.site-flex7 .flex7-slot-widget .flex7-slot-spin-top {
    height: 35.3372px;
    width: 90.2548px
}

.site-flex7 .flex7-slot-widget .flex7-slot-spin-glare {
    height: 90.2548px;
    width: 35.3372px
}

.site-flex7 .flex7-slot-widget .flex7-slot-spin-text {
    height: 13.177px;
    width: 63.697px
}

.site-flex7 .flex7-slot-rays {
    inset: 0;
    -webkit-mask-image: url(/assets/images/flex7/widgets/slot-mask.svg);
    mask-image: url(/assets/images/flex7/widgets/slot-mask.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.site-flex7 .flex7-slot-rays img {
    height: 531.039px;
    left: calc(50% + 9.6px);
    max-width: none;
    position: absolute;
    top: calc(50% + 5.56px);
    transform: translate(-50%, -50%);
    width: 501.333px
}

.site-flex7 .flex7-scratch-widget {
    animation: none;
    aspect-ratio: auto;
    border-radius: 0;
    height: 86.6166px;
    overflow: visible;
    width: 120px
}

.site-flex7 .flex7-scratch-widget:focus-visible {
    outline: 2px solid var(--color-primary-solid);
    outline-offset: 4px
}

.site-flex7 .flex7-scratch-trigger {
    display: block;
    height: 86.6166px;
    pointer-events: none;
    position: relative;
    width: 120px
}

.site-flex7 .flex7-scratch-trigger.is-mobile {
    display: none
}

.site-flex7 .flex7-scratch-trigger img {
    display: block;
    max-width: none;
    position: absolute
}

.site-flex7 .flex7-scratch-trigger .flex7-scratch-trigger-bg,
.site-flex7 .flex7-scratch-trigger .flex7-scratch-trigger-rays {
    height: 86.6166px;
    inset: 0;
    width: 120px
}

.site-flex7 .flex7-scratch-trigger .flex7-scratch-trigger-logo {
    height: 54.5957px;
    left: 13.153px;
    top: 15.978px;
    width: 93.3587px
}

@media (min-width:751px) and (max-width:1180px) {
    .site-flex7 .flex7-spin-widget {
        min-height: 96px;
        padding: 7px;
        width: 96px
    }

    .site-flex7 .flex7-spin-widget .flex7-spin-wheel {
        height: 80px;
        width: 82px
    }

    .site-flex7 .flex7-spin-widget .flex7-spin-wheel>img {
        transform: scale(.505);
        transform-origin: top left
    }

    .site-flex7 .flex7-slot-widget {
        gap: 0;
        height: 104px;
        min-height: 104px;
        padding: 6px;
        width: 104px
    }

    .site-flex7 .flex7-slot-widget .flex7-slot-machine.is-small {
        left: 6px;
        position: absolute;
        top: 6px;
        transform: scale(.35249);
        transform-origin: top left
    }

    .site-flex7 .flex7-scratch-trigger.is-mobile,
    .site-flex7 .flex7-scratch-widget {
        height: 46.1955px;
        width: 64px
    }

    .site-flex7 .flex7-scratch-trigger.is-desktop {
        display: none
    }

    .site-flex7 .flex7-scratch-trigger.is-mobile {
        display: block
    }

    .site-flex7 .flex7-scratch-trigger.is-mobile .flex7-scratch-trigger-bg,
    .site-flex7 .flex7-scratch-trigger.is-mobile .flex7-scratch-trigger-rays {
        height: 46.1955px;
        width: 64px
    }

    .site-flex7 .flex7-scratch-trigger.is-mobile .flex7-scratch-trigger-logo {
        height: 29.1177px;
        left: 7.012px;
        top: 8.526px;
        width: 49.7913px
    }
}

.site-flex7 .flex7-scratch-popup,
.site-flex7 .flex7-slot-popup,
.site-flex7 .flex7-spin-popup {
    font-family: Inter, sans-serif;
    overflow-y: auto;
    padding: 24px;
    z-index: 1100
}

.site-flex7 .flex7-scratch-popup *,
.site-flex7 .flex7-slot-popup *,
.site-flex7 .flex7-spin-popup * {
    font-family: inherit;
    letter-spacing: -.02em
}

.site-flex7 .flex7-slot-popup-card,
.site-flex7 .flex7-spin-popup-card {
    background: var(--color-secondary);
    border-radius: 0;
    box-shadow: none;
    color: #101010;
    flex-shrink: 0;
    max-height: calc(100dvh - 48px);
    min-height: 0;
    overflow-y: auto
}

.site-flex7 .flex7-slot-popup-card:after,
.site-flex7 .flex7-slot-popup-card:before,
.site-flex7 .flex7-spin-popup-card:after,
.site-flex7 .flex7-spin-popup-card:before {
    content: none
}

.site-flex7 .flex7-popup-rays {
    inset: 0;
    -webkit-mask-image: url(/assets/images/flex7/popups/mask.svg);
    mask-image: url(/assets/images/flex7/popups/mask.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.site-flex7 .flex7-popup-rays img {
    height: 795.12px;
    left: 50%;
    max-width: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 800px
}

.site-flex7 .flex7-scratch-popup-close,
.site-flex7 .flex7-slot-popup-close,
.site-flex7 .flex7-spin-popup-close {
    background: var(--color-primary-solid);
    border-radius: 0;
    height: 44px;
    padding: 3.143px;
    right: 0;
    top: 0;
    width: 44px
}

.site-flex7 .flex7-scratch-popup-close:after,
.site-flex7 .flex7-scratch-popup-close:before,
.site-flex7 .flex7-slot-popup-close:after,
.site-flex7 .flex7-slot-popup-close:before,
.site-flex7 .flex7-spin-popup-close:after,
.site-flex7 .flex7-spin-popup-close:before {
    content: none
}

.site-flex7 .flex7-scratch-popup-close img,
.site-flex7 .flex7-slot-popup-close img,
.site-flex7 .flex7-spin-popup-close img {
    display: block;
    height: 37.7143px;
    max-width: none;
    width: 37.7143px
}

.site-flex7 .flex7-slot-popup-card p,
.site-flex7 .flex7-spin-popup-text p {
    color: #101010;
    font: 400 16px/1.6 Inter, sans-serif;
    margin: 0;
    padding: 0
}

.site-flex7 .flex7-slot-popup-card p.flex7-h2,
.site-flex7 .flex7-spin-popup-text p.flex7-h2 {
    color: var(--color-primary-solid);
    font: 600 32px/1.1 var(--shell-mono);
    margin: 0;
    padding: 0;
    text-align: center;
    width: min(344px, 100%)
}

.site-flex7 .flex7-spin-popup-wheel-large {
    aspect-ratio: auto;
    height: 435.3125px;
    width: 420px
}

.site-flex7 .flex7-spin-popup-wheel-sectors {
    height: 362.954px;
    left: 29.24px;
    top: 32.76px;
    transform-origin: center;
    width: 362.955px
}

.site-flex7 .flex7-wheel-sector {
    height: 182.533px;
    left: 112.61px;
    position: absolute;
    top: -.57px;
    transform: rotate(var(--sector-angle));
    transform-origin: 50% 100%;
    width: 139.376px
}

.site-flex7 .flex7-wheel-sector img {
    height: 181.775px;
    left: .2415px;
    max-width: none;
    position: absolute;
    top: .164px;
    width: 138.893px
}

.site-flex7 .flex7-wheel-sector span {
    align-items: center;
    color: #101010;
    display: flex;
    font: 600 14.15px/1.1 var(--shell-mono);
    height: 139px;
    justify-content: center;
    left: -4.5px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 4.6px;
    transform: rotate(-90deg);
    width: 148.8px
}

.site-flex7 .flex7-wheel-sector.is-dark span {
    color: #fff
}

.site-flex7 .flex7-spin-popup-wheel-frame {
    height: 419.349px;
    left: 4.24px;
    max-width: none;
    top: 1.17px;
    width: 414.589px
}

.site-flex7 .flex7-spin-popup-button {
    background: var(--color-primary-solid);
    border-radius: 40px;
    font: 600 16px/1.6 Inter, sans-serif;
    height: auto;
    min-height: 50px;
    padding: 8px 16px
}

.site-flex7 .flex7-spin-result-card {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #fff;
    border: 1px solid var(--color-primary-solid);
    border-radius: 0;
    gap: 8px;
    padding: 12px
}

.site-flex7 .flex7-spin-result-logo {
    aspect-ratio: 217/90;
    border-radius: 0
}

.site-flex7 .flex7-spin-result-logo img {
    -o-object-fit: cover;
    object-fit: cover
}

.site-flex7 .flex7-spin-result-copy {
    color: #101010;
    padding: 0
}

.site-flex7 .flex7-spin-result-copy span {
    color: #101010;
    font: 600 16px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-spin-result-copy strong {
    color: var(--color-primary-solid);
    font: 600 20px/1.1 var(--shell-mono)
}

.site-flex7 .flex7-spin-result-button {
    background: #46a758;
    border-radius: 40px;
    color: #fff;
    font: 600 16px/1.6 Inter, sans-serif;
    gap: 8px;
    height: auto;
    margin-top: 16px;
    min-height: 50px;
    padding: 8px 16px 8px 12px
}

.site-flex7 .flex7-spin-result-button span {
    color: inherit
}

.site-flex7 .flex7-spin-result-button img {
    filter: none;
    height: 24px;
    width: 24px
}

.site-flex7 .flex7-slot-popup .flex7-slot-machine.is-large {
    height: 425px;
    overflow: hidden;
    width: 425px
}

.site-flex7 .flex7-slot-popup .flex7-slot-machine-box {
    height: 427.487px;
    width: 451.012px
}

.site-flex7 .flex7-slot-popup .flex7-slot-cell {
    background: linear-gradient(0deg, hsla(0, 0%, 6%, .2), hsla(0, 0%, 6%, .04) 48.558%, hsla(0, 0%, 6%, .2)), #fff;
    border: 0;
    box-shadow: none
}

.site-flex7 .flex7-slot-popup .flex7-slot-reel {
    gap: 27.503px;
    padding: 6.876px 0
}

.site-flex7 .flex7-slot-popup .flex7-slot-reel img {
    filter: none;
    height: 55.36px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 55.36px
}

.site-flex7 .flex7-slot-popup .flex7-slot-spin-bottom {
    height: 56.4346px;
    width: 146.967px
}

.site-flex7 .flex7-slot-popup .flex7-slot-spin-top {
    height: 57.5415px;
    width: 146.967px
}

.site-flex7 .flex7-slot-popup .flex7-slot-spin-glare {
    height: 146.967px;
    width: 57.5415px
}

.site-flex7 .flex7-slot-popup .flex7-slot-spin-text {
    height: 21.4573px;
    width: 103.721px
}

.site-flex7 .flex7-scratch-ticket {
    aspect-ratio: auto;
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    flex-shrink: 0;
    height: 279.543px;
    isolation: isolate;
    max-width: none;
    width: 700px
}

.site-flex7 .flex7-scratch-ticket>.flex7-popup-rays {
    display: none
}

.site-flex7 .flex7-scratch-state-play,
.site-flex7 .flex7-scratch-state-play .flex7-scratch-ticket-bg {
    height: 279.543px;
    width: 700px
}

.site-flex7 .flex7-scratch-popup-logo {
    height: 146.975px;
    left: 56.85px;
    max-width: none;
    position: absolute;
    top: 63.92px;
    width: 251.327px
}

.site-flex7 .flex7-scratch-area {
    border-radius: 16px;
    height: 183px;
    left: 340px;
    top: 46px;
    width: 300px
}

.site-flex7 .flex7-scratch-popup:not(.is-result) .flex7-scratch-popup-close {
    height: 28px;
    padding: 0;
    right: 21px;
    top: 17.8px;
    width: 28px
}

.site-flex7 .flex7-scratch-popup:not(.is-result) .flex7-scratch-popup-close img {
    transform: scale(.63636);
    transform-origin: center
}

.site-flex7 .flex7-scratch-popup.is-result .flex7-scratch-ticket {
    background: var(--color-secondary);
    height: auto;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    padding: 32px;
    width: min(484px, 100%)
}

.site-flex7 .flex7-scratch-popup.is-result .flex7-scratch-ticket>.flex7-popup-rays {
    display: block
}

.site-flex7 .flex7-scratch-state-result {
    height: auto;
    inset: auto;
    position: relative;
    width: 100%
}

@media (max-width:760px) {
    .site-flex7 .flex7-scratch-popup:not(.is-result) .flex7-scratch-ticket {
        zoom: .48
    }
}

@media (max-width:560px) {

    .site-flex7 .flex7-scratch-popup,
    .site-flex7 .flex7-slot-popup,
    .site-flex7 .flex7-spin-popup {
        padding: 12px
    }

    .site-flex7 .flex7-scratch-popup.is-result .flex7-scratch-ticket,
    .site-flex7 .flex7-slot-popup-card,
    .site-flex7 .flex7-spin-popup-card {
        max-height: calc(100dvh - 24px);
        padding: 44px 16px 20px
    }

    .site-flex7 .flex7-slot-popup-card p.flex7-h2,
    .site-flex7 .flex7-spin-popup-text p.flex7-h2 {
        font-size: 24px
    }

    .site-flex7 .flex7-slot-popup .flex7-slot-machine.is-large,
    .site-flex7 .flex7-spin-popup-wheel-large {
        zoom: .74
    }
}

@media (max-width:370px) {

    .site-flex7 .flex7-slot-popup .flex7-slot-machine.is-large,
    .site-flex7 .flex7-spin-popup-wheel-large {
        zoom: .62
    }

    .site-flex7 .flex7-scratch-popup:not(.is-result) .flex7-scratch-ticket {
        zoom: .41
    }
}

.site-flex7 .flex7-result-celebration {
    display: block;
    margin-bottom: 4px
}

 :root {
            --color-background: #FFFFFF;
            --color-gradient-banner-desktop: linear-gradient(90deg, #182325 0%, rgba(24, 35, 37, 0.66) 51.44%, rgba(24, 35, 37, 0.00) 100%);
            --color-grey: #EAF9FF;
            --color-primary: #14A3BC;
            --color-primary-solid: #166F1F;
            --color-secondary: #F2EBDD;
            --color-gradient-03: radial-gradient(46.86% 115.97% at 50.26% 51.14%, #EE5C19 0%, #FFC58B 100%);
            --color-surface-1: #0C1213;
            --color-surface-2: #233437;
            --color-surface-3: #304A4E;
        }
        @media (max-width: 750px) {figure.table{overflow: auto;margin:0;}}
        .review {margin:15px 0 0 0;}
        .topbar .content-list .content-list-items::-webkit-scrollbar {
            height: 6px;
        }