.C9JUSu6VaKM5y0Kq4sg2 {
    display: block;
    height: var(--logoHeight, 100%);
    margin: 0 auto;
    width: var(--logoWidth, 100%)
}

.C9JUSu6VaKM5y0Kq4sg2 .image-logo {
    aspect-ratio: 2/1;
    max-width: 100%;
}

.Luw8lK38r3OQwrI1_Mkt {
    align-items: center;
    background: #fff;
    border-radius: 0 16px 16px 0;
    box-shadow: var(--shadow-mid);
    display: flex;
    height: 46px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(var(--mobileNavDragY, 24px));
    width: 32px;
    z-index: 101
}

@media (min-width: 1211px) {
    .Luw8lK38r3OQwrI1_Mkt {
        height: 64px;
        width: 64px
    }
}

html[dir=rtl] .Luw8lK38r3OQwrI1_Mkt {
    border-radius: 16px 0 0 16px;
    padding-right: 8px
}

.ZtpHATGcFJmJaBKxWD6g {
    align-items: center;
    display: flex;
    height: 100%;
}

.FgGJm0djGAEJxrPQMEHz {
    height: 15px;
    margin-left: 6px;
    width: 9px;
    margin-right: 9px;
    fill: var(--poki-blue);
    transform: scaleX(-1)
}

@media (min-width: 1211px) {
    .FgGJm0djGAEJxrPQMEHz {
        height: 24px;
        margin-left: 10px;
        width: 14px
    }
}

html[dir=rtl] .FgGJm0djGAEJxrPQMEHz {
    order: 2
}

.xaQzRJSQjfRtbtkO51bQ {
    --logoWidth: 24px;
    --logoHeight: 24px;
    margin-left: 8px
}

.xaQzRJSQjfRtbtkO51bQ svg {
    height: 100%;
    width: 100%
}

html[dir=rtl] .xaQzRJSQjfRtbtkO51bQ {
    order: 1
}

@media (min-width: 1211px) {
    .xaQzRJSQjfRtbtkO51bQ.xaQzRJSQjfRtbtkO51bQ {
        --logoWidth: 36px;
        --logoHeight: 36px;
        margin-left: 12px
    }
}

/*# sourceMappingURL=client~app-components-MobileNav~a5a6aedd7f2274759e45.css.map*/



@keyframes E33nCzOpCuJ4U2Y0wzwg {
    0% {
        transform: translate(-50%, -50%) scale(1)
    }

    50% {
        transform: translate(-50%, -50%) scale(1.1)
    }

    to {
        transform: translate(-50%, -50%) scale(1)
    }
}

._oaA25NgnD27qRa7gZZ3 {
    border-radius: 16px;
    box-shadow: var(--shadow-mid);
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

._oaA25NgnD27qRa7gZZ3:after {
    background-color: color-mix(in srgb, var(--blue-1) 60%, #0000);
    border-radius: 16px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.KX2IBwJ1xLYGDNo70d04 {
    color: #fff;
    left: 50%;
    margin-top: 40px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    z-index: 2;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    font: 700 24px var(--fontTorus);
    text-align: center;
}

.Xn_wrmpnaAgB7BQligNB {
    animation: E33nCzOpCuJ4U2Y0wzwg 3s ease-in-out infinite;
    background-color: #fff;
    border-radius: 32px;
    box-shadow: var(--shadow-far);
    display: none;
    height: 64px;
    left: 50%;
    padding: 14px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 64px;

    z-index: 3
}

.TdOKhyxRxRBbvUXTeOnG {
    fill: var(--poki-blue)
}

.jYzNFPbikRarfceie4AR {
    border-radius: 16px;
    filter: saturate(0);
    height: 100%;
    width: 100%
}

.HJXDfIrrbhpJKiQaZ2dA {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.I9jhqHVGJK1ymS7kdF5n .Xn_wrmpnaAgB7BQligNB {
    display: block
}

.I9jhqHVGJK1ymS7kdF5n .HJXDfIrrbhpJKiQaZ2dA {
    display: none
}

.I9jhqHVGJK1ymS7kdF5n .jYzNFPbikRarfceie4AR {
    filter: none
}

.I9jhqHVGJK1ymS7kdF5n:after {
    background: linear-gradient(#0000 25%, #0000004d)
}

@keyframes P3t9z_dlMzH8JdQXYgb6 {
    0% {
        transform: rotate(0deg) translateY(var(--gameBarIconY, 0))
    }

    40% {
        transform: rotate(20deg) translateY(var(--gameBarIconY, 0))
    }

    43% {
        transform: rotate(25deg) translateY(var(--gameBarIconY, 0))
    }

    60% {
        transform: rotate(-15deg) translateY(var(--gameBarIconY, 0))
    }

    70% {
        transform: rotate(3deg) translateY(var(--gameBarIconY, 0))
    }

    80% {
        transform: rotate(-1deg) translateY(var(--gameBarIconY, 0))
    }

    85% {
        transform: rotate(-5deg) translateY(var(--gameBarIconY, 0))
    }

    to {
        transform: rotate(-5deg) translateY(var(--gameBarIconY, 0))
    }
}

@keyframes iCKaV5q9eF5vB3DOHhTh {
    0% {
        transform: scale(1)
    }

    40% {
        background-color: var(--gameBarButtonAnimationBackgroundColor, var(--green-3));
        transform: scale(1.1)
    }

    43% {
        transform: scale(1.2)
    }

    60% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(1.01)
    }

    85% {
        transform: scale(1)
    }

    to {
        background-color: var(--gameBarLabelBackgroundColor);
        transform: scale(1)
    }
}

.AUcJqk5uLaoXL0jqRGuH {
    overflow: visible;
    fill: var(--gameBarIconFill, var(--poki-blue));
    transform: rotate(var(--gameBarIconRotation, 0deg)) translateY(var(--gameBarIconY, 0));
    transition: fill .6s var(--gameBarButtonAnimationCurve), transform .2s var(--gameBarButtonAnimationCurve)
}

.aAJE6r6D5rwwQuTmZqYG {
    bottom: 4px;
    font: 700 10px/12px var(--fontBody);
    left: 50%;
    position: absolute
}

.L6WSODmebiIqJJOEi46E {
    border-radius: 16px;
    left: 0;
    padding: 0 4px;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    transition: opacity .35s var(--gameBarButtonAnimationCurve);
    white-space: nowrap
}

.Vlw13G6cUIC6W9LiGC_X {
    background-color: var(--gameBarLabelBackgroundColor, hsla(0, 0%, 100%, 0));
    color: var(--grey-3);
    opacity: var(--gameBarLabelOpacity, 1)
}

.tz2DEu5qBC9Yd6hJGjoW {
    background-color: var(--poki-blue);
    color: #fff;
    opacity: var(--gameBarHoverLabelOpacity, 0)
}

.tqh57qBcKxMV9EdZQoAb {
    background: var(--gameBarLabelBackgroundColor, #fff);
    border-radius: 50%;
    height: 100%;
    padding: 8px;
    transition: background-color .6s var(--gameBarButtonAnimationCurve);
    width: 100%
}

.HPn_GzeLxs8_4nNebuj1 {
    --gameBarButtonAnimationCurve: cubic-bezier(.32, 1.2, .54, 1.17);
    background: none;
    border: none;
    cursor: pointer;
    height: 40px;
    margin: 8px 8px auto;
    outline: none;
    padding: 0;
    position: relative;
    width: 40px
}

.HPn_GzeLxs8_4nNebuj1:hover {
    --gameBarIconRotation: -5deg;
    --gameBarLabelOpacity: 0
}

.HPn_GzeLxs8_4nNebuj1:hover .tqh57qBcKxMV9EdZQoAb {
    background-color: var(--gameBarButtonBackgroundHoverColor, var(--grey-7))
}

.HPn_GzeLxs8_4nNebuj1:active .tqh57qBcKxMV9EdZQoAb {
    background: var(--gameBarButtonBackgroundHoverColor, var(--grey-5));
    transition: background-color .35s var(--gameBarButtonAnimationCurve)
}

.Vw1CuEQNiEwOdx9uRdMC {
    --gameBarIconRotation: -5deg
}

.Vw1CuEQNiEwOdx9uRdMC:hover {
    --gameBarIconRotation: 0deg
}

.Vw1CuEQNiEwOdx9uRdMC .AUcJqk5uLaoXL0jqRGuH {
    --gameBarIconFill: #fff
}

.Vw1CuEQNiEwOdx9uRdMC .Vlw13G6cUIC6W9LiGC_X {
    --gameBarLabelBackgroundColor: var(--grey-7)
}

.Vw1CuEQNiEwOdx9uRdMC .tqh57qBcKxMV9EdZQoAb {
    --gameBarLabelBackgroundColor: var(--poki-blue);
    --gameBarButtonBackgroundHoverColor: var(--blue-5)
}

.Vw1CuEQNiEwOdx9uRdMC .tqh57qBcKxMV9EdZQoAb:active {
    --gameBarButtonBackgroundHoverColor: var(--blue-3)
}

.phlaiC_iad_lookW5__d:hover {
    --gameBarHoverLabelOpacity: 1
}

.tkJkfkWXlmN_OvNzlLDg .tqh57qBcKxMV9EdZQoAb {
    --gameBarButtonAnimationBackgroundColor: var(--pink-3)
}

.tkJkfkWXlmN_OvNzlLDg .AUcJqk5uLaoXL0jqRGuH>use {
    transform: rotate(180deg);
    transform-origin: 50%
}

.Vw1CuEQNiEwOdx9uRdMC.mDTrvHhilj2xlIvo_kXA:not(.tkJkfkWXlmN_OvNzlLDg) {
    --gameBarIconY: -2px
}

.Vw1CuEQNiEwOdx9uRdMC.mDTrvHhilj2xlIvo_kXA .tqh57qBcKxMV9EdZQoAb {
    animation: iCKaV5q9eF5vB3DOHhTh 1s forwards
}

.Vw1CuEQNiEwOdx9uRdMC.mDTrvHhilj2xlIvo_kXA .AUcJqk5uLaoXL0jqRGuH {
    animation: P3t9z_dlMzH8JdQXYgb6 1s 1
}

.BISYNVRlqGl3LXHhG8OQ {
    display: flex;
    max-width: 100%
}

.R7VHMHKzLDc3D3OfQ4pA {
    background: var(--grey-5);
    border-radius: 8px;
    height: 40px;
    margin-inline-end: 8px;
    width: 40px
}

.CHVUtwTeELaQvB5XjIXn {
    margin: auto 0;
    min-width: 0
}

.hSBT7NJmqCF0UOqGFDLA {
    color: var(--blue-1);
    font: 700 20px/24px var(--fontTorus);
    margin-inline-end: 0 8px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._Vo7p3ZHOD37kAhG3YNE {
    color: var(--grey-3);
    display: block;
    font: 12px/16px var(--fontBody);
    letter-spacing: .3px
}

@media (orientation:portrait) {
    .Clsn52HE2ZzhoBMbiAF6 {
        max-height: 100%
    }
}

.Clsn52HE2ZzhoBMbiAF6 {
    -webkit-user-select: none;
    user-select: none
}

.J91n1ymJasoch_FZq89b {
    align-self: stretch;
    background: #fff;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: 64px;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 12px 0 0;
    position: relative;
    z-index: 3
}

html[dir=rtl] .J91n1ymJasoch_FZq89b {
    padding: 0 0 0 12px
}

.R1ACZt2EeasukoYw2mmg {
    align-items: center;
    display: flex;
    margin-left: auto
}

.hvLtMSipvVng82x9Seuh {
    padding: 6px
}

.gCaHtnVxpqX6wzDLyVYL {
    align-items: center;
    background: #fff;
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 14px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .5s ease-in;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    will-change: opacity
}

.w_lc7JXpieNHTDwLWPd8 {
    opacity: 1;
    pointer-events: all
}

.dKmiJWh_Dcw54N3UhaiA {
    display: inline-block;
    margin-left: 16px
}

.hzvYBFri_MbNstqShS7v {
    font: 700 16px/20px var(--fontBody)
}

.B41sVvR3s0Er9GIlsl5T {
    color: var(--grey-3);
    font: 12px/16px var(--fontBody)
}

.x_ydvBAGr3eCvKxJh5Gx {
    left: 50%;
    position: absolute;
    top: 50%;
    --logoWidth: auto;
    --logoHeight: 28px;
    transform: translate(-50%, -50%)
}

.pLd41dO5iW2RcZ55UfRS {
    display: flex;
    font-size: 21px;
    margin: 12px;
    width: 100%
}

.bh219joLt1DOh6iIBdZm {
    align-self: center;
    margin-left: 12px
}

@keyframes ww039qaOhb5Veu2mbHrA {
    0% {
        transform: translate(0);
        visibility: visible
    }

    90% {
        transform: translateY(150%);
        visibility: visible
    }

    to {
        transform: translateY(150%);
        visibility: hidden
    }
}

@keyframes seKqapJjAkQjXTrYoS9y {
    26% {
        transform: rotate(0deg)
    }

    28% {
        transform: rotate(14deg)
    }

    32% {
        transform: rotate(-6deg)
    }

    34% {
        transform: rotate(6deg)
    }

    36% {
        transform: rotate(-8deg)
    }

    39% {
        transform: rotate(2deg)
    }

    44% {
        transform: rotate(0deg)
    }
}

.BgztZmlqUnzFdsjSmmJn {
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 1
}

@media (min-width:111px) and (max-width:1210.9px) {
    .O6aS7QO5ETmydBF0bVB7 {
        height: 424px;
        width: 640px
    }
}

@media (min-width:1211px) and (max-width:1320.9px) {
    .O6aS7QO5ETmydBF0bVB7 {
        height: 534px;
        width: 836px
    }
}

@media (min-width:1321px) and (max-width:1540.9px) {
    .O6aS7QO5ETmydBF0bVB7 {
        height: 534px;
        width: 836px
    }
}

@media (min-width:1541px) and (max-width:1870.9px) {
    .O6aS7QO5ETmydBF0bVB7 {
        height: 644px;
        width: 1031px
    }
}

@media (min-width:1871px) {
    .O6aS7QO5ETmydBF0bVB7 {
        height: 644px;
        width: 1031px
    }
}

._0r9GJJwdYqkaOz4ipBQw {
    height: 100% !important;
    width: 100% !important
}

.L1ITkDzCRTkiRlpeLSPD {
    background: var(--blue-1);
    box-shadow: var(--shadow-mid);
    flex-direction: column;
    flex-grow: 0
}

.L1ITkDzCRTkiRlpeLSPD,
.oNVoB91JkRWfP4vHrjdX {
    align-items: center;
    display: flex;
    position: relative;
    height: 100%;
    width: 100%
}

.oNVoB91JkRWfP4vHrjdX {
    flex-grow: 1;
    justify-content: center;
    position: relative
}

.ZvQjR9fV3GRraesBQUjX {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.ZvQjR9fV3GRraesBQUjX>div,
.ZvQjR9fV3GRraesBQUjX embed,
.ZvQjR9fV3GRraesBQUjX iframe,
.ZvQjR9fV3GRraesBQUjX object {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.x0nvw8qmiCP6f8MAEIwx {
    animation: seKqapJjAkQjXTrYoS9y 4s ease-in-out 2s infinite;
    flex-shrink: 0;
    height: 16px;
    margin: 0 8px 0 0;
    width: 23px
}

@media (orientation:landscape) {
    .x0nvw8qmiCP6f8MAEIwx {
        height: 24px;
        margin: 0 21px 0 6px;
        width: 18px
    }
}

.jUUUu_FqreA_ek3ep9lh {
    border: 3px solid #fff;
    border-radius: 30px;
    font-size: 21px;
    margin: 50px auto 0;
    padding: 1px 29px
}

._SUZuMvsALFWI4KmxPdl {
    display: contents
}

.J6tqxYc6fpBoHrC5vr0W {
    align-items: center;
    animation: ww039qaOhb5Veu2mbHrA .5s linear 15s forwards;
    background: var(--grey-3);
    bottom: 0;
    color: var(--grey-9);
    display: flex;
    font: 400 14px/140% var(--fontTorus);
    justify-content: center;
    padding: 6px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 2
}

@media (orientation:landscape) {
    .J6tqxYc6fpBoHrC5vr0W {
        border-radius: 4px;
        margin: 20px;
        max-width: 230px;
        padding: 17px 14px 15px
    }
}

.AV6wA32JWQ1dnle8c9ba {
    animation: none;
    background: #0b2645;
    border-radius: 0;
    flex-direction: column;
    font-size: 28px;
    height: 100%;
    pointer-events: auto
}

@media (orientation:portrait) {
    .AV6wA32JWQ1dnle8c9ba .x0nvw8qmiCP6f8MAEIwx {
        height: 106px;
        margin: 0 0 32px;
        width: 102px
    }

    .AV6wA32JWQ1dnle8c9ba .BZTO0rv6DO53A8Rj5NMM {
        max-width: 70%;
        text-align: center
    }
}

@media (orientation:landscape) {
    .AV6wA32JWQ1dnle8c9ba {
        margin: 0;
        max-width: 100%;
        padding: 20px
    }

    .AV6wA32JWQ1dnle8c9ba ._SUZuMvsALFWI4KmxPdl {
        align-items: center;
        display: flex;
        flex-direction: row;
        max-width: 370px
    }

    .AV6wA32JWQ1dnle8c9ba .x0nvw8qmiCP6f8MAEIwx {
        height: 64px;
        width: 61px
    }
}

.rkUs26I46Zr_gd6A9Pjq {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgba(0, 156, 255, .6);
    color: #fff;
    font: 400 18px/140% var(--fontTorus);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes OTScHbKyNfnAWps_gvaa {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.vGpOj9xNxNL4iAG0KiNz {
    align-items: center;
    border-right: 1px solid var(--grey-7);
    container-name: navButtonProfile;
    display: flex;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 50%
}

.vGpOj9xNxNL4iAG0KiNz:hover {
    background-color: var(--grey-7)
}

@media (min-width:1871px) {
    .vGpOj9xNxNL4iAG0KiNz {
        --tooltipPosition: right;
        border-bottom: 1px solid var(--grey-7);
        border-right: 0;
        height: 50%;
        width: 100%
    }
}

html[dir=rtl] .vGpOj9xNxNL4iAG0KiNz {
    border-left: 1px solid var(--grey-7);
    border-right: 0
}

.ws_jwHTo7sEfy1j5uimE {
    height: 100%;
    width: 100%
}

.HrtZDfkdX3MeqfZEX6gy {
    color: var(--poki-blue);
    height: 24px;
    width: 24px
}

.ooe4HdgTrsz9xMso_pxf {
    animation: OTScHbKyNfnAWps_gvaa 2s infinite;
    color: var(--pink-1);
    height: 15px;
    width: 15px
}

.XXPDNU_9YVAjmtq32XPJ {
    margin: 0 auto
}

.XXPDNU_9YVAjmtq32XPJ svg {
    color: var(--poki-blue)
}

.jgOd7MqtD6c8m5bHAGeU {
    left: 0;
    top: 100%;
    --tooltip-max-width: 94px
}

@media (min-width:1871px) {
    .jgOd7MqtD6c8m5bHAGeU {
        left: 100%;
        top: 0;
        --tooltip-max-width: 142px
    }
}

._EKSb_76rcrr_xONQEEz {
    margin: 8px 0 0
}

.NuKVRCDKjJRkfpgoOKXi {
    align-items: center;
    border-radius: 0 0 16px 16px;
    border-top: 2px solid var(--grey-7);
    display: flex;
    height: 40px;
    justify-content: center;
    width: 100%
}

@media (min-width:1871px) {
    .NuKVRCDKjJRkfpgoOKXi {
        border-left: 2px solid var(--grey-7);
        border-radius: 0 16px 16px 0;
        border-top: 0;
        flex-direction: column;
        height: 100%;
        width: 46px
    }

    html[dir=rtl] .NuKVRCDKjJRkfpgoOKXi {
        border-left: 0;
        border-radius: 16px 0 0 16px;
        border-right: 2px solid var(--grey-7)
    }
}

.Ms6HEJ826qeso4NBVCoW {
    align-items: center;
    border-radius: 0 0 0 16px;
    display: flex;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    width: 50%
}

@media (hover:hover) {
    .Ms6HEJ826qeso4NBVCoW:hover {
        background-color: var(--grey-7)
    }
}

.Ms6HEJ826qeso4NBVCoW+.Ms6HEJ826qeso4NBVCoW {
    border-radius: 0 0 16px 0
}

@media (min-width:1871px) {
    .Ms6HEJ826qeso4NBVCoW {
        border-radius: 0 16px 0 0;
        height: 50%;
        width: 100%
    }

    .Ms6HEJ826qeso4NBVCoW+.Ms6HEJ826qeso4NBVCoW {
        border-radius: 0 0 16px 0
    }
}

html[dir=rtl] .Ms6HEJ826qeso4NBVCoW {
    border-radius: 0 0 16px 0
}

:is(html[dir=rtl] .Ms6HEJ826qeso4NBVCoW)+:is(html[dir=rtl] .Ms6HEJ826qeso4NBVCoW) {
    border-radius: 0 0 0 16px
}

@media (min-width:1871px) {
    :is(html[dir=rtl] .Ms6HEJ826qeso4NBVCoW)+:is(html[dir=rtl] .Ms6HEJ826qeso4NBVCoW) {
        border-radius: 0 0 16px 0
    }
}

html[dir=rtl] .uYSe40aoLoVVar9d0u6H {
    border-left: 1px solid var(--grey-7);
    border-right: 0
}

@media (min-width:1871px) {
    html[dir=rtl] .uYSe40aoLoVVar9d0u6H {
        border-bottom: 1px solid var(--grey-7);
        border-left: 0
    }
}

.uYSe40aoLoVVar9d0u6H {
    border-right: 1px solid var(--grey-7)
}

@media (min-width:1871px) {
    .uYSe40aoLoVVar9d0u6H {
        border-bottom: 1px solid var(--grey-7);
        border-right: 0
    }
}

.pMuUqYFsIC6GCbPomoSK {
    border-left: 1px solid var(--grey-7);
    font-size: 0;
    text-indent: -200vw
}

@media (min-width:1871px) {
    .pMuUqYFsIC6GCbPomoSK {
        border-left: 0;
        border-top: 1px solid var(--grey-7)
    }
}

.B_5ykBA46kDOxiz_R9wm {
    height: 16px;
    margin-top: -2px;
    width: 16px;
    fill: var(--poki-blue)
}

.aprWdaSScyiJf4Jvmsx9 {
    height: 17px;
    margin-top: -3px;
    width: 20px;
    fill: var(--poki-blue)
}

@media (min-width:1871px) {
    .aprWdaSScyiJf4Jvmsx9 {
        margin-top: 0
    }
}

.DEzjRVBvhsoUJP2xa_N6 {
    color: var(--grey-3);
    font: normal normal 700 12px/16px var(--fontBody);
    letter-spacing: .3px;
    margin: 0 0 8px
}

.CCY12PNV9n7EuMJVBbis {
    background: #fff;
    border: 2px solid var(--grey-5);
    border-radius: 8px;
    color: var(--blue-1);
    font: normal normal 400 16px/24px var(--fontBody);
    outline: none;
    padding: 8px 16px;
    width: 100%
}

.CCY12PNV9n7EuMJVBbis:hover {
    border-color: var(--grey-3)
}

.CCY12PNV9n7EuMJVBbis:focus {
    border-color: var(--poki-blue);
    box-shadow: 0 0 0 2px rgba(0, 156, 255, .3)
}

.XFHnMVs7njlMjx5_KrUJ {
    width: 100%
}

.XFHnMVs7njlMjx5_KrUJ:active svg,
.XFHnMVs7njlMjx5_KrUJ:focus svg,
.XFHnMVs7njlMjx5_KrUJ:hover svg {
    filter: brightness(0) invert(1)
}

.zgUtxJNX9comDD4UobxQ {
    background: #fff;
    border-radius: 50%;
    box-shadow: var(--shadow-close);
    font-size: 8px;
    height: 48px;
    width: 48px
}

.zgUtxJNX9comDD4UobxQ:hover {
    box-shadow: var(--shadow-mid)
}

.oi7NIwoze8mpUxXUQDCO {
    margin: 5px
}

.tbMuHYsZq908Awkl3NWO {
    background-color: rgba(255, 201, 221, .3);
    border: 2px solid var(--pink-4);
    border-radius: 8px;
    color: var(--blue-1);
    display: flex;
    font: 700 14px/22px var(--fontBody);
    gap: 10px;
    margin: 8px 0;
    padding: 8px
}

.EtDQGeSm9fMJvX4DEnsi {
    height: var(--height, 100%);
    position: relative;
    width: var(--width, 100%);
    /* z-index: 9999; */
}

.NkWoGaPyP66RXOHJSvnD {
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
    z-index: 999 !important;
    --width: 100vw;
    background: #fff !important;
    min-height: var(--minHeight, 100vh)
}

@supports (min-height:-webkit-fill-available) {
    .NkWoGaPyP66RXOHJSvnD {
        --minHeight: -webkit-fill-available;
        --height: -webkit-fill-available
    }
}

@supports (height:100svh) {
    .NkWoGaPyP66RXOHJSvnD {
        --minHeight: 100svh;
        --height: 100svh
    }
}

.bqWCN9ZkqgLPEGLBPCLZ {
    display: flex
}

.zfbHEuhDZKba_V3Fboau {
    pointer-events: none;
    visibility: hidden
}

.yqRHsCZfzhtS8CI82MRw {
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 2
}

.Pg6vUQQ30ZWtdfOCpykP {
    opacity: 0;
    pointer-events: none
}

.pBveriWEDsb6AJVk59Ng {
    display: inline-flex;
    flex-direction: column
}

.UHdP93WuO6JFP1eeavtH {
    flex-direction: row;
    padding-right: 26px;
    position: relative
}

.ijT1oilby2WbYJUzfbaJ {
    color: var(--blue-1);
    font: 400 9px/2 Arial, sans-serif;
    height: 20px;
    letter-spacing: 1px;
    opacity: .7;
    text-align: center;
    text-transform: uppercase
}

.J9jEffjY15TCePz3z84r {
    font-size: 8px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(90deg) translateX(50%) translate(-10px, 24px);
    transform-origin: center right
}

.okjidGhocmXN7zKxDo6s {
    background: hsla(0, 0%, 100%, .5)
}

@media (min-width:881px) and (max-width:1320.9px) {
    .ENA2Z6w7FNjomfj9aSpL {
        display: block !important;
        grid-area: unset !important;
        position: fixed !important;
        right: 20px;
        top: 35px;
        z-index: 1
    }
}

@media (min-width:1761px) {
    .ENA2Z6w7FNjomfj9aSpL {
        display: block !important;
        grid-area: unset !important;
        left: 24px;
        position: absolute !important;
        top: 160px;
        z-index: 1
    }
}

@media (min-width:1321px) {
    .P3lVZ6Prom1CTL8J5Y3e {
        display: block !important;
        grid-area: unset !important;
        position: fixed !important;
        right: 35px;
        top: 35px;
        z-index: 1
    }
}

.AzvNggSudjN8b9d1tUDT {
    height: 28px;
    margin: 15px auto 11px;
    width: 60px
}

@media (min-width:1871px) {
    .AzvNggSudjN8b9d1tUDT {
        height: 42px;
        margin: -2px auto 0;
        width: 94px
    }
}

.yggcq_ZJewqJonP5DRa1 {
    transition: transform .3s var(--bezier)
}

.yggcq_ZJewqJonP5DRa1:hover {
    transform: scale(1.05)
}

.qoMYGbBhf9dsbaBGBphh {
    --pill-reverse: 1;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--shadow-mid);
    display: flex;
    flex-direction: column;
    height: 94px;
    left: var(--pillPosition);
    position: fixed;
    top: 16px;
    transform: translate(calc(var(--pill-reverse)*var(--offset)));
    width: 94px;
    z-index: 10;
    --pillPosition: 50%;
    --offset: 487px
}

html[dir=rtl] .qoMYGbBhf9dsbaBGBphh {
    --pill-reverse: -1;
    left: auto;
    right: var(--pillPosition)
}

@media (min-width:111px) and (max-width:770.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: 0;
        --pillPosition: 3px
    }
}

@media (min-width:771px) and (max-width:990.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -377px
    }
}

@media (min-width:991px) and (max-width:1210.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -487px
    }
}

@media (min-width:1211px) and (max-width:1320.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -597px
    }
}

@media (min-width:1321px) and (max-width:1540.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -652px
    }
}

@media (min-width:1541px) and (max-width:1870.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -762px
    }
}

@media (min-width:1871px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -927px;
        flex-direction: row;
        width: 204px
    }
}

.X74hgUhePrbavkMydd6o {
    --offset: -157px
}

@media (min-width:551px) and (max-width:660.9px) {
    .X74hgUhePrbavkMydd6o {
        --offset: -270px
    }
}

@media (min-width:661px) and (max-width:880.9px) {
    .X74hgUhePrbavkMydd6o {
        --offset: -322px
    }
}

@media (min-width:881px) {
    .X74hgUhePrbavkMydd6o {
        --offset: -432px
    }
}

body:has(#profile-success-screen) {
    overflow: hidden
}

@keyframes rQ3lPMy6A2ORbkq7oIzC {
    to {
        background-position: -320px
    }
}

@keyframes ZwmLaL6sBh4hd_xnGnxS {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 0 100%
    }

    to {
        background-position: 0 0
    }
}

@keyframes JaAtLZQKcay6NHvjIeCS {
    0% {
        background-position: 100% 100%
    }

    50% {
        background-position: 100% 0
    }

    to {
        background-position: 100% 100%
    }
}

.ROFk8zzfbdMhCwgftW1Q {
    background-color: rgba(0, 43, 80, .9);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11
}

.ROFk8zzfbdMhCwgftW1Q:after,
.ROFk8zzfbdMhCwgftW1Q:before {
    background: linear-gradient(180deg, rgba(0, 156, 255, 0) 10%, #009cff 50%, rgba(0, 156, 255, 0) 90%);
    background-size: 100% 200%;
    bottom: -8px;
    content: "";
    filter: blur(36px);
    position: absolute;
    top: -8px;
    width: 50px;
    z-index: -1;
    --glowOffset: -8px
}

.ROFk8zzfbdMhCwgftW1Q:before {
    animation: ZwmLaL6sBh4hd_xnGnxS 3s ease-in-out infinite;
    left: var(--glowOffset)
}

.ROFk8zzfbdMhCwgftW1Q:after {
    animation: JaAtLZQKcay6NHvjIeCS 3s ease-in-out infinite;
    right: var(--glowOffset)
}

@media (min-width:771px) {

    .ROFk8zzfbdMhCwgftW1Q:after,
    .ROFk8zzfbdMhCwgftW1Q:before {
        --glowOffset: -48px;
        width: 100px
    }
}

.uM9WNtEYr8VxCESoHWEp {
    --profileSuccessScreenProfileLeft: calc(50% + var(--offset) + 7px);
    --profileSuccessScreenProfileTop: 75px;
    --offset: -157px
}

.uM9WNtEYr8VxCESoHWEp:after,
.uM9WNtEYr8VxCESoHWEp:before {
    background-clip: content-box;
    width: 130px
}

.uM9WNtEYr8VxCESoHWEp:before {
    padding: 0 80px 0 0
}

.uM9WNtEYr8VxCESoHWEp:after {
    padding: 0 0 0 80px
}

@media (min-width:551px) and (max-width:660.9px) {
    .uM9WNtEYr8VxCESoHWEp {
        --offset: -270px
    }
}

@media (min-width:661px) and (max-width:880.9px) {
    .uM9WNtEYr8VxCESoHWEp {
        --offset: -322px
    }
}

@media (min-width:881px) {
    .uM9WNtEYr8VxCESoHWEp {
        --offset: -432px
    }
}

.nirRL3lNOwKKJDO8T4Jk {
    --profileSuccessScreenProfileLeft: calc(50% + var(--offset) + 7px);
    --profileSuccessScreenProfileTop: 75px
}

@media (min-width:111px) and (max-width:770.9px) {
    .nirRL3lNOwKKJDO8T4Jk {
        --offset: 0;
        --pillPosition: 3px
    }
}

@media (min-width:771px) and (max-width:990.9px) {
    .nirRL3lNOwKKJDO8T4Jk {
        --offset: -377px
    }
}

@media (min-width:991px) and (max-width:1210.9px) {
    .nirRL3lNOwKKJDO8T4Jk {
        --offset: -487px
    }
}

@media (min-width:1211px) and (max-width:1320.9px) {
    .nirRL3lNOwKKJDO8T4Jk {
        --offset: -597px
    }
}

@media (min-width:1321px) and (max-width:1540.9px) {
    .nirRL3lNOwKKJDO8T4Jk {
        --offset: -652px
    }
}

@media (min-width:1541px) and (max-width:1870.9px) {
    .nirRL3lNOwKKJDO8T4Jk {
        --offset: -762px
    }
}

@media (min-width:1871px) {
    .nirRL3lNOwKKJDO8T4Jk {
        --profileSuccessScreenProfileTop: 24px;
        --offset: -767px
    }
}

.n1QcMvTf50MeJKwBtsuM {
    color: #fff;
    flex-direction: column;
    gap: var(--spacing-xs);
    height: 100%;
    padding: 30px 48px;
    text-align: center;
    width: var(--root-content-width)
}

.d85aWoAlq_xd2TbsFFMF,
.n1QcMvTf50MeJKwBtsuM {
    align-items: center;
    display: flex;
    justify-content: center
}

.d85aWoAlq_xd2TbsFFMF {
    flex: 1;
    flex-direction: column
}

@media (min-width:771px) {
    .d85aWoAlq_xd2TbsFFMF {
        flex: 0
    }
}

.s4K5X1Igu2JghNUFxPf8 {
    font: 700 36px/1.1 var(--fontTorus);
    margin: 0;
    padding: 0 60px;
    position: relative
}

.s4K5X1Igu2JghNUFxPf8:after,
.s4K5X1Igu2JghNUFxPf8:before {
    animation: rQ3lPMy6A2ORbkq7oIzC .8s steps(5);
    animation-delay: 1s;
    background-position: 0 50%;
    background-size: auto 100%;
    content: "";
    height: 128px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 64px
}

.s4K5X1Igu2JghNUFxPf8:before {
    background-image: url(../emoji/8bit-sparkle-left-white.png);
    left: 0;
    transform: translate(-80%, -40%)
}

.s4K5X1Igu2JghNUFxPf8:after {
    background-image: url(../emoji/8bit-sparkle-right-white.png);
    right: 0;
    transform: translate(80%, -40%)
}

@media (min-width:771px) {
    .s4K5X1Igu2JghNUFxPf8 {
        font-size: 64px;
        margin: 0 0 var(--spacing-xs)
    }
}

.NO7aTklOQ99ADkci3_oh {
    font: 400 14px/22px var(--fontBody);
    margin: 0
}

@media (min-width:771px) {
    .NO7aTklOQ99ADkci3_oh {
        font-size: 22px
    }
}

.jxEWgkoU6pguKDTRGnnb {
    background-color: #fff;
    border-radius: 50%;
    height: 32px;
    left: var(--profileSuccessScreenProfileLeft);
    padding: 4px;
    position: absolute;
    top: var(--profileSuccessScreenProfileTop);
    width: 32px
}

.XPFR7AMDqoBdhELZOiP1 {
    color: #fff;
    font: 400 14px/22px var(--fontBody);
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translate(14px, -50%);
    white-space: nowrap
}

.de_7RENoqLAjx0LowsSv {
    height: 16px;
    margin: -2px var(--spacing-xs) 0 0;
    vertical-align: middle;
    width: 16px
}

.Lmb1Xtv8i6cxbjJfabZZ {
    color: var(--poki-blue);
    height: 24px;
    width: 24px
}

.ZEq12jZuHF9tlfQPDh3Q {
    align-self: center;
    margin-top: auto;
    max-width: 314px;
    width: 100%
}

@media (min-width:771px) {
    .ZEq12jZuHF9tlfQPDh3Q {
        margin-top: var(--spacing-2xl)
    }
}

.XvQMc0mCrqmE3ktiUnWU {
    align-items: center;
    background: transparent;
    border: 2px solid var(--poki-blue);
    border-radius: 24px;
    color: var(--poki-blue);
    cursor: pointer;
    display: flex;
    font: 700 16px/1 var(--fontTorus);
    gap: 8px;
    height: 36px;
    justify-content: center;
    min-width: 80px;
    padding: 0 8px 1px;
    transition: border .2s ease, color .2s ease
}

.XvQMc0mCrqmE3ktiUnWU:hover {
    border-color: var(--blue-5);
    color: var(--blue-5)
}

.LvTg25mSnOlOO5mcg6iV,
.LvTg25mSnOlOO5mcg6iV:hover {
    border-color: var(--blue-3);
    color: var(--blue-3)
}

.qYrwcgGMN2jZ1lz0gr4p {
    flex-grow: 1;
    height: 100%;
    margin: 0 0 10px;
    position: relative;
    width: calc(100% + 20px)
}

.qYrwcgGMN2jZ1lz0gr4p::-webkit-scrollbar {
    display: none
}

.yanfEXzbvdGsPis_ItLV {
    display: grid;
    grid-auto-flow: row dense;
    margin: calc(var(--cellSpacing) + 8px) 0 0;
    grid-gap: var(--cellSpacing);
    /* grid-template-columns: repeat(var(--columns), var(--cellSize)); */
	grid-template-columns: repeat(var(--columns), 1fr);
    --columns: 3
}

@media (max-width:688px) {

    .report-content,
    .favorite-content {
        overflow-y: scroll;
        scrollbar-width: none;
    }


}

@media (min-width:246px){	
    .yanfEXzbvdGsPis_ItLV {
        --columns: 2;
    }
}

@media (min-width:356px){
    .yanfEXzbvdGsPis_ItLV {
        --columns: 3;
    }
}

@media (min-width:466px){
    .yanfEXzbvdGsPis_ItLV {
        --columns: 4;
    }
}

@media (min-width:576px){
    .yanfEXzbvdGsPis_ItLV {
        --columns: 5;
    }
}
@media (min-width:661px) {
    .yanfEXzbvdGsPis_ItLV {
        --columns: 6;
    }
}

.AbPoNGztukbS1wl5bcmt {
    margin: 24px 21px 0 0;
    padding-bottom: 24px
}

html[dir=rtl] .AbPoNGztukbS1wl5bcmt {
    margin: 24px 0 0 21px
}

@media (min-width:661px) {
    .lcdG68I_Um0yTmQFfvKY {
        display: grid;
        gap: 0 20px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
    }
}

.dT3EegLpfzUUgPdDhOfx {
    background: #fff;
    margin: 24px 0 0 8px;
    max-width: 612px;
    padding: 18px 24px
}

.XYmu6nLeOAyqhQFgAQZf {
    margin: 16px 8px 0
}

.ENyjFzulBJSPhm6pcV57 {
    height: 94px;
    width: 94px
}

.lGtOMKHvtki_BSIeZKa5 {
    margin: auto 0 auto auto;
    fill: var(--poki-blue)
}

.sUBSLo2CGELdU0noAE0A {
    fill: var(--grey-5)
}

.KoHkUVmXR7joVgQZvggn {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--shadow-mid);
    font-size: 18px;
    height: 64px;
    margin: 0 0 16px;
    padding: 8px 12px
}

.KoHkUVmXR7joVgQZvggn:active {
    background: var(--grey-7)
}

.KoHkUVmXR7joVgQZvggn:active .lGtOMKHvtki_BSIeZKa5 {
    fill: var(--blue-3)
}

.UIXRTCJ4Rb2_mK67LRPv {
    height: 80px;
    padding: 8px 12px 8px 8px
}

.bkEBLrP_Ybb91XBMZ3eH {
    padding: 0 8px 0 0
}

.OciLkbjvsMlHgDxrSZ7_ {
    font: 700 24px/28px var(--fontTorus);
    grid-column: span 2;
    margin: 16px 0
}

.dUNpJtY42Hw4OAmCjxhv {
    grid-column-start: span 2;
    grid-row-start: span 2;
    height: calc(var(--cellSize)*2 + var(--cellSpacing));
    width: calc(var(--cellSize)*2 + var(--cellSpacing))
}

.QCGUTwEkRDqr001zXx8o {
    margin: 16px -32px 0;
    position: relative;
    transition: opacity .1s ease-out;
    will-change: opacity;
    z-index: 2
}

.QCGUTwEkRDqr001zXx8o:before {
    background: linear-gradient(270deg, rgba(131, 255, 231, 0), var(--green-7));
    left: 0;
    width: 20px;
    z-index: 1
}

.QCGUTwEkRDqr001zXx8o:after,
.QCGUTwEkRDqr001zXx8o:before {
    content: "";
    height: 72px;
    pointer-events: none;
    position: absolute;
    top: 0
}

.QCGUTwEkRDqr001zXx8o:after {
    background: linear-gradient(270deg, var(--green-7) 20%, rgba(131, 255, 231, 0) 50%);
    right: 0;
    width: 120px
}

.hdYemjksx6dbqjwNpgT6 {
    align-items: center;
    display: flex;
    height: 64px;
    margin: 0 0 -22px;
    padding: 0 32px 0 29px;
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap
}

.hdYemjksx6dbqjwNpgT6::-webkit-scrollbar {
    background: transparent;
    width: 0
}

.yiDEV4fFcasCMskogXwF {
    top: 90px
}

.as3TuSdRbPVagD7MqI8M {
    background: #fff;
    border-radius: 20px;
    box-shadow: var(--shadow-close);
    color: var(--blue-1);
    display: inline-block;
    font: 700 12px/22px var(--fontBody);
    height: 36px;
    margin: 0 10px 10px 0;
    padding: 8px 20px;
    -webkit-tap-highlight-color: transparent;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none
}

.as3TuSdRbPVagD7MqI8M:active {
    background-color: var(--grey-7)
}

.as3TuSdRbPVagD7MqI8M:hover {
    background: var(--poki-blue);
    color: #fff
}

.as3TuSdRbPVagD7MqI8M:last-child {
    margin-right: 8px
}

.Y8WvtyOECzLsN3k0_OFx {
    align-items: center;
    background: var(--grey-7) !important;
    border-radius: 28px;
    color: var(--grey-3);
    display: flex;
    font: 700 12px/22px var(--fontBody);
    height: 36px;
    justify-content: center;
    margin: 0 14px;
    overflow: hidden;
    text-transform: uppercase;
    transition: width .1s ease-in;
    width: 36px;
    will-change: width
}

@media (min-width:661px) {
    .qL3lVMIHyY8jhn2udhLe {
        width: 62px
    }
}

.L0oRsqu8KbQFOxjDFdbv {
    flex-shrink: 0;
    height: 16px;
    margin: 0 10px;
    width: 16px;
    fill: var(--grey-3)
}

@keyframes yOgdfysccsNl13B46V6X {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.mX_ravZEOftV0r2ZIBWV {
    animation-duration: .4s;
    animation-iteration-count: infinite;
    animation-name: yOgdfysccsNl13B46V6X;
    animation-timing-function: linear
}

.ltAYdgxBAJy9br2MmQME {
    fill: var(--grey-5)
}

.N_0UqJKlXjVZcfq8sKkD {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--shadow-close);
    display: flex;
    flex-direction: row;
    height: 64px;
    position: relative;
    width: 620px;
    z-index: 2
}

@media (min-width:111px) and (max-width:770.9px) {
    .Y9efeKQ20Yrp3CP8gdCB {
        border-radius: 0 12px 12px 0;
        height: 60px;
        left: -29px;
        top: 16px;
        width: 96vw
    }

    html[dir=rtl] .Y9efeKQ20Yrp3CP8gdCB {
        border-radius: 12px 0 0 12px;
        left: auto;
        right: -29px
    }
}

@media (min-width:111px) and (max-width:770.9px) {
    @media (max-color:2147477350) and (orientation:landscape) {
        .Y9efeKQ20Yrp3CP8gdCB {
            width: 85vw
        }
    }
}

@media not all and (min-width:111px) and (max-width:770.9px) {
    @media (color:2147477350) and (orientation:landscape) {
        .Y9efeKQ20Yrp3CP8gdCB {
            width: 85vw
        }
    }
}

@media (min-width:111px) and (max-width:770.9px) {
    html[dir=rtl] .Y9efeKQ20Yrp3CP8gdCB {
        right: -24px
    }
}

html[dir=rtl] .cASKzCoNR2uSR8G9mVE4 {
    border-left: 2px solid var(--grey-7);
    border-radius: 0 16px 16px 0;
    border-right: none;
    padding: 0 16px 0 24px
}

.PNnmwbhCdYb7boLXuUfb {
    height: 24px;
    width: 24px
}

.OIgqgmao5I5hdBpTHejS {
    display: none;
    height: 15px;
    margin: 0 8px 0 0;
    width: 12px;
    fill: var(--poki-blue);
    transform: rotate(180deg)
}

@media (min-width:111px) and (max-width:770.9px) {
    .OIgqgmao5I5hdBpTHejS {
        display: block
    }
}

html[dir=rtl] .OIgqgmao5I5hdBpTHejS {
    margin: 0 0 0 8px
}

.XiDAjO2HJNzQSOagD5uN {
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.rReA1JktpILd2Q36MPl6 {
    background: transparent;
    border: none;
    color: var(--blue-1);
    font-family: var(--fontTorus);
    font-size: 21px;
    height: 100%;
    margin: 0 0 0 16px;
    min-width: 0;
    outline: 0;
    width: 100%
}

.rReA1JktpILd2Q36MPl6::placeholder {
    color: var(--grey-5)
}

.rReA1JktpILd2Q36MPl6::-webkit-search-cancel-button,
.rReA1JktpILd2Q36MPl6::-webkit-search-decoration,
.rReA1JktpILd2Q36MPl6::-webkit-search-results-button,
.rReA1JktpILd2Q36MPl6::-webkit-search-results-decoration {
    display: none
}

html[dir=rtl] .rReA1JktpILd2Q36MPl6 {
    margin: 0 16px 0 0
}

.RdH9l8juSxYMAK6AWp7X {
    align-items: center;
    display: flex;
    height: 100%
}

.RdH9l8juSxYMAK6AWp7X>svg {
    height: 24px;
    margin: 0 16px;
    width: 24px
}

@media (min-width:111px) and (max-width:770.9px) {
    .JfwQbhsyFVjMXL4TciK2 .zuKNfnid1j68xnLS9ZiH {
        --searchOverlayContentPaddingTop: 74px
    }

    .JfwQbhsyFVjMXL4TciK2 .a9rMfCCVHhwC69T7fhJA {
        --searchOverlayContentPaddingTop: 138px
    }
}

.zuKNfnid1j68xnLS9ZiH {
    --searchOverlayContentPaddingTop: 96px;
    --searchOverlayContentBottom: 0;
    --searchOverlayContentTranslateY: 0;
    bottom: var(--searchOverlayContentBottom);
    display: flex;
    flex-direction: column;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: var(--searchOverlayContentPaddingTop) 21px 0;
    position: absolute;
    scrollbar-width: none;
    top: 0;
    width: 100%;
    view-transition-name: searchOverlayContent
}

.zuKNfnid1j68xnLS9ZiH::-webkit-scrollbar {
    display: none
}

@keyframes PiV7cWGhbwSIGhLXmFg4 {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes jKisjkv9DwAyTqvPS4mq {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-100%)
    }
}

@keyframes iNranYGhAohuxKWjJSyI {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes fV5kxknfQRdYe5_7G4_o {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

html::view-transition-new(searchOverlayContent) {
    animation: PiV7cWGhbwSIGhLXmFg4 .25s ease-out both
}

html::view-transition-old(searchOverlayContent) {
    animation: jKisjkv9DwAyTqvPS4mq .25s ease-out both
}

html[dir=rtl]::view-transition-new(searchOverlayContent) {
    animation: iNranYGhAohuxKWjJSyI .25s ease-out both
}

html[dir=rtl]::view-transition-old(searchOverlayContent) {
    animation: fV5kxknfQRdYe5_7G4_o .25s ease-out both
}

@keyframes _Gn4kAWL8JhFMJ_tY3Is {
    0% {
        opacity: 0;
        transform: translate3d(-55%, -5%, 0)
    }

    1% {
        opacity: 1;
        transform: translate3d(-50%, 0, 0)
    }

    10% {
        opacity: 1;
        transform: translate3d(0, -50%, 0)
    }

    15% {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }

    39.99% {
        opacity: 0;
        transform: translate3d(-55%, -5%, 0)
    }

    40% {
        opacity: 1;
        transform: translate3d(-50%, 0, 0)
    }

    50% {
        opacity: 1;
        transform: translate3d(0, -50%, 0)
    }

    66% {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }
}

@keyframes HMYNmWYQTvNrQHIj_A1U {

    0%,
    50%,
    to {
        opacity: 0
    }

    10%,
    40% {
        opacity: 1
    }
}

.lKQDGo01AOX1KzmLF6zg {
    border-radius: 16px;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: 100%
}

.PAs3ZWFSCaUF1OTmLKvF {
    animation: _Gn4kAWL8JhFMJ_tY3Is 6s linear 6s infinite running;
    height: 200%;
    opacity: 0;
    transform: translate3d(-50%, 0, 0);
    width: 200%;
    will-change: transform, opacity;
    z-index: 3
}

.PAs3ZWFSCaUF1OTmLKvF,
.V2TkVc6ms04xJnZ0q7HG {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.V2TkVc6ms04xJnZ0q7HG {
    border-radius: 16px;
    height: 100%;
    margin: 0;
    overflow: hidden;
    width: 100%;
    z-index: 1
}

.pd1Q3HPTErZXNOk0Xhjn {
    animation: HMYNmWYQTvNrQHIj_A1U 6s linear 6s infinite running;
    opacity: 0;
    will-change: opacity;
    z-index: 2
}

.Xxfq9ma7MZpaemlj7seC {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    display: flex;
    height: 36px;
    justify-content: center;
    transition: background-color .15s ease-in-out;
    width: 36px
}

@media (hover:hover) {
    .Xxfq9ma7MZpaemlj7seC:hover {
        background: var(--grey-7)
    }

    .Xxfq9ma7MZpaemlj7seC:hover .BmX244PYynHQn8Y7ZtIt {
        fill: var(--blue-5)
    }
}

.dVUHCWDo3NQu9bPjDWlg {
    height: 24px;
    width: 24px
}

.dVUHCWDo3NQu9bPjDWlg>.BmX244PYynHQn8Y7ZtIt {
    height: 10px;
    width: 10px
}

.BmX244PYynHQn8Y7ZtIt {
    color: var(--poki-blue);
    height: 16px;
    transition: color .15s ease-in-out;
    width: 16px
}

.OpF4NXmnwNP6RxPvobuQ {
    display: inline-block;
    position: relative
}

.OpF4NXmnwNP6RxPvobuQ .NNlUglN3fQaJWUr6z6cQ {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.OpF4NXmnwNP6RxPvobuQ .NNlUglN3fQaJWUr6z6cQ img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%
}

.OpF4NXmnwNP6RxPvobuQ .rZrRB9cNGvtRvHJeWi30 {
    color: var(--blue-3);
    transform: rotate(180deg)
}

.olRsF7CGxfUvXH_CcZG3 {
    flex: 0 0 auto;
    transform-origin: center;
    transition: transform .18s ease
}

@media (min-width:111px) and (max-width:880.9px) {
    .olRsF7CGxfUvXH_CcZG3 {
        overflow: hidden;
        width: 0
    }
}

.XsV06PdBuhK9jfL4DVBm {
    margin-inline-end: 15px;
    vertical-align: middle
}

.tko1gSDdFM6HXc1XCDaq {
    align-items: center;
    border-radius: 100px;
    display: flex;
    margin: 3px 0 4px;
    padding: 14px
}

.tko1gSDdFM6HXc1XCDaq:active,
.tko1gSDdFM6HXc1XCDaq:focus,
.tko1gSDdFM6HXc1XCDaq:hover {
    background-color: var(--grey-7)
}

.iJTBZuG7MdrvBS7meXjn {
    background: #fff;
    bottom: 0;
    display: none;
    left: 0;
    overflow: auto;
    padding: var(--spacing-m) var(--spacing-xs);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}

.iJTBZuG7MdrvBS7meXjn.DAzPLwcQPICYR_IpYaeU {
    display: block
}

.f_7RanptQUMqDN0K0HTn {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-m) var(--spacing-m) var(--spacing-l) var(--spacing-m);
    position: relative;
    width: 100%
}

@media (min-width:850px) {
    .f_7RanptQUMqDN0K0HTn {
        padding: var(--spacing-m)
    }
}

.nVr20T58FFNNPkgQz8ME {
    background: transparent;
    font: 700 24px var(--fontTorus);
    margin: 0;
    padding: 0;
    position: static
}

.DovojMSK_z9_OBlOiZ6Q {
    background: transparent;
    border: none;
    color: var(--poki-blue);
    cursor: pointer
}

@media (min-width:850px),
(orientation:landscape) {
    .pwOYZu8yUEeDUGsaiVqz {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 0 var(--spacing-xs);
        width: max-content
    }
}

.pwOYZu8yUEeDUGsaiVqz {
    column-count: 1
}

@media (min-width:850px) {
    .pwOYZu8yUEeDUGsaiVqz {
        column-gap: 16px
    }

    .ddNCPvnGpyjAae8NZBpj {
        position: relative
    }

    .ddNCPvnGpyjAae8NZBpj:after,
    .ddNCPvnGpyjAae8NZBpj:before {
        background: #fff;
        content: "";
        display: block;
        position: absolute;
        z-index: 999
    }

    .ddNCPvnGpyjAae8NZBpj:before {
        border-radius: 100%;
        height: 16px;
        left: 70px;
        top: -32px;
        width: 16px
    }

    .ddNCPvnGpyjAae8NZBpj:after {
        border-radius: 0 0 12px 12px;
        height: 12px;
        left: 84px;
        top: -52px;
        width: 24px
    }

    html[dir=rtl] .ddNCPvnGpyjAae8NZBpj:before {
        left: auto;
        right: 70px
    }

    html[dir=rtl] .ddNCPvnGpyjAae8NZBpj:after {
        left: auto;
        right: 84px
    }

    .iJTBZuG7MdrvBS7meXjn {
        border-radius: 16px;
        bottom: 100%;
        box-shadow: var(--shadow-far);
        display: none;
        inset-block-end: 100%;
        inset-inline-end: auto;
        inset-inline-start: 0;
        margin: 0 0 52px;
        overflow: visible;
        padding: 12px 10px;
        position: absolute;
        top: auto;
        z-index: 20
    }

    .tko1gSDdFM6HXc1XCDaq {
        font-size: 14px;
        line-height: 20px;
        padding: 3px;
        white-space: nowrap
    }

    .XsV06PdBuhK9jfL4DVBm {
        margin-inline-end: 2px;
        transform: scale(.7)
    }
}

.xsoR0rbt8iM8_hOhWnUk {
    aspect-ratio: 1;
    border-radius: inherit;
    /* display: contents */
    display: block
}

@supports not (aspect-ratio) {

    .xsoR0rbt8iM8_hOhWnUk,
    .xsoR0rbt8iM8_hOhWnUk .cmwhPovN5VyaNFLxpR8k {
        height: 100%;
        width: 100%
    }
}

.cmwhPovN5VyaNFLxpR8k {
    display: block;
    --minSize: 94px;
    aspect-ratio: 1;
    border-radius: inherit;
    min-height: var(--minSize);
    min-width: var(--minSize);
	width: 100%;
    height: 100%;
}

.I_N3HLb877sRrr2UZJfZ {
    aspect-ratio: 1;
    background-size: 100% 100%;
    border-radius: 16px;
    box-shadow: var(--shadow-mid);
    display: block;
    position: relative;
    transition: transform .6s var(--bezier);
    -webkit-user-select: none;
    user-select: none;
    will-change: transform, box-shadow
}

.I_N3HLb877sRrr2UZJfZ:after {
    background: linear-gradient(transparent 25%, rgba(0, 0, 0, .3));
    border-radius: 16px;
    bottom: 0;
    contain: strict;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s var(--bezier);
    width: 100%;
    will-change: opacity, box-shadow;
    z-index: 5
}

.I_N3HLb877sRrr2UZJfZ video {
    visibility: hidden
}

.I_N3HLb877sRrr2UZJfZ video {
    visibility: visible;
}

.I_N3HLb877sRrr2UZJfZ:hover {
    transform: scale(1.04) translateY(-4px);
    transition-duration: .3s
}

.I_N3HLb877sRrr2UZJfZ:hover .MHaP7Us7V6KqGxb8muHM {
    opacity: 1;
    transform: translate(0)
}

.I_N3HLb877sRrr2UZJfZ:hover:after {
    box-shadow: var(--shadow-hover);
    opacity: 1
}

.I_N3HLb877sRrr2UZJfZ:hover video {
    visibility: visible
}

.MHaP7Us7V6KqGxb8muHM {
    bottom: 0;
    color: #fff;
    font: 700 var(--tileFontSize, 12px)/1.3 var(--fontBody);
    left: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    z-index: 6;
    -webkit-font-smoothing: antialiased;
    opacity: 0;
    pointer-events: none;
    text-align: center;
    transform: translateY(8px);
    transition: transform .3s var(--bezier) .1s, opacity .3s var(--bezier) .1s
}

.xCChko93rfK8hvsE5sNR {
    aspect-ratio: 1
}

.fpevFTAiloXLA6hldCmO .MHaP7Us7V6KqGxb8muHM {
    opacity: 1;
    transform: translate(0)
}

.XxuAeockFFccwluXvlEw {
    container-name: tilecq;
    container-type: inline-size
}

.D3Z8q7OZ8mzEGVwJuEq0 {
    aspect-ratio: 1;
    border-radius: inherit;
    display: block;
    min-height: 94px;
    min-width: 94px
}

.U5zLxjJT4AAIj1kVpbGk {
    margin: 0;
    padding: 24px 0 12px
}

.Q_rXjwYv6XogwVSAnNcI {
    display: inline-block;
    margin: 0 var(--spacing-xs) var(--spacing-xs) 0
}

.LgL008mUK57BTn8KGGP4 {
    border: 2px solid var(--blue-5);
    border-radius: 100px;
    color: var(--blue-5);
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding: 0 10px;
    text-transform: uppercase
}

.LgL008mUK57BTn8KGGP4:hover {
    border-color: var(--poki-blue);
    color: var(--poki-blue)
}

.ETVXnX3Vp6CGuiKrBvDR {
    color: var(--poki-blue);
    font: 700 11px/28px var(--fontBody);
    height: 28px;
    left: -6px;
    padding: 0 8px 0 6px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 8px;
    z-index: 6
}

.ETVXnX3Vp6CGuiKrBvDR:after {
    background: var(--grey-5);
    border-radius: 4px 0 0 4px;
    bottom: -8px;
    height: 8px;
    width: 6px;
    z-index: 1
}

.ETVXnX3Vp6CGuiKrBvDR:after,
.ETVXnX3Vp6CGuiKrBvDR:before {
    content: "";
    left: 0;
    position: absolute
}

.ETVXnX3Vp6CGuiKrBvDR:before {
    background: #fff;
    bottom: -4px;
    height: 4px;
    width: 4px;
    z-index: 0
}

.StuSAzcQnRTWluaN5YMe {
    background: #fff;
    border-radius: 3px 14px 14px 0;
    bottom: 0;
    box-shadow: var(--shadow-angle);
    left: 0;
    padding: 0 8px 0 3px;
    position: absolute;
    top: 0
}

.rCs5cyEiqiTpYvt_VBCR {
    height: 28px;
    padding: 2px 0 2px 2px;
    position: relative;
    width: 18px;
    z-index: 2;
    fill: var(--poki-blue)
}

.UnEHxLYLNyXKaG7b1gjH {
    border-radius: 16px;
    height: 100%;
    left: 0;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.y2DrsASg8cCO191veKa9 {
    animation: t7Y0EvJStjBEF1lH_nYv 1.5s ease-in-out infinite;
    animation-delay: var(--fake-block-delay, 0s);
    background-color: var(--grey-7);
    border-radius: 4px;
    height: var(--fake-block-height, 20px);
    width: var(--fake-block-width, 100px)
}

@keyframes t7Y0EvJStjBEF1lH_nYv {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .4
    }
}

.q3dppPisdqD1gwCqXrlY {
    margin: 40px 0 0;
    position: relative;
    width: 100%
}

.q3dppPisdqD1gwCqXrlY:before {
    background: #fff;
    clip-path: polygon(100% 2.28%, 95.85% 0, .03% 2.43%, .03% 100%, 100% 100%, 100% 2.28%);
    z-index: 0
}

.q3dppPisdqD1gwCqXrlY:after,
.q3dppPisdqD1gwCqXrlY:before {
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute
}

.q3dppPisdqD1gwCqXrlY:after {
    background: var(--grey-7);
    clip-path: polygon(100% 2.28%, 100% 100%, 90.12% 100%, 95.85% 0);
    z-index: 1
}

@media (min-width:1211px) {
    .q3dppPisdqD1gwCqXrlY {
        --content-left: calc(50vw - var(--maxPageWidth)/2);
        --wedge-start: calc(var(--content-left) + var(--maxPageWidth)*0.35);
        --wedge-end: calc(var(--content-left) + var(--maxPageWidth)*0.372)
    }

    .q3dppPisdqD1gwCqXrlY:before {
        clip-path: polygon(var(--wedge-start) 0, 0 8%, 0 100%, 100% 100%, 100% 0, var(--wedge-end) 8%)
    }

    .q3dppPisdqD1gwCqXrlY:after {
        clip-path: polygon(var(--wedge-start) 0, var(--wedge-end) 8%, calc(var(--wedge-end) + 1%) 100%, calc(var(--wedge-start) - 1%) 100%);
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        width: 100%
    }
}

html[dir=rtl] .q3dppPisdqD1gwCqXrlY:after,
html[dir=rtl] .q3dppPisdqD1gwCqXrlY:before {
    transform: scaleX(-1)
}

.B3Ykv32PAQzAWDm8ZLxP {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    margin: 0 auto;
    max-width: var(--maxPageWidth);
    padding: 56px 32px;
    position: relative;
    width: 100%
}

.gYKLsrGper0lDtd1Jh5L {
    display: contents
}

.Bi9DuiJufrziZoOBS4ZX {
    order: 1
}

@media (min-width:661px) {
    .B3Ykv32PAQzAWDm8ZLxP {
        align-items: start;
        display: grid;
        gap: var(--spacing-xl);
        grid-auto-rows: min-content;
        grid-template-columns: auto 1fr
    }

    .gYKLsrGper0lDtd1Jh5L {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-xl);
        grid-column: 1;
        grid-row: 1
    }

    .mXTmsEBqPqY4oZrhcK6R {
        grid-column: 2;
        grid-row: 1
    }

    .Bi9DuiJufrziZoOBS4ZX {
        align-self: start;
        order: 0
    }
}

.aAo_lNI7j8nsrF98Hmza {
    display: grid;
    gap: var(--spacing-xl);
    grid-template-columns: 1fr
}

@media (min-width:771px) and (max-width:1210.9px) {
    .aAo_lNI7j8nsrF98Hmza {
        gap: var(--spacing-l);
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1211px) {
    .aAo_lNI7j8nsrF98Hmza {
        gap: var(--spacing-2xl);
        grid-template-columns: repeat(3, 1fr)
    }
}

.NsUjvfZGYVJuaFFoj8UT {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    min-width: 300px
}

@media (min-width:1211px) {
    .NsUjvfZGYVJuaFFoj8UT {
        width: 450px
    }
}

.SlgM_E9RU37FivtI9q1v {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
    min-width: 200px
}

.H_XbBqldWkI2_427QKOg,
.qMWRUBS9td2nFBRm5ow7 {
    max-width: 200px;
    word-break: break-word
}

.H_XbBqldWkI2_427QKOg {
    color: var(--grey-5);
    font: 700 12px/22px var(--fontTorus);
    letter-spacing: .3px;
    margin-bottom: var(--spacing-2xs);
    text-transform: uppercase
}

.mXTmsEBqPqY4oZrhcK6R {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    width: 100%
}

@media (min-width:661px) and (max-width:770.9px) {
    .mXTmsEBqPqY4oZrhcK6R {
        justify-content: center
    }
}

@media (min-width:850px) {
    .mXTmsEBqPqY4oZrhcK6R {
        display: grid;
        flex-grow: 1;
        font-size: 16px;
        gap: 16px;
        justify-content: normal;
        justify-items: flex-start;
        justify-self: end;
        margin: 0 24px 0 16px;
        width: auto
    }

    .mXTmsEBqPqY4oZrhcK6R .qMWRUBS9td2nFBRm5ow7 {
        flex-grow: 0;
        padding: 0;
        width: auto
    }

    html[dir=rtl] .mXTmsEBqPqY4oZrhcK6R {
        margin-left: 0;
        margin-right: 16px
    }
}

.qMWRUBS9td2nFBRm5ow7 {
    background: none;
    color: var(--blue-1);
    font: 700 14px/22px var(--fontBody);
    justify-self: end;
    transition: color .3s ease, -webkit-text-decoration .3s ease;
    transition: color .3s ease, text-decoration .3s ease;
    transition: color .3s ease, text-decoration .3s ease, -webkit-text-decoration .3s ease
}

.qMWRUBS9td2nFBRm5ow7:first-child {
    margin-left: 0
}

.qMWRUBS9td2nFBRm5ow7:hover {
    color: var(--poki-blue);
    text-decoration-line: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.nDlYEPwiwt1Ocy1EY4QY {
    display: inline-block;
    flex-shrink: 0;
    height: 24px;
    vertical-align: middle;
    width: 51px
}

.nFfRxeFvFwQzS_6hLEl2 {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 28px;
    height: 32px;
    position: relative;
    width: max-content;
	padding:0
}

@media (max-width:992px){
	.nDlYEPwiwt1Ocy1EY4QY{
		display:none;
	}

	.nFfRxeFvFwQzS_6hLEl2{
		text-align: left;
		width: auto;
	}
}
@media (max-width:600px){
	.nFfRxeFvFwQzS_6hLEl2{
		flex-direction: column;
		height: auto;
		align-items: flex-start;
		width: auto;
        text-align: left;
	}
}
.yLqE0gs_PCzr3XHDSfgt .jX1Y8HMEoQ0MUS7LKDJi {
    color: var(--poki-blue)
}

.xYiFDBzvOkiiM3nU6kag {
    align-items: center;
    display: inline-flex;
    position: relative
}

.jX1Y8HMEoQ0MUS7LKDJi {
    color: var(--blue-1);
    font: 700 18px var(--fontTorus);
    margin: 0;
    transition: color .4s ease
}

html[dir=rtl] .jX1Y8HMEoQ0MUS7LKDJi {
    margin: 0 22px 0 0
}

.Oh0otmmCcw6t9jmV7qRk {
    align-items: center;
    animation: Yo7p6i4H7RUGeAjUZXdG 2.2s cubic-bezier(.34, 1.56, .64, 1) forwards;
    background: var(--poki-blue);
    border-radius: 999px;
    color: #fff;
    display: flex;
    font: 700 16px/20px var(--fontTorus);
    height: 24px;
    inset-block-start: 50%;
    inset-inline-start: calc(100% + 8px);
    justify-content: center;
    padding: 0 8px 1px;
    position: absolute;
    transform: translateY(-50%) scale(0);
    white-space: nowrap;
    will-change: transform, opacity;
    z-index: 10
}

@media (min-width:441px) {
    .Oh0otmmCcw6t9jmV7qRk {
        inset-inline-start: calc(100% + 28px)
    }
}

@keyframes Yo7p6i4H7RUGeAjUZXdG {
    0% {
        opacity: 0;
        transform: translateY(-50%) scale(1)
    }

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

    35% {
        transform: translateY(-50%) scale(1.15)
    }

    45% {
        transform: translateY(-50%) scale(1.1)
    }

    55% {
        transform: translateY(-50%) scale(1.15)
    }

    65% {
        transform: translateY(-50%) scale(.85)
    }

    80% {
        opacity: 1;
        transform: translateY(-50%) scale(.85)
    }

    to {
        opacity: 0;
        transform: translateY(-50%) scale(.85)
    }
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 400;
    src: url(../fonts/proxima-nova-regular-cyrillic.woff2) format("woff2"), url(../fonts/proxima-nova-regular-cyrillic.woff) format("woff");
    unicode-range: U+04??
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 400;
    src: url(../fonts/proxima-nova-regular-greek-coptic.woff2) format("woff2"), url(../fonts/proxima-nova-regular-greek-coptic.woff) format("woff");
    unicode-range: U+0370-03ff
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 400;
    src: url(../fonts/proxima-nova-regular-latin.woff2) format("woff2"), url(../fonts/proxima-nova-regular-latin.woff) format("woff");
    unicode-range: U+0020-007f, U+00a0-00ff
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 400;
    src: url(../fonts/proxima-nova-regular-latin-ext-a.woff2) format("woff2"), url(../fonts/proxima-nova-regular-latin-ext-a.woff) format("woff");
    unicode-range: U+0100-017f
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 400;
    src: url(../fonts/proxima-nova-regular-latin-ext-b.woff2) format("woff2"), url(../fonts/proxima-nova-regular-latin-ext-b.woff) format("woff");
    unicode-range: U+0180-024f
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 400;
    src: url(../fonts/proxima-nova-regular-latin-extended.woff2) format("woff2"), url(../fonts/proxima-nova-regular-latin-extended.woff) format("woff");
    unicode-range: U+1e??, U+0300-036f
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 700;
    src: url(../fonts/proxima-nova-bold-cyrillic.woff2) format("woff2"), url(../fonts/proxima-nova-bold-cyrillic.woff) format("woff");
    unicode-range: U+04??
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 700;
    src: url(../fonts/proxima-nova-bold-greek-coptic.woff2) format("woff2"), url(../fonts/proxima-nova-bold-greek-coptic.woff) format("woff");
    unicode-range: U+0370-03ff
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 700;
    src: url(../fonts/proxima-nova-bold-latin.woff2) format("woff2"), url(../fonts/proxima-nova-bold-latin.woff) format("woff");
    unicode-range: U+0020-007f, U+00a0-00ff
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 700;
    src: url(../fonts/proxima-nova-bold-latin-ext-a.woff2) format("woff2"), url(../fonts/proxima-nova-bold-latin-ext-a.woff) format("woff");
    unicode-range: U+0100-017f
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 700;
    src: url(../fonts/proxima-nova-bold-latin-ext-b.woff2) format("woff2"), url(../fonts/proxima-nova-bold-latin-ext-b.woff) format("woff");
    unicode-range: U+0180-024f
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    font-weight: 700;
    src: url(../fonts/proxima-nova-bold-latin-extended.woff2) format("woff2"), url(../fonts/proxima-nova-bold-latin-extended.woff) format("woff");
    unicode-range: U+0180-024f
}

@font-face {
    font-display: swap;
    font-family: Torus;
    font-weight: 700;
    src: url(../fonts/torus-bold-latin.woff2) format("woff2"), url(../fonts/torus-bold-latin.woff) format("woff");
    unicode-range: U+0020-007f, U+00a0-00ff
}

@font-face {
    font-display: swap;
    font-family: Torus;
    font-weight: 700;
    src: url(../fonts/torus-bold-latin-ext-a.woff2) format("woff2"), url(../fonts/torus-bold-latin-ext-a.woff) format("woff");
    unicode-range: U+0100-017f
}

@font-face {
    font-display: swap;
    font-family: Torus;
    font-weight: 700;
    src: url(../fonts/torus-bold-latin-ext-b.woff2) format("woff2"), url(../fonts/torus-bold-latin-ext-b.woff) format("woff");
    unicode-range: U+0180-024f
}

@font-face {
    font-display: swap;
    font-family: Torus;
    font-weight: 700;
    src: url(../fonts/torus-bold-latin-extended.woff2) format("woff2"), url(../fonts/torus-bold-latin-extended.woff) format("woff");
    unicode-range: U+0180-024f
}

@font-face {
    font-display: swap;
    font-family: Noto Sans Arabic;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/noto-sans-arabic.woff2) format("woff2");
    unicode-range: U+06??, U+0750-077f, U+0870-088e, U+0890-0891, U+0898-08e1, U+08e3-08ff
}

@font-face {
    font-display: swap;
    font-family: Noto Sans Arabic;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/noto-sans-arabic.woff2) format("woff2");
    unicode-range: U+06??, U+0750-077f, U+0870-088e, U+0890-0891, U+0898-08e1, U+08e3-08ff
}

:root {
    --fontBody: "Proxima Nova", "Open Sans", "Gill Sans MT", "Gill Sans", "Noto Sans Arabic", Arial, sans-serif;
    --fontTorus: "Torus", "Noto Sans Arabic", sans-serif;
    --bezier: cubic-bezier(.25, .1, .25, 1);
    --cellSize: 94px;
    --cellSpacing: 16px;
    --maxPageWidth: 1860px;
    --shadow-angle: 1px 2px 3px 1px rgba(93, 107, 132, 0.2);
    --shadow-close: 0px 3px 5px 3px rgba(93, 107, 132, 0.2);
    --shadow-mid: 0px 7px 10px 4px rgba(93, 107, 132, 0.3);
    --shadow-hover: 0px 12px 16px 8px rgba(93, 107, 132, 0.3);
    --shadow-far: 0px 20px 24px 14px rgba(93, 107, 132, 0.24);
    --blue-5: #0074e0;
    --blue-3: #054a91;
    --blue-1: #002b50;
    --green-1: #15c8d1;
    --green-2: #17d7d8;
    --green-3: #18e9da;
    --green-4: #17f1d8;
    --green-5: #3cf7dc;
    --green-6: #4dffe1;
    --green-7: #fffe83;
    --green-8: #a4ffee;
    --grey-3: #5d6b84;
    --grey-5: #bac9de;
    --grey-7: #f0f5fc;
    --grey-9: #f9fbff;
    --pink-1: #ff7690;
    --pink-2: #ff8aa6;
    --pink-3: #ff99b1;
    --pink-4: #ffa4ba;
    --pink-5: #ffa9be;
    --pink-6: #ffaec5;
    --pink-7: #ffc2d6;
    --pink-8: #ffc9dd;
    --poki-blue: #009cff;
    --pure-white: #fff;
    --purple-1: #c977e8;
    --purple-2: #d490f2;
    --purple-3: #da9ef3;
    --purple-4: #dca7f2;
    --purple-5: #e0aef5;
    --purple-6: #e1b5f7;
    --purple-7: #eac0fc;
    --purple-8: #ebccff;
    --yellow-1: #ff9e00;
    --yellow-2: #ffaf00;
    --yellow-3: #ffc500;
    --yellow-4: #ffd100;
    --yellow-5: #ffdc00;
    --yellow-6: #ffe200;
    --yellow-7: #fbe756;
    --yellow-8: #ffed85;
    --spacing-2xs: 4px;
    --spacing-xs: 8px;
    --spacing-s: 12px;
    --spacing-m: 16px;
    --spacing-l: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px
}

*,
:after,
:before {
    box-sizing: border-box
}

body,
canvas,
div,
html,
iframe {
    margin: 0;
    padding: 0
}

body.isFullscreen {
    overflow: hidden
}

#app-root {
    background: var(--bodyBackground, var(--green-7) url("../imgs/bg-diamante.svg"));
    background-attachment: fixed;
    background-position: 50%;
    background-size: max(624px, 100%);
    display: flex;
    flex-direction: column;
    min-height: 100svh;
    position: relative
}

#app-root:has(#pagePrivacyCenter) {
    background: #fff
}

img {
    color: transparent
}

h1,
h2 {
    font: 700 24px var(--fontTorus)
}

h1,
h2,
p {
    margin: 0
}

a {
    color: var(--poki-blue);
    -webkit-text-decoration: none;
    text-decoration: none
}

body {
    color: var(--blue-1);
    font: 400 16px/24px var(--fontBody);
    min-width: 314px;
    overscroll-behavior: none
}

body.auth {
    background: none
}

.global-cq {
    container-name: tilecq;
    container-type: inline-size
}

@container (min-width: 200px) {
    .global-cq-title {
        --tileFontSize: 16px
    }
}

.buttonReset {
    background: none;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    /* padding: 0 */
}

.buttonReset:focus {
    outline: 0
}

@keyframes cfe5ghMFFAIy8hNBS91j {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.15, 1.05, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.u-pulseOnHover:hover {
    animation: cfe5ghMFFAIy8hNBS91j .6s ease-in-out infinite;
    box-shadow: var(--shadow-hover)
}

.lStd1276e_IhuA3g3FIs {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: var(--root-content-width, 314px)
}

@media (min-width:111px) and (max-width:550.9px) {
    .lStd1276e_IhuA3g3FIs:has(#pageContent) {
        --root-content-width: 100%;
        padding: 0 16px
    }
}

.lStd1276e_IhuA3g3FIs:has(#pagePrivacyCenter) {
    position: static
}

@media (min-width:991px) {
    .lStd1276e_IhuA3g3FIs:has(#pagePrivacyCenter) {
        --root-content-width: 100%;
        display: flex;
        flex-direction: column
    }
}

.lStd1276e_IhuA3g3FIs:has(#pageError) {
    display: flex
}

@media (min-width:111px) and (max-width:550.9px) {
    .ADMPJVcFvhX6udYDGs_x {
        --root-content-width: 314px
    }
}

@media (min-width:551px) and (max-width:660.9px) {
    .ADMPJVcFvhX6udYDGs_x {
        --root-content-width: 534px
    }
}

@media (min-width:661px) and (max-width:880.9px) {
    .ADMPJVcFvhX6udYDGs_x {
        --root-content-width: 644px
    }
}

@media (min-width:881px) {
    .ADMPJVcFvhX6udYDGs_x {
        --root-content-width: 864px
    }
}

@media (min-width:111px) and (max-width:990.9px) {
    .s9w4UjUUDL2klmhRDNdo {
        --root-content-width: 760px
    }
}

@media (min-width:991px) and (max-width:1210.9px) {
    .s9w4UjUUDL2klmhRDNdo {
        --root-content-width: 980px
    }
}

@media (min-width:1211px) and (max-width:1320.9px) {
    .s9w4UjUUDL2klmhRDNdo {
        --root-content-width: 1194px
    }
}

@media (min-width:1321px) and (max-width:1540.9px) {
    .s9w4UjUUDL2klmhRDNdo {
        --root-content-width: 1304px
    }
}

@media (min-width:1541px) and (max-width:1870.9px) {
    .s9w4UjUUDL2klmhRDNdo {
        --root-content-width: 1524px
    }
}

@media (min-width:1871px) {
    .s9w4UjUUDL2klmhRDNdo {
        --root-content-width: 1854px
    }
}

@keyframes cdPa9NsT2c88OEdQ1mTj {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.15, 1.05, 1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes wQIiM5L19MHiau69g6It {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.KZsD_IviR3LdyA5eEP2Z {
    background-color: var(--buttonPrimaryColor);
    border: 3px solid var(--poki-blue);
    border-radius: 100px
}

.KZsD_IviR3LdyA5eEP2Z,
.TPKRM9KtuVyey8GtLkuW {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.TPKRM9KtuVyey8GtLkuW {
    font: inherit;
    padding: inherit
}

.QJreC1uqlXz6gH09VlhP,
.TPKRM9KtuVyey8GtLkuW {
    align-items: center;
    display: flex;
    justify-content: center
}

.QJreC1uqlXz6gH09VlhP {
    visibility: hidden
}

.LxfzsgIFAyWR1n45HIzy {
    --buttonPrimaryColor: var(--poki-blue);
    --buttonSecondaryColor: #fff;
    --buttonMinHeight: 48px;
    --buttonFontSize: 19px;
    align-items: center;
    color: var(--buttonSecondaryColor);
    display: flex;
    font: 700 var(--buttonFontSize)/.8 var(--fontTorus);
    justify-content: space-evenly;
    min-height: var(--buttonMinHeight);
    min-width: var(--buttonMinWidth);
    padding: var(--buttonPadding, 0 24px);
    position: relative;
    text-align: center
}

.LxfzsgIFAyWR1n45HIzy svg {
    height: 24px;
    margin: 0 0 0 10px;
    width: 24px;
    fill: var(--buttonPrimaryColor, var(--poki-blue))
}

.LxfzsgIFAyWR1n45HIzy:hover .KZsD_IviR3LdyA5eEP2Z {
    animation: cdPa9NsT2c88OEdQ1mTj 1s cubic-bezier(.445, .05, .55, .95) infinite forwards
}

.LxfzsgIFAyWR1n45HIzy:hover .TPKRM9KtuVyey8GtLkuW {
    animation: wQIiM5L19MHiau69g6It 1s cubic-bezier(.445, .05, .55, .95) .15s infinite forwards
}

.LxfzsgIFAyWR1n45HIzy[disabled] {
    pointer-events: none;
    --buttonPrimaryColor: var(--grey-5)
}

.LxfzsgIFAyWR1n45HIzy[disabled] .KZsD_IviR3LdyA5eEP2Z {
    border-color: var(--grey-5)
}

.eCsNx5j10H4SMXc9ZfIa .KZsD_IviR3LdyA5eEP2Z {
    transition: background-color .2s ease-in-out, border-color .2s ease-in-out
}

.eCsNx5j10H4SMXc9ZfIa:hover {
    color: #fff
}

.eCsNx5j10H4SMXc9ZfIa:hover .KZsD_IviR3LdyA5eEP2Z {
    background-color: var(--blue-5);
    border-color: var(--blue-5)
}

.eCsNx5j10H4SMXc9ZfIa:hover .KZsD_IviR3LdyA5eEP2Z,
.eCsNx5j10H4SMXc9ZfIa:hover .TPKRM9KtuVyey8GtLkuW {
    animation: none
}

.FXfieYW9mRepYdhrfxeA {
    flex: 1 1 0
}

.uRQvy9BJOnhfTfQBTJMV {
    padding: 0 34px 0 8px
}

.uRQvy9BJOnhfTfQBTJMV svg {
    height: 36px;
    margin: 0 8px 0 0;
    width: 36px
}

html[dir=rtl] .uRQvy9BJOnhfTfQBTJMV {
    padding: 0 8px 0 34px
}

html[dir=rtl] .uRQvy9BJOnhfTfQBTJMV svg {
    margin: 0 0 0 8px
}

.snryCgav2Soo95rzHejY {
    --buttonPrimaryColor: #fff;
    --buttonSecondaryColor: var(--poki-blue)
}

.snryCgav2Soo95rzHejY[disabled] {
    --buttonPrimaryColor: #fff;
    --buttonSecondaryColor: var(--grey-5)
}

.OsmtBQrXW9qOmZfG_ZCg {
    --buttonFontSize: 16px;
    --buttonMinHeight: 36px;
    --buttonMinWidth: 93px
}

.RGLc9eO80tdjm6gjoVFT {
    --buttonPadding: 0 12px;
    --buttonFontSize: 12px;
    --buttonMinHeight: 24px;
    --buttonMinWidth: 60px
}

#app-root:has(#pageFAQ) {
    background: #fff url(../imgs/bg-diamante-large-top.svg) 50% -48px no-repeat
}

@media (min-width:991px) {
    #app-root:has(#pageFAQ) {
        background-attachment: scroll, scroll, scroll;
        background-image: url(../imgs/bg-diamante-large-top.svg), url(../imgs/bg-diamante-small-left.svg), url(../imgs/bg-diamante-small-right.svg);
        background-position: 50% -48px, 0 400px, 100% 600px;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: auto, auto, auto
    }
}

@media (min-width:1900px) {
    #app-root:has(#pageFAQ) {
        background-position: 50% -48px, 0 400px, 100% 800px;
        background-size: 100% auto, auto, auto
    }
}

._9N8IQhSCE9BZHGWJyOvw {
    padding: 190px 0 24px
}

@media (min-width:991px) and (max-width:1870.9px) {
    ._9N8IQhSCE9BZHGWJyOvw {
        padding: 252px 0 64px
    }
}

@media (min-width:1871px) {
    ._9N8IQhSCE9BZHGWJyOvw {
        padding: 282px 0 64px
    }
}

.GIw5nAelGzdtQEZnIjBL {
    display: flex;
    flex-direction: column;
    text-wrap: pretty
}

@media (min-width:991px) {
    .GIw5nAelGzdtQEZnIjBL {
        flex-direction: row;
        gap: 32px
    }
}

.sbfoEnoxYu74FuKMTs7u {
    margin: 0 0 48px
}

@media (min-width:991px) {
    .sbfoEnoxYu74FuKMTs7u {
        flex: 1;
        margin: 16px 16px 0 0
    }
}

.RkjBTSC7_xOeIYtxPZ2y {
    font: 700 24px/28px var(--fontTorus)
}

@media (min-width:991px) {
    .RkjBTSC7_xOeIYtxPZ2y {
        font-size: 36px;
        line-height: 40px;
        position: sticky;
        top: 136px
    }

    .IvWzDYyn_oAPdUyRSs38 {
        flex: 1
    }
}

.lGYK8AxzoltbYnFnWh5e {
    border-top: 2px solid var(--grey-7)
}

.lGYK8AxzoltbYnFnWh5e:last-of-type {
    border-bottom: 2px solid var(--grey-7)
}

.tb5opHXKkztRSncClmXE {
    align-items: center;
    color: var(--blue-1);
    cursor: pointer;
    display: flex;
    font: 700 20px/24px var(--fontTorus);
    justify-content: space-between;
    min-width: 100%;
    padding: 28px 0;
    text-align: left;
    transition: color .2s ease-in-out
}

.tb5opHXKkztRSncClmXE::marker {
    content: ""
}

.FLPV30aqtfNh2Hwnr2it {
    height: 18px;
    margin: 0 0 0 16px;
    width: 18px;
    fill: var(--poki-blue);
    transform: rotate(90deg);
    transition: transform .3s cubic-bezier(.68, -.55, .27, 1.55)
}

.mx3IZ35PmbbDFG4Jcq15 {
    color: var(--grey-3);
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out
}

.mx3IZ35PmbbDFG4Jcq15 p {
    margin: 0 0 14px
}

.mx3IZ35PmbbDFG4Jcq15 a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.EhGQ07kMYWfzKZOKhrwf .mx3IZ35PmbbDFG4Jcq15 {
    max-height: 1000px
}

.EhGQ07kMYWfzKZOKhrwf .FLPV30aqtfNh2Hwnr2it {
    transform: rotate(-90deg)
}

.tvCSnolYsU9r9UAxrkY4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 200px 0 64px;
    text-align: center
}

@media (min-width:991px) {
    .tvCSnolYsU9r9UAxrkY4 {
        margin: 200px 0 64px
    }
}

.HH4gFijCidJahURMlS_o {
    font: 700 24px/28px var(--fontTorus);
    margin: 0 0 40px
}

.M5Ma8U8IqXMlTOGBjUEZ:not(.W2gtvwJUqcTY3QHqipb2) .tb5opHXKkztRSncClmXE:hover {
    color: var(--poki-blue)
}

.M5Ma8U8IqXMlTOGBjUEZ:not(.W2gtvwJUqcTY3QHqipb2) .mx3IZ35PmbbDFG4Jcq15 a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.oVJnDuO8ZC9Wvb4bvTKs {
    --privacy-center-footer-width-offset: calc((var(--root-content-width) - 100vw)/2);
    background: url(../imgs/bg-faq-footer.svg);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 10vw;
    left: 0;
    margin: 84px calc(var(--privacy-center-footer-width-offset)) -102px;
    min-height: 169px;
    position: relative;
    width: 100vw
}

@media (min-width:881px) {
    .oVJnDuO8ZC9Wvb4bvTKs {
        background-image: url(../imgs/bg-faq-footer-extended.svg);
        margin: 26px calc(var(--privacy-center-footer-width-offset)) -80px
    }
}

html[dir=rtl] .oVJnDuO8ZC9Wvb4bvTKs {
    background-position: 100% 100%;
    left: auto;
    right: 0;
    transform: scaleX(-1)
}

.qBUtGmyztDWwGnia_mYq {
    display: flex;
    gap: var(--spacing-m)
}

.o9xIOU4zSGEaPg5mF5MQ {
    background: var(--blue-1);
    border-radius: 50%;
    display: inline-block;
    height: 36px;
    position: relative;
    transition: background .3s ease;
    width: 36px
}

.o9xIOU4zSGEaPg5mF5MQ:hover {
    background: var(--poki-blue)
}

.o9xIOU4zSGEaPg5mF5MQ:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 18px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px
}

.o9xIOU4zSGEaPg5mF5MQ.mZsu6pL3yCExNTwxGp3h:after {
    background-image: url(../imgs/tiktok.svg);
    filter: invert(1)
}

.o9xIOU4zSGEaPg5mF5MQ.A0SVMsfsITinnIFQSmTA:after {
    background-image: url(../imgs/instagram.svg)
}

.o9xIOU4zSGEaPg5mF5MQ.TZVTnwdWUs1jBZcisb_Y:after {
    background-image: url(../imgs/youtube.svg)
}

.o9xIOU4zSGEaPg5mF5MQ.discord_svg:after {
    background-image: url(../imgs/youtube.svg)
}

@keyframes d2G8zmteSimR3h_ee2ds {
    0% {
        transform: scale(1)
    }

    30% {
        color: var(--poki-blue);
        transform: scale(1.08)
    }

    70% {
        color: var(--poki-blue);
        transform: scale(1.08)
    }

    to {
        transform: scale(1)
    }
}

.wEXnbDJjsaQZaJV1W0Ya {
    display: flex;
    flex-direction: column;
    padding: 160px 0 0
}

@media (min-width:881px) {
    .wEXnbDJjsaQZaJV1W0Ya {
        padding: 16px 0 0
    }
}

.JTU6uhSQuboFma31fJEx {
    font: 700 24px/1.16 var(--fontTorus);
    margin: 0 0 24px;
    text-align: center
}

@media (min-width:1871px) {
    .JTU6uhSQuboFma31fJEx {
        font-size: 36px;
        margin: 0 0 64px
    }
}

.MqRLPKUHZSXYx4h4p7Wt {
    display: inline
}

.rq5ZTG_a4n5HNj602Po3 {
    display: none
}

@media (min-width:1321px) {
    .MqRLPKUHZSXYx4h4p7Wt {
        display: none
    }

    .rq5ZTG_a4n5HNj602Po3 {
        display: inline
    }
}

.VNtHp8Wpm2nGAeA2SYIR {
    margin: 16px 0 56px;
    text-align: center
}

@media (min-width:771px) {
    .VNtHp8Wpm2nGAeA2SYIR {
        margin: 0 0 80px
    }
}

.E6oDAyP5EYS4XgmcPmxP {
    color: var(--blue-1);
    display: inline-block;
    font: 700 40px/1.16 var(--fontTorus);
    position: relative;
    transition: transform .2s ease-in-out, color .2s ease-in-out
}

.E6oDAyP5EYS4XgmcPmxP:hover {
    color: var(--poki-blue);
    transform: scale(1.08)
}

@media (min-width:661px) and (max-width:1210.9px) {
    .E6oDAyP5EYS4XgmcPmxP {
        font-size: 60px
    }
}

@media (min-width:1211px) {
    .E6oDAyP5EYS4XgmcPmxP {
        font-size: 104px
    }
}

@media (hover:none),
(pointer:coarse) {
    .E6oDAyP5EYS4XgmcPmxP {
        animation: d2G8zmteSimR3h_ee2ds 1.8s ease-in-out forwards;
        animation-delay: .5s
    }
}

.osdYx2H_zbSyTFTW1UHi {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 0 48px
}

@media (min-width:661px) {
    .osdYx2H_zbSyTFTW1UHi {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.UD675HgU7Fu9LBdmnwNI {
    background: #fff;
    box-shadow: var(--shadow-close);
    padding: 24px;
    transition: transform .6s var(--bezier), box-shadow .3s var(--bezier)
}

@media (hover:hover) {
    .UD675HgU7Fu9LBdmnwNI:hover {
        box-shadow: var(--shadow-hover);
        transform: scale(1.04) translateY(-4px);
        transition-duration: .3s
    }
}

@media (min-width:661px) and (max-width:1320.9px) {
    .UD675HgU7Fu9LBdmnwNI {
        flex: 1 1 calc(50% - 32px)
    }
}

@media (min-width:1321px) {
    .UD675HgU7Fu9LBdmnwNI {
        flex: 1
    }
}

.gGlWDVOGYQJEVfJufGQ7 {
    color: var(--blue-1);
    display: block;
    font: 700 20px/24px var(--fontTorus);
    margin: 0 0 10px
}

.hXOebjEEYHRgfZsqznYA {
    color: var(--poki-blue);
    font: 700 14px/22px var(--fontBody)
}

.j_QFTgmGefx4UEdKU9c3 {
    height: 16px;
    margin: 4px 4px 0 0;
    width: 16px;
    fill: var(--poki-blue);
    vertical-align: top
}

.ERWkQRqnSI35OuEEA39I {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-l);
    margin: 0 0 72px;
    order: 1;
    width: 100%
}

@media (min-width:881px) {
    .ERWkQRqnSI35OuEEA39I {
        flex-direction: row;
        height: 94px;
        justify-content: flex-end;
        order: 0
    }
}

@media (min-width:1871px) {
    .ERWkQRqnSI35OuEEA39I {
        margin: 0 0 120px
    }
}

.j4ovKSOQc9ttq0NykXTg {
    font: 700 20px/24px var(--fontTorus)
}

.dDl_g8jZOWhwT9e30qvU {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 80px 0
}

.h2klMSpZqoV3KUb5QZnO {
    font: 700 24px/28px var(--fontTorus);
    margin: 0;
    text-align: center
}

.qc8IXkNRmKnP1Mfk2ljX {
    display: inline-block
}

@keyframes MzbKIFk6afkjJ3xw3s3x {
    0% {
        background-color: hsla(0, 0%, 100%, .5)
    }

    40% {
        background-color: hsla(0, 0%, 100%, 0)
    }

    to {
        background-color: hsla(0, 0%, 100%, .5)
    }
}

.YwmMMIAFGWWCLiX3IDSl {
    animation: MzbKIFk6afkjJ3xw3s3x .7s infinite forwards;
    animation-delay: var(--fakeTileAnimationDelay, 0s);
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 16px;
    box-shadow: var(--shadow-mid);
    min-height: 94px;
    min-width: 94px;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.pgTlDsvMokOdehB3D11L,
.pgTlDsvMokOdehB3D11L li {
    display: contents
}

.vtbwTfQNi80Hes0DzmGs {
    display: grid;
    grid-auto-flow: row dense;
    justify-content: center;
    margin: 16px auto 0;
    padding: 0;
    grid-gap: var(--cellSpacing);
    grid-template-columns: repeat(var(--gridTemplateColumns, 3), 94px);
    grid-template-rows: repeat(auto-fill, 94px);
    grid-auto-rows: 94px;
    list-style-type: none
}

.vtbwTfQNi80Hes0DzmGs:first-of-type:before {
    content: "";
    display: block
}

@media (min-width:1871px) {
    .vtbwTfQNi80Hes0DzmGs:before {
        grid-column-start: span 2
    }
}

@media (min-width:111px) and (max-width:550px) {
    .Eu3YePRYW_jQ2bgCbNjr {
        --gridTemplateColumns: 3
    }
}

@media (min-width:551px) and (max-width:660.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -270px
    }

    .Eu3YePRYW_jQ2bgCbNjr {
        --gridTemplateColumns: 5
    }
}

@media (min-width:661px) and (max-width:759.9px) {
    .Eu3YePRYW_jQ2bgCbNjr {
        --gridTemplateColumns: 6
    }

    .DJT17TB5hYo14sdLEAwk {
        --offset: -322px
    }
}

@media (min-width:760px) and (max-width:990.9px) {
    .Eu3YePRYW_jQ2bgCbNjr {
        --gridTemplateColumns: 7
    }
}

@media (min-width:991px) and (max-width:1210.9px) {
    .Eu3YePRYW_jQ2bgCbNjr {
        --gridTemplateColumns: 9
    }
}

@media (min-width:1211px) and (max-width:1320.9px) {
    .Eu3YePRYW_jQ2bgCbNjr {
        --gridTemplateColumns: 11
    }
}

@media (min-width:1321px) and (max-width:1540.9px) {
    .Eu3YePRYW_jQ2bgCbNjr {
        --gridTemplateColumns: 12
    }
}

@media (min-width:1541px) and (max-width:1870.9px) {
    .Eu3YePRYW_jQ2bgCbNjr {
        --gridTemplateColumns: 14
    }
}

@media (min-width:1871px) {
    .Eu3YePRYW_jQ2bgCbNjr {
        --gridTemplateColumns: 17
    }
}


@media (min-width:551px) and (max-width:660.9px) {
    .sVO_yY3sP6R0A04SxJ_L {
        --gridTemplateColumns: 5
    }
}

@media (min-width:661px) and (max-width:880.9px) {
    .sVO_yY3sP6R0A04SxJ_L {
        --gridTemplateColumns: 6
    }
}

@media (min-width:881px) {
    .sVO_yY3sP6R0A04SxJ_L {
        --gridTemplateColumns: 8
    }
}

.Vz1O5jCIfTAEjuWB2uXg {
    font-family: inherit;
    font-size: 19px;
    margin: 1em 0
}

.WcMY3e5nv_iqM7rLTINg {
    counter-reset: list-counter;
    list-style: none;
    margin: 0 0 var(--spacing-l) 0;
    padding-inline-start: 0
}

.WcMY3e5nv_iqM7rLTINg a {
    color: var(--blue-5);
    font: 700 16px/24px var(--fontBody);
    -webkit-text-decoration: none;
    text-decoration: none
}

.WcMY3e5nv_iqM7rLTINg a:hover {
    color: var(--poki-blue);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-style: solid;
    text-decoration-thickness: 12%;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.WcMY3e5nv_iqM7rLTINg li {
    counter-increment: list-counter;
    margin-bottom: var(--spacing-m);
    padding-inline-start: 24px;
    position: relative
}

.WcMY3e5nv_iqM7rLTINg li:last-child {
    margin-bottom: var(--spacing-xs)
}

.WcMY3e5nv_iqM7rLTINg li:before {
    align-items: center;
    background: var(--blue-5);
    border-radius: 50%;
    color: #fff;
    content: counter(list-counter);
    display: flex;
    font: 700 10px/8px var(--fontBody);
    height: 16px;
    inset-inline-start: 0;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s ease;
    width: 16px
}

.WcMY3e5nv_iqM7rLTINg li:hover:before {
    background-color: var(--poki-blue)
}

.Wz4fsOmhQR4bEYpqHqhc,
.Wz4fsOmhQR4bEYpqHqhc li {
    display: contents
}

.rg0q25sDgc3c2A__7hrD {
    grid-area: ipx
}

@media (min-width:111px) and (max-width:550.9px) {
    .JgLfL7LclbiAmVJ1BGIg {
        --gridTemplateColumns: 3
    }
}

@media (min-width:551px) and (max-width:660.9px) {
    .JgLfL7LclbiAmVJ1BGIg {
        --gridTemplateColumns: 5
    }
}

@media (min-width:661px) and (max-width:759.9px) {
    .JgLfL7LclbiAmVJ1BGIg {
        --gridTemplateColumns: 6
    }
}

@media (min-width:760px) and (max-width:990.9px) {
    .JgLfL7LclbiAmVJ1BGIg {
        --gridTemplateColumns: 7
    }
}

@media (min-width:111px) {
    .JgLfL7LclbiAmVJ1BGIg .ip0 {
        grid-area: ip0
    }

    .JgLfL7LclbiAmVJ1BGIg .ip1 {
        grid-area: ip1
    }

    .JgLfL7LclbiAmVJ1BGIg .ip2 {
        grid-area: ip2
    }
}

@media (min-width:991px) and (max-width:1210.9px) {
    .JgLfL7LclbiAmVJ1BGIg {
        --gridTemplateColumns: 9
    }
}

@media (min-width:1211px) and (max-width:1320.9px) {
    .JgLfL7LclbiAmVJ1BGIg {
        --gridTemplateColumns: 11
    }
}

@media (min-width:1321px) and (max-width:1540.9px) {
    .JgLfL7LclbiAmVJ1BGIg {
        --gridTemplateColumns: 12
    }
}

@media (min-width:1541px) and (max-width:1870.9px) {
    .JgLfL7LclbiAmVJ1BGIg {
        --gridTemplateColumns: 14
    }
}

@media (min-width:1871px) {
    .JgLfL7LclbiAmVJ1BGIg {
        --gridTemplateColumns: 17
    }
}

.nQ32Q_5I94EeoEsR3ljg {
    height: 1px;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 1px
}

._K68p9Y5eLN5PSdt4um9 {
    display: none
}

@media (min-width:1321px) {
    ._K68p9Y5eLN5PSdt4um9 {
        display: flex;
        grid-area: a32;
        height: 314px
    }
}

.iV0NGvWNqQGMUwVRfpqC {
    display: flex;
    grid-area: a79;
    justify-content: center
}

.ZWzDTMK76w9X1iaBvoSs {
    display: none
}

@media (min-width:991px) and (max-width:1320.9px) {
    .ZWzDTMK76w9X1iaBvoSs {
        display: flex;
        grid-area: a16
    }
}

@media (min-width:1871px) {
    .ZWzDTMK76w9X1iaBvoSs {
        display: flex;
        grid-area: a16
    }
}

.cjI2e42faicGCm1ksKXp {
    grid-area: ibx
}

@media (min-width:551px) and (max-width:660.9px) {
    .cjI2e42faicGCm1ksKXp {
        display: none
    }
}

.cM0dvuoLEJDmDILA2Jo8 {
    display: flex;
    grid-area: igc;
    justify-content: center
}



@media (min-width:111px) and (max-width:770.9px) {
    .ZJTKr_MXUFVVsJpV_qiz {
        height: 314px
    }
}

@media (min-width:661px) {
    .ZJTKr_MXUFVVsJpV_qiz {
        height: 424px
    }
}

.lwfhBFf00emgvcGoqV0g {
    grid-area: egc
}

.lwfhBFf00emgvcGoqV0g:empty {
    display: contents
}



.size-5x2 {
    grid-row: span 6;
    grid-column: span 2;
}

.size-1x7 {
    grid-row: span 1;
    grid-column: span 7;
}

.size-3 {
    grid-column: span 3;
    grid-row: span 3;
}

.size-1x7 {
    grid-column: 4 / span 7;
    display: flex;
    align-items: center;
}

#ajax-append .game__ads--bottom.size-1x7 {
    grid-column: span 7 !important;
}

@media (min-width:111px) and (max-width:550.9px) {

    .grid-bottom>:nth-child(n+8),
    .grid-left>:nth-child(n+8),
    .grid-right>:nth-child(n+8) {
        display: none
    }

    .game__ads--left.size-5x2 {
        display: none;
    }


    .game__ads--right {
        display: none;
    }

    .game__ads--bottom {
        display: none;
    }
}


@media (min-width:551px) and (max-width:660.9px) {


    .grid-bottom>:nth-child(n+12),
    .grid-left>:nth-child(n+12),
    .grid-right>:nth-child(n+12) {
        display: none
    }

    .game__ads--left.size-5x2 {
        display: none;
    }


    .game__ads--right {
        display: none;
    }

    .game__ads--bottom {
        display: none;
    }
}

@media (min-width: 661px) and (max-width: 759.9px) {

    .grid-bottom>:nth-child(n+14),
    .grid-left>:nth-child(n+14),
    .grid-right>:nth-child(n+14) {
        display: none
    }

    .game__ads--right {
        display: none;
    }

    .game__ads--bottom {
        display: none;
    }

    .game__ads--left.size-5x2 {
        display: none;
    }

}



@media (min-width:760px) and (max-width:990.9px) {
    .KOhrFB4QDKEFN2uykSgp {
        --gridTemplateColumns: 7;
        --leftGridTemplateColumns: 1;
        --bottomGridTemplateColumns: 6;
        --rightGridTemplateColumns: 7;
        grid-template-areas:
            "... igc igc igc igc igc igc"
            "lif igc igc igc igc igc igc"
            "lif igc igc igc igc igc igc"
            "lif igc igc igc igc igc igc"
            "lif bif bif bif bif bif bif"
            "lif bif bif bif bif bif bif"
            "rif rif rif rif rif rif rif"
            "rif rif rif rif rif rif rif"
    }

    .grid-bottom>:nth-child(n+14),
    .grid-right>:nth-child(n+16),
    .grid-left>:nth-child(n+7) {
        display: none
    }


    .game__ads--right {
        display: none;
    }

    .game__ads--left {
        display: none;
    }

    .game__ads--bottom.size-1x7 {
        display: none;
    }


}

@media (min-width:991px) and (max-width:1210.9px) {
    .KOhrFB4QDKEFN2uykSgp {
        --gridTemplateColumns: 9;
        --leftGridTemplateColumns: 1;
        --rightGridTemplateColumns: 2;
        --bottomGridTemplateColumns: 6;
        grid-template-areas:
            "... igc igc igc igc igc igc rif rif"
            "lif igc igc igc igc igc igc rif rif"
            "lif igc igc igc igc igc igc rif rif"
            "lif igc igc igc igc igc igc rif rif"
            "lif bif bif bif bif bif bif rif rif"
            "lif bif bif bif bif bif bif rif rif"
    }

    .grid-bottom>:nth-child(n+14),
    .grid-left>:nth-child(n+7),
    .grid-right>:nth-child(n+14) {
        display: none
    }


    .game__ads--left {
        display: none;
    }

    .game__ads--right.size-3 {
        display: none;
    }

    .game__ads--bottom.size-1x7 {
        display: none;
    }


}

@media (min-width:1211px) and (max-width:1320.9px) {
    .KOhrFB4QDKEFN2uykSgp {
        --gridTemplateColumns: 11;
        --leftGridTemplateColumns: 1;
        --rightGridTemplateColumns: 2;
        --bottomGridTemplateColumns: 8;
        grid-template-areas: "... igc igc igc igc igc igc igc igc rif rif""lif igc igc igc igc igc igc igc igc rif rif""lif igc igc igc igc igc igc igc igc rif rif""lif igc igc igc igc igc igc igc igc rif rif""lif igc igc igc igc igc igc igc igc rif rif""lif bif bif bif bif bif bif bif bif rif rif""lif bif bif bif bif bif bif bif bif rif rif"
    }

    .grid-bottom>:nth-child(n+18),
    .grid-left>:nth-child(n+8),
    .grid-right>:nth-child(n+16) {
        display: none
    }

    .game__ads--bottom {
        /* display: none; */
    }

    .game__ads--left {
        display: none;
    }

    .game__ads--right.size-3 {
        display: none;
    }

    .game__ads--bottom.size-1x7 {
        grid-column: span 7;
    }

}

@media (min-width:1321px) and (max-width:1540.9px) {
    .KOhrFB4QDKEFN2uykSgp {
        --gridTemplateColumns: 12;
        --leftGridTemplateColumns: 1;
        --rightGridTemplateColumns: 3;
        --bottomGridTemplateColumns: 8;
        grid-template-areas: "... igc igc igc igc igc igc igc igc rif rif rif""lif igc igc igc igc igc igc igc igc rif rif rif""lif igc igc igc igc igc igc igc igc rif rif rif""lif igc igc igc igc igc igc igc igc rif rif rif""lif igc igc igc igc igc igc igc igc rif rif rif""lif bif bif bif bif bif bif bif bif rif rif rif""lif bif bif bif bif bif bif bif bif rif rif rif"
    }

    .grid-bottom>:nth-child(n+17),
    .grid-left>:nth-child(n+8),
    .grid-right>:nth-child(n+22) {
        display: none
    }


    .game__ads--left {
        display: none;
    }


    .ads_layout.grid-bottom>:nth-child(n+11),
    .ads_layout.grid-right>:nth-child(n+14) {
        display: none
    }

    .game__ads--bottom.size-1x7 {
        grid-column: 2/span 7;
    }

}

@media (min-width:1541px) and (max-width:1870.9px) {
    .KOhrFB4QDKEFN2uykSgp {
        --gridTemplateColumns: 14;
        --leftGridTemplateColumns: 1;
        --rightGridTemplateColumns: 3;
        --bottomGridTemplateColumns: 10;
        grid-template-areas: "... igc igc igc igc igc igc igc igc igc igc rif rif rif""lif igc igc igc igc igc igc igc igc igc igc rif rif rif""lif igc igc igc igc igc igc igc igc igc igc rif rif rif""lif igc igc igc igc igc igc igc igc igc igc rif rif rif""lif igc igc igc igc igc igc igc igc igc igc rif rif rif""lif igc igc igc igc igc igc igc igc igc igc rif rif rif""lif bif bif bif bif bif bif bif bif bif bif rif rif rif""lif bif bif bif bif bif bif bif bif bif bif rif rif rif"
    }

    .grid-bottom>:nth-child(n+21),
    .grid-left>:nth-child(n+9),
    .grid-right>:nth-child(n+25) {
        display: none
    }

    .game__ads--left {
        display: none;
    }


    .ads_layout.grid-bottom>:nth-child(n+15),
    .ads_layout.grid-right>:nth-child(n+17) {
        display: none
    }

    .game__ads--bottom.size-1x7 {
        /* grid-column: 3/span 7; */
    }
}

@media (min-width:1871px) {
    .KOhrFB4QDKEFN2uykSgp {
        --leftGridTemplateColumns: 2;
        --rightGridTemplateColumns: 5;
        --bottomGridTemplateColumns: 10;
        --gridTemplateColumns: 17;
        grid-template-areas:
            "... ... igc igc igc igc igc igc igc igc igc igc rif rif rif rif rif"
            "lif lif igc igc igc igc igc igc igc igc igc igc rif rif rif rif rif"
            "lif lif igc igc igc igc igc igc igc igc igc igc rif rif rif rif rif"
            "lif lif igc igc igc igc igc igc igc igc igc igc rif rif rif rif rif"
            "lif lif igc igc igc igc igc igc igc igc igc igc rif rif rif rif rif"
            "lif lif igc igc igc igc igc igc igc igc igc igc rif rif rif rif rif"
            "lif lif bif bif bif bif bif bif bif bif bif bif rif rif rif rif rif"
            "lif lif bif bif bif bif bif bif bif bif bif bif rif rif rif rif rif"

    }

    .grid-bottom>:nth-child(n+21),
    .grid-left>:nth-child(n+15),
    .grid-right>:nth-child(n+41) {
        display: none
    }


    .ads_layout.grid-left>:nth-child(n+4),
    .ads_layout.grid-bottom>:nth-child(n+15),
    .ads_layout.grid-right>:nth-child(n+33) {
        display: none
    }
}

.RlUXPDIHC5o_sVPxHp0G {
    margin-bottom: 113px
}

.RlUXPDIHC5o_sVPxHp0G:first-of-type:before {
    content: "";
    display: none
}

.RlUXPDIHC5o_sVPxHp0G ._K68p9Y5eLN5PSdt4um9,
.RlUXPDIHC5o_sVPxHp0G .ZWzDTMK76w9X1iaBvoSs {
    display: none
}

@media (min-width:991px) and (max-width:1210.9px) {
    .RlUXPDIHC5o_sVPxHp0G {
        --gridTemplateColumns: 7;
        margin-left: 110px;
        margin-right: 0;
        width: 754px
    }
}

@media (min-width:1211px) and (max-width:1320.9px) {
    .RlUXPDIHC5o_sVPxHp0G {
        --gridTemplateColumns: 8;
        margin-left: 110px;
        margin-right: 0;
        width: 864px
    }
}

@media (min-width:1321px) and (max-width:1540.9px) {
    .RlUXPDIHC5o_sVPxHp0G {
        --gridTemplateColumns: 8;
        margin-left: 110px;
        margin-right: 0;
        width: 864px
    }
}

@media (min-width:1541px) and (max-width:1870.9px) {
    .RlUXPDIHC5o_sVPxHp0G {
        --gridTemplateColumns: 10;
        margin-left: 110px;
        margin-right: 0;
        width: 1084px
    }
}

@media (min-width:1871px) {
    .RlUXPDIHC5o_sVPxHp0G {
        --gridTemplateColumns: 10;
        margin-left: 330px;
        margin-right: 0;
        width: 864px
    }
}

@media (min-width:1321px) {
    .KOhrFB4QDKEFN2uykSgp:not(.RlUXPDIHC5o_sVPxHp0G) .ir0.ir1 {
        height: 204px;
        width: 204px
    }

    .KOhrFB4QDKEFN2uykSgp:not(.RlUXPDIHC5o_sVPxHp0G) .ir0 {
        grid-area: ir0
    }

    .KOhrFB4QDKEFN2uykSgp:not(.RlUXPDIHC5o_sVPxHp0G) .ir1 {
        grid-area: ir1
    }
}

@media (min-width:551px) and (max-width:660.9px) {
    .Fs5S79qEs9av8TQAeTeb {
        --gridTemplateColumns: 5
    }
}

@media (min-width:661px) and (max-width:880.9px) {
    .Fs5S79qEs9av8TQAeTeb {
        --gridTemplateColumns: 6
    }
}

@media (min-width:881px) {
    .Fs5S79qEs9av8TQAeTeb {
        --gridTemplateColumns: 8
    }
}

@keyframes sbvbNDKUibhBW2I87TGN {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

.BpGdi4Nhd9PmA4jbCDMd {
    animation: sbvbNDKUibhBW2I87TGN .2s var(--bezier) both;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100001
}

.W8compNR7UyaOS_MWPEf {
    height: 100vmax
}

.ads {
    width: 100%
}

.ads-margin {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    position: relative
}

.ads-margin-left .ads-title,
.ads-margin-right .ads-title {
    width: 160px
}

.ads-title {
    text-align: center;
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #cecece
}

.fixads .ads-title {
    background: unset;
    position: absolute;
    top: 0;
    width: 100%
}

.make-ads {
    margin-bottom: 24px
}

.throw-ads-300x600 {
    width: 300px;
    min-width: 300px
}

.throw-ads-160x600 {
    width: 160px;
    min-width: 160px
}

.throw-ads-160x600,
.throw-ads-200x200,
.throw-ads-300x250,
.throw-ads-300x600,
.throw-ads-320x50,
.throw-ads-320x100,
.throw-ads-468x60,
.throw-ads-728x90,
.throw-ads-768x90,
.throw-ads-970x90 {
    display: none;
    overflow: hidden
}

.throw-ads-300x250,
.throw-ads-970x90 {
    display: block
}

.responsive-none {
    display: none
}

.responsive-block {
    display: block
}

@media (min-width:848px) {
    .responsive-none {
        display: block
    }

    .responsive-block {
        display: none
    }

    .throw-ads-768x90,
    .throw-ads-970x90 {
        display: block
    }
}

@media (min-width:1366px) {
    .throw-ads-160x600 {
        display: block
    }
}

@media (min-width:1700px) {
    .throw-ads-left {
        width: 160px;
        min-width: 160px
    }
}

.a3Kw9JA18BCO_3tYA60p {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: var(--shadow-mid);
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: center;
    transition: border-color .2s ease-out, box-shadow .2s ease-out, transform .2s ease-out;
    width: 64px
}

.a3Kw9JA18BCO_3tYA60p:focus {
    outline: 0
}

.a3Kw9JA18BCO_3tYA60p:focus,
.a3Kw9JA18BCO_3tYA60p:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-2px)
}

.QhChQVv3CuMGGXzujgBd {
    display: block;
    fill: var(--poki-blue)
}

.fafg29H3Hva1K75XSI8h {
    background-color: var(--green-7);
    bottom: 0;
    box-shadow: var(--shadow-far);
    display: flex;
    flex-direction: column;
    left: -1000px;
    max-width: 100%;
    padding: 32px 20px 0;
    position: fixed;
    top: 0;
    width: 688px;
    z-index: 100003;
    view-transition-name: sidePanel
}

html[dir=rtl] .fafg29H3Hva1K75XSI8h {
    left: auto;
    right: 0
}

.jN5ywPg1gHQE4Z3GCQh0 {
    background-color: var(--grey-3);
    bottom: 0;
    left: 0;
    mix-blend-mode: multiply;
    opacity: .9;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100002
}

.QCXKNX2wRxprAGzoOQcF {
    right: 0;
    scrollbar-width: none
}

@media (min-width:111px) and (max-width:770.9px) {
    .QCXKNX2wRxprAGzoOQcF {
        overflow: hidden;
        padding: 0 15px 0 29px;
        width: 100%
    }
}

.QCXKNX2wRxprAGzoOQcF::-webkit-scrollbar {
    display: none
}

.RS0dKqmTanPHQEacNYlR {
    margin: 0;
    position: absolute;
    right: -32px;
    top: 32px;
    z-index: 2
}

@media (min-width:111px) and (max-width:770.9px) {
    .RS0dKqmTanPHQEacNYlR {
        display: none
    }
}

.RS0dKqmTanPHQEacNYlR svg {
    fill: var(--grey-3);
    transform: scale(1.8) rotate(180deg) translate(1px)
}

html[dir=rtl] .RS0dKqmTanPHQEacNYlR {
    left: -32px;
    right: auto
}

html[dir=rtl] .RS0dKqmTanPHQEacNYlR svg {
    transform: scale(1.8) translate(1px)
}

.xLXlNehwnmRdBKixnsoM {
    background: linear-gradient(var(--green-7) 80%, rgba(131, 255, 231, 0) 90%);
    height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (min-width:111px) and (max-width:770.9px) {
    .xLXlNehwnmRdBKixnsoM {
        height: 96px
    }
}

.ReTx4gjUIVPPRIIQsuDM {
    align-items: center;
    background: #fff;
    border-radius: 0 16px 16px 0;
    box-shadow: var(--shadow-mid);
    display: none;
    flex-shrink: 0;
    height: 46px;
    left: 0;
    position: fixed;
    top: 32px;
    width: 62px;
    z-index: 2
}

html[dir=rtl] .ReTx4gjUIVPPRIIQsuDM {
    border-radius: 16px 0 0 16px;
    padding-right: 8px
}

@media (min-width:111px) and (max-width:770.9px) {
    .ReTx4gjUIVPPRIIQsuDM {
        display: flex
    }
}

.lb7twRRpTN_M74WyOxeP {
    align-items: center;
    display: flex
}

.jhjKZRW3Xv2ZjBr3QzJH {
    height: 15px;
    margin-left: 6px;
    width: 9px;
    fill: var(--poki-blue);
    transform: scaleX(-1)
}

html[dir=rtl] .jhjKZRW3Xv2ZjBr3QzJH {
    order: 2
}

.OhVO5TeT_o9MEUuJY4FF {
    --logoWidth: 24px;
    --logoHeight: 24px;
    margin-left: 8px
}

.OhVO5TeT_o9MEUuJY4FF svg {
    height: 100%;
    width: 100%
}

html[dir=rtl] .OhVO5TeT_o9MEUuJY4FF {
    order: 1
}

@keyframes QgUB5vima2rvAa_NwZd5 {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes yjYcMNIkrVpzEvEWYDL3 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes VNO5qwa4NGeYMxQ4919H {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes nrmzcx4p9HcO0UrEYFFK {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

html::view-transition-new(sidePanel) {
    animation: QgUB5vima2rvAa_NwZd5 .25s ease-out both
}

html::view-transition-old(sidePanel) {
    animation: yjYcMNIkrVpzEvEWYDL3 .25s ease-out both
}

html[dir=rtl]::view-transition-new(sidePanel) {
    animation: VNO5qwa4NGeYMxQ4919H .25s ease-out both
}

html[dir=rtl]::view-transition-old(sidePanel) {
    animation: nrmzcx4p9HcO0UrEYFFK .25s ease-out both
}

@keyframes i_T9sZW492QkDoniqy87 {

    0%,
    80%,
    to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

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

.G0xEp1KkUlt5qsiN9CT6 {
    animation: i_T9sZW492QkDoniqy87 1.4s ease-in-out infinite both;
    background: var(--spinner-color, #fff000);
    border-radius: 100%;
    height: 18px;
    margin: 0 2px;
    width: 18px
}

.G0xEp1KkUlt5qsiN9CT6:first-child {
    animation-delay: -.32s
}

.G0xEp1KkUlt5qsiN9CT6:nth-child(2) {
    animation-delay: -.16s
}

.fWwPUoKX1nrZqsnpdCS_ .G0xEp1KkUlt5qsiN9CT6 {
    height: 10px;
    margin: 0 1px;
    width: 10px
}

.vzUC4b9Qefx9it6cY5Eo {
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--shadow-close);
    color: var(--blue-1);
    margin: 0 auto;
    max-width: 328px;
    width: 100%
}

@media (min-width:771px) {
    .vzUC4b9Qefx9it6cY5Eo {
        max-width: 400px
    }
}

.Z_dBGilIA81ePwZ20Jvd {
    flex-shrink: 0;
    height: 56px;
    margin: 80px auto 24px;
    width: 118px
}

@media (orientation:landscape) {
    .Z_dBGilIA81ePwZ20Jvd {
        margin: 24px auto
    }
}

@media (min-width:771px) {
    .Z_dBGilIA81ePwZ20Jvd {
        height: 66px;
        margin: 0 auto 48px;
        width: 140px
    }
}

.K5tKquI0W5YJY3rHIyOE {
    display: flex;
    overflow: hidden
}

.BnBoATMfzUKTJI4PgjZ6 {
    background-color: var(--grey-7);
    border-radius: 0 16px 0 0;
    box-shadow: var(--shadow-close);
    color: var(--poki-blue);
    font: 700 16px/20px var(--fontTorus);
    padding: 17px 0;
    text-align: center;
    transition: background-color .2s ease-in-out;
    width: 50%
}

.BnBoATMfzUKTJI4PgjZ6:first-of-type,
html[dir=rtl] .BnBoATMfzUKTJI4PgjZ6 {
    border-radius: 16px 0 0 0
}

html[dir=rtl] .BnBoATMfzUKTJI4PgjZ6:first-of-type {
    border-radius: 0 16px 0 0
}

.z0st2EVKKnnG2q6IxMez {
    background-color: #fff;
    position: relative;
    z-index: 1
}

.IX9Aj0D3WCQVtJOpwqHF {
    padding: 24px 16px 0;
    text-align: center
}

.esuzbIUU_POjqgdAucmA {
    font: 700 24px/28px var(--fontTorus);
    margin: 0 0 24px
}

.dOUDqJLoQhzvTinQdGCw {
    padding: 0 24px 24px
}

.xqjtxdrVJBQIBlOQKLBa {
    border-top: 1px solid var(--grey-7);
    color: var(--grey-3);
    font: 400 12px/16px var(--fontBody);
    letter-spacing: .3px;
    margin: 22px -24px 0;
    padding: 16px 24px 0;
    text-align: center
}

.xqjtxdrVJBQIBlOQKLBa a {
    font-weight: 700
}

.Q3JTQ98bnXGn9vRmSSmP {
    margin: 24px;
    --spinner-color: var(--grey-5)
}

.kd9Is9cTBZ_vuww2pWiX {
    color: var(--grey-3);
    padding: 8px 0 12px
}

.wpZ3GoxLQVMZwH0a4VbJ,
.ywoqqyUKAOhwkYT8pgAd {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.ywoqqyUKAOhwkYT8pgAd {
    color: var(--grey-3);
    font: 700 12px/16px var(--fontBody);
    letter-spacing: .3px;
    text-transform: uppercase;
    white-space: nowrap
}

.ywoqqyUKAOhwkYT8pgAd:last-child {
    color: var(--blue-1)
}

.ywoqqyUKAOhwkYT8pgAd a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ywoqqyUKAOhwkYT8pgAd a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.FzCrgTBdL_UGZ6dZa4R7 {
    color: var(--grey-5);
    flex-shrink: 0;
    transform: rotate(-90deg)
}

a.disabled,
a[aria-disabled=true] {
    color: inherit;
    text-decoration: none;
    user-select: none;
    pointer-events: none;
    opacity: .5
}

.DIxbY_Wd8M99mMzbD9Jz {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: var(--shadow-mid);
    transition: transform .6s var(--bezier), box-shadow .3s var(--bezier)
}

@media (hover:hover) {
    .DIxbY_Wd8M99mMzbD9Jz:hover {
        box-shadow: var(--shadow-hover);
        transform: scale(1.04) translateY(-4px);
        transition-duration: .3s
    }
}

.QGnVckPD11ZTkQr8o8ci {
    color: var(--blue-1);
    font: 700 12px/20px var(--fontBody);
    padding: 0 8px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1px;
    text-transform: uppercase
}

html[dir=rtl] .QGnVckPD11ZTkQr8o8ci {
    text-align: right
}

.VrWOfVJtTjn2FNJx0TFc {
    border-radius: 16px
}

.Ll7V72dm63WTr1buD4lg {
    align-items: center;
    display: flex;
    grid-column-start: span 2;
    grid-row-start: span 1;
    overflow: hidden
}

.Ll7V72dm63WTr1buD4lg .VrWOfVJtTjn2FNJx0TFc {
    border-radius: 16px 0 0 16px
}

.WNKx5SMWQkliDlBi9d5r {
    align-items: end;
    display: grid;
    grid-column-start: span 2;
    grid-row-start: span 2
}

.WNKx5SMWQkliDlBi9d5r .QGnVckPD11ZTkQr8o8ci,
.WNKx5SMWQkliDlBi9d5r .VrWOfVJtTjn2FNJx0TFc {
    grid-area: 1/2
}

.WNKx5SMWQkliDlBi9d5r .QGnVckPD11ZTkQr8o8ci {
    background-color: #fff;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
    padding: 10px 16px;
    text-overflow: ellipsis;
    white-space: nowrap
}

body.mobileVersion .Ll7V72dm63WTr1buD4lg {
    grid-column-start: span 3
}

.lqXp53hZDYl_viQrSpkC {
    background: #faeb59;
    border-radius: 16px;
    box-shadow: var(--shadow-mid);
    display: block;
    grid-column-start: span 2;
    grid-row-start: span 2;
    height: 204px;
    text-align: center;
    transition: transform .6s var(--bezier);
    width: 204px
}

.lqXp53hZDYl_viQrSpkC svg {
    width: 80%
}

.lqXp53hZDYl_viQrSpkC:hover {
    transform: scale(1.0425531915) translateY(-4px)
}

.V1p5wIzdoQ_efy5r0jKb {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    grid-column: span 3;
    grid-row: span 1;
    box-shadow: var(--shadow-mid);
    display: flex;
    flex-direction: column;
    font-size: 21px;
    gap: 4px;
    justify-content: center;
    padding: 10px 16px
}

.eVrsZ3G2gCE_CChlXGYj {
    align-items: flex-start
}

.WkgGPoj56g0c5Rdpt85Z {
    display: -webkit-box;
    display: box;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    color: var(--blue-1);
    font: 700 20px/24px var(--fontTorus);
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis
}

.sgofAkt_uQfOQ3YZvXBq {
    color: var(--grey-3);
    font: 12px/16px var(--fontBody);
    letter-spacing: .3px
}

.npmo3Vk8vdpOrUnRlo4K {
    background: #fff;
    box-shadow: var(--shadow-mid);
    margin: 24px 0;
    overflow: hidden;
    padding: 18px 24px;
    position: relative
}

.npmo3Vk8vdpOrUnRlo4K p {
    margin: var(--spacing-m) 0
}

.npmo3Vk8vdpOrUnRlo4K img {
    max-width: 100%;
    height: auto;
}

.npmo3Vk8vdpOrUnRlo4K table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-family: inherit;
}

.npmo3Vk8vdpOrUnRlo4K table th, .npmo3Vk8vdpOrUnRlo4K table td {
    padding: 10px;
    border: 1px solid var(--blue-1);
    text-align: left;
}

.npmo3Vk8vdpOrUnRlo4K table th {
    background-color: #D7C517 ;
    font-weight: bold;
}

@media (max-width:500px) {
    .npmo3Vk8vdpOrUnRlo4K table {
        overflow: auto;
        display: block;
    }
}

.SIe_wNXliOAsytkgDP1I {
    color: var(--grey-1);
    font: 700 12px/16px var(--fontBody);
    letter-spacing: .3px;
    margin: 3px 0 var(--spacing-xs);
    text-transform: uppercase
}

.i3QPWr3keV_hOpU2xsic {
    margin: 0 0 8px
}

.Wa2Xpu5vfbxVCjRv2Gv_ {
    font: 700 36px/40px var(--fontTorus);
    margin-bottom: var(--spacing-m)
}

.vSEqiNgYwM46IdL3tgV4 {
    margin-top: 12px
}

.Z4P1bZJFYA_LBpxMeK3z {
    font-size: 16px;
    margin: 16px 0 8px
}

.wY7sRBuJJVct_A0DPHDr {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    margin: 12px 0 var(--spacing-l) 0
}

.vd1aWiYRdRn48fpbDJ0_ {
    background: var(--grey-7);
    border-radius: 10px;
    color: var(--grey-3);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 22px;
    margin-right: 4px;
    padding: 0 8px;
    text-transform: uppercase
}

.ykSfXRX6hSsz0ISpeaWm {
    color: var(--grey-3);
    font: 400 14px/22px var(--fontBody)
}

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


.cASKzCoNR2uSR8G9mVE4 {
    align-items: center;
    border-radius: 16px 0 0 16px;
    border-right: 2px solid var(--grey-7);
    display: flex;
    height: 100%;
    padding: 0 24px 0 16px
}

.cASKzCoNR2uSR8G9mVE4:hover {
    background: var(--grey-7)
}


.fcfViJboVjIxhb1F278U {
    display: inline-block;
    height: 10px;
    margin-right: 2px;
    position: relative;
    top: 1px;
    width: 10px;
    fill: var(--grey-3)
}

.U5UHxulLIj1mqRNKVoIl h2,
.U5UHxulLIj1mqRNKVoIl h3 {
    margin: var(--spacing-m) 0
}

.U5UHxulLIj1mqRNKVoIl a {
    color: var(--blue-5);
    font: 700 16px/24px var(--fontBody);
    transition: color .3s ease, -webkit-text-decoration .3s ease;
    transition: color .3s ease, text-decoration .3s ease;
    transition: color .3s ease, text-decoration .3s ease, -webkit-text-decoration .3s ease
}

.U5UHxulLIj1mqRNKVoIl a:hover {
    color: var(--poki-blue);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-style: solid;
    text-decoration-thickness: 12%;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.U5UHxulLIj1mqRNKVoIl ol,
.U5UHxulLIj1mqRNKVoIl ul {
    margin: 0 0 var(--spacing-l) 0;
    padding-inline-start: 2rem
}

.U5UHxulLIj1mqRNKVoIl ol {
    list-style-position: inside
}

.U5UHxulLIj1mqRNKVoIl ul {
    list-style: none
}

.U5UHxulLIj1mqRNKVoIl ul li {
    margin-bottom: var(--spacing-m);
    padding-inline-start: 16px;
    position: relative
}

.U5UHxulLIj1mqRNKVoIl ul li:last-child {
    margin-bottom: var(--spacing-xs)
}

.U5UHxulLIj1mqRNKVoIl ul li:before {
    background: var(--blue-5);
    border-radius: 16px;
    content: "";
    display: flex;
    height: 4px;
    inset-inline-start: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s ease;
    width: 4px
}

.U5UHxulLIj1mqRNKVoIl ul li:hover:before {
    background: var(--poki-blue)
}

.U5UHxulLIj1mqRNKVoIl ol li {
    margin-bottom: var(--spacing-m)
}

.S9u9oGGPKoCPdp0ckDId h2,
.S9u9oGGPKoCPdp0ckDId h3 {
    font: 700 16px/24px var(--fontBody);
    margin: 1em 0
}

.wIGewHYOM_yiDgJbC_XN {
    float: right;
    margin: 24px 0 16px 16px;
    max-width: 100%;
    width: 204px
}

@media (min-width:991px) {
    .wIGewHYOM_yiDgJbC_XN {
        width: 314px
    }
}

@media (min-width:111px) and (max-width:550.9px) {
    .wIGewHYOM_yiDgJbC_XN {
        float: none;
        margin: 16px 0
    }
}

.bfq4PKbgNwePswLuaSwZ {
    border-radius: 16px;
}

.XSNFGPMkRRGEHV0Y8QG1 {
    display: inline-block;
    height: 36px;
    width: 36px
}

.C9JUSu6VaKM5y0Kq4sg2 {
    /* display: block; */
    display: flex;
    align-items: center;
    height: var(--logoHeight, 100%);
    margin: 0 auto;
    width: var(--logoWidth, 100%)
}

.d_DmuPsXDqfP77VXDFjg {
    display: flex;
    gap: 8px;
    justify-content: space-between
}

.iVrAj29wqK0ZABkf8f3L {
    margin: 8px 0;
    padding: 0 16px;
    width: 100%;
    --buttonFontSize: 14px;
    --buttonMinHeight: 48px;
    font: 700 var(--buttonFontSize), var(--fontTorus)
}


@media (min-width:111px) and (max-width:770.9px) {
    .N_0UqJKlXjVZcfq8sKkD {
        max-width: 100%;
        width: unset
    }

    .RS0dKqmTanPHQEacNYlR {
        right: 16px;
        display: flex;
    }

    section[role=search] .RS0dKqmTanPHQEacNYlR {
        display: none
    }
}


.lBoDCt5y_q8wpYa4cSPp {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none
}

.lBoDCt5y_q8wpYa4cSPp:hover .CdaRGBjd1rgs4_qvLuby {
    color: var(--poki-blue)
}

._gv64sEAxjHYEnyWUbgd {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.CdaRGBjd1rgs4_qvLuby {
    color: var(--blue-1);
    font: 700 14px/18px var(--fontTorus);
    margin: 0
}

.sFVfo08BSK3Q4hVOeWFD {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 42px
}

.GaaLeCRZn_VbfBtVimO1 {
    display: none
}

.GaaLeCRZn_VbfBtVimO1:checked+.KYiB_uvdlQx4jd5658_K {
    background-color: var(--poki-blue)
}

.GaaLeCRZn_VbfBtVimO1:checked+.KYiB_uvdlQx4jd5658_K:before {
    transform: translateX(18px)
}

.KYiB_uvdlQx4jd5658_K {
    background-color: var(--grey-5);
    border-radius: 34px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .4s linear
}

.KYiB_uvdlQx4jd5658_K:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 2px;
    content: "";
    height: 20px;
    left: 2px;
    position: absolute;
    transition: transform .4s linear;
    width: 20px
}




/* ------------------------------ Style.css -------------------------------------------- */
.expand {
    margin-right: -5px;
}

.hidden {
    display: none;
}

.header-game-extend>span>svg {
    fill: var(--primary-title);
}

#favoritegame.active .tqh57qBcKxMV9EdZQoAb {
    background: var(--poki-blue)
}

#favoritegame.active path {
    fill: var(--pure-white);
}

/* fullscreen.php */
.exit-fullscreen {
    width: 36px;
    height: 36px;
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 999999;
    padding: 8px;
    color: white;
    background-color: rgba(0, 0, 0, 0.65);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-family: sans-serif;
    line-height: 21px;
    font-size: 25px;
    border-radius: 6px;
}

#expand {
    cursor: pointer !important;
}




@media (max-width: 576px) {
    .header-game {
        max-height: unset;
    }

    .box-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header-game-extend {
        /* -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; */
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .game-full-rate {
        margin: 10px 0;
    }
}

.hidden_theatemode {
    display: none;
}




/* =================================== comments ================================= */
.comments-wrap {
    color: var(--primary-title);
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #615c6c;
    box-shadow: var(--box-shadow);
}


/* =================================== pagination ================================= */



.grid__container {
    display: grid;
    grid-template-columns: repeat(var(--gridTemplateColumns), 94px);
    grid-gap: var(--cellSpacing);
    margin: 16px 0;
    grid-auto-flow: dense;
    min-height: calc(94px * 3 + 16px * 2);
}

.pagination__container {
    width: 100%;
    # margin: 0 1rem;
}

.pagination__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}



.pagination__item {
    height: 3rem;
    width: 3rem;
    background-color: #fff;
    border: 3px solid var(--poki-blue);
    color: #009cff;
    font: 700 1rem/.8 var(--fontTorus);
    border-radius: 100px;
}

.pagination__item.active,
.pagination__item:hover {
    background-color: var(--poki-blue);
    color: #fff;
}
.pagination__item:active {
	cursor: default!important;
}
.storage__game-item {
    position: relative;
}

.modal--icon {
    position: absolute;
    top: 0;
    border: none;
    right: 0;
    transform: translate(25%, -25%);
    background-color: #FA4A35;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    z-index: 999;
}

.modal--icon:hover {
    cursor: pointer;
}

#mobile-game-container {
    display: none;
}

.game-control__modal {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    overflow: hidden;
    margin: 20px;
    max-height: 65vh;
    height: min(65vh, 350px);
    right: 0px;
    bottom: 0px;
    max-width: min(38%, 600px);
    min-width: 491px;
    border-radius: 20px;
    transform: none;
    transition: transform 225ms cubic-bezier(0, 0, 0.2, 1);
    border: 1px solid #ccc;
    z-index: 999;
}

.game-control__close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 8px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    opacity: 0.75;
}

.game-control__close-btn path {
    fill: var(--grey-3);
}

.game-control__close-btn:hover {
    opacity: 1;
}

.game-control__content {
    color: var(--poki-blue);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    height: 100%;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    background: #fff;
    padding: 15px;
    overflow: auto;
    color: var(--blue-1);
}

.game-control__content * {
    margin: revert;
}

.css-1a6omjn {
    height: calc(100% - 32px);
    overflow: hidden auto;
    margin-top: 32px;
    padding: 8px 8px 8px 16px;
    border-radius: 8px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
}

/*============================== loading_mask ==============================*/
.hidden-load {
    display: none;
}

.loading_mask {
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loading_mask>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.action .loading_mask>svg {
    left: 50%;
}


/* hide both by default */
.zuKNfnid1j68xnLS9ZiH>#search_result,
.zuKNfnid1j68xnLS9ZiH>#sidebar_content {
    display: none;
}

/* if#search_result is NOT empty, show it */
.zuKNfnid1j68xnLS9ZiH>#search_result:not(:empty) {
    display: block;
}

/* if#search_result is empty, show div2 */
.zuKNfnid1j68xnLS9ZiH>#search_result:empty+#sidebar_content {
    display: block;
}

section[role] {
    transition: left 0.3s ease;
}

section[role].open {
    left: 0;
}


.report-form {
    scrollbar-width: thin;
    scrollbar-color: rgb(170, 173, 190) transparent;
    width: 100%;
    padding: 24px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-input {
    outline: 0;
    border-radius: 8px;
    width: 100%;
    height: 60px;
    font: 700 24px var(--fontTorus);
    background-color: #fff;
    border: 2px solid #fff3;
    padding-left: 16px;
    padding-right: 16px;
    color: var(--blue-1);
    font-size: 16px;
}

.form-input:hover {
    border-color: #bdbfce;
}

.form-btn {
    outline: 0;
    border-radius: 8px;
    width: 100%;
    height: 60px;
    font: 700 24px var(--fontTorus);
    border: 2px solid #fff3;
    padding-left: 16px;
    padding-right: 16px;
    background-color: var(--poki-blue);
    color: #fff;
    font-size: 16px;
}

.form-btn:hover {
    cursor: pointer;
    opacity: 0.8;
}

#mobile-nav {
    display: none;
}

.main_game_grid {
    grid-auto-flow: row dense;
    justify-content: center;
    padding: 0;
    margin: 0;
    grid-gap: var(--cellSpacing);
    grid-template-rows: repeat(auto-fill, 94px);
    grid-auto-rows: 94px;
    list-style-type: none;
}


.grid-left {
    grid-area: lif;
    grid-template-columns: repeat(var(--leftGridTemplateColumns, 2), 94px);
}

.grid-right {
    grid-area: rif;
    grid-template-columns: repeat(var(--rightGridTemplateColumns, 5), 94px);
}

.grid-bottom {
    grid-template-columns: repeat(var(--bottomGridTemplateColumns, 10), 94px);
    grid-area: bif;
}

.grid-intro-mobile {
    display: none;
}

.game_item_3x3 {
    grid-column: 3 span;
    grid-row: 3 span;
}

.game_item_2x2 {
    grid-column: 2 span;
    grid-row: 2 span;
}

.grid-mobile {
    display: none;
}

@media (max-width: 1211px) {
    .game-control__modal {
        height: 275px;
    }
}


@media (max-width: 759.9px) {


    .DJT17TB5hYo14sdLEAwk {
        --pillPosition: 50%;
    }

    .grid-mobile {
        display: block;
        grid-area: mob;
    }

    .grid-intro-mobile {
        display: flex;
        grid-area: ibx;
        width: fit-content;
    }

    .CHVUtwTeELaQvB5XjIXn {
        display: none;
    }

    .pLd41dO5iW2RcZ55UfRS {
        display: none;
    }

}

@media (min-width: 661px) and (max-width: 759.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -322px;
    }



    .KOhrFB4QDKEFN2uykSgp {
        --gridTemplateColumns: 6;

        --leftGridTemplateColumns: 6;
        --rightGridTemplateColumns: 6;
        --bottomGridTemplateColumns: 6;

        grid-template-areas:
            "... ibx ibx ibx ibx ibx"
            "igc igc igc igc igc igc"
            "igc igc igc igc igc igc"
            "igc igc igc igc igc igc"
            "igc igc igc igc igc igc"
            "lif lif lif lif lif lif"
            "lif lif lif lif lif lif"
            "bif bif bif bif bif bif"
            "bif bif bif bif bif bif"
            "rif rif rif rif rif rif"
            "rif rif rif rif rif rif";
    }


    .s9w4UjUUDL2klmhRDNdo {
        --root-content-width: 661px;
    }
}

@media (min-width: 551px) and (max-width: 660.9px) {
    .DJT17TB5hYo14sdLEAwk {
        --offset: -267px;
    }

    .s9w4UjUUDL2klmhRDNdo {
        --root-content-width: 551px;
    }

    .KOhrFB4QDKEFN2uykSgp {
        --gridTemplateColumns: 5;
        --leftGridTemplateColumns: 5;
        --rightGridTemplateColumns: 5;
        --bottomGridTemplateColumns: 5;

        grid-template-areas:
            "... ibx ibx ibx ibx"
            "igc igc igc igc igc"
            "igc igc igc igc igc"
            "igc igc igc igc igc"
            "igc igc igc igc igc"
            "lif lif lif lif lif"
            "lif lif lif lif lif"
            "bif bif bif bif bif"
            "bif bif bif bif bif"
            "rif rif rif rif rif"
            "rif rif rif rif rif";
    }

}



/* Animation for the shimmer effect */
@keyframes loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

#mobile-game-container {
    position: relative;
    display: none;
}

.fullScreenMode #game-container {
    display: block;
}


.fullScreenMode .O6aS7QO5ETmydBF0bVB7 {
    height: 100%;
}


.fullScreenMode .O6aS7QO5ETmydBF0bVB7 {
    width: 100%;
}

.fullScreenMode .J91n1ymJasoch_FZq89b {
    display: none;
}


.mobile__game-bg {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}


.exit-fullscreen-btn {
    align-items: center;
    background: #fff;
    border-radius: 0 16px 16px 0;
    box-shadow: var(--shadow-mid);
    display: flex;
    height: 46px;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform: translateY(24px);
    margin: 0;
    border: 0;
    z-index: 101;
    left: 0;
}

.exit-fullscreen-btn:hover {
    cursor: pointer;
}


.fullScreenMode #iframehtml5 {
    position: fixed !important;
    inset: 0;
    /* shorthand for top/left/right/bottom = 0 */
    width: 100% !important;
    height: 100% !important;
    z-index: 2147483647 !important;
    /* max safe value for browsers */
    border: 0 !important;
    cursor: pointer !important;
    display: block;
    background: rgba(0, 0, 0, 0.6);
    /* optional for visibility */
}


#mobile-game-container::after {
    background: linear-gradient(#0000 25%, #0000004d);
    border-radius: 16px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}



.mobile__game-start-btn {
    animation: E33nCzOpCuJ4U2Y0wzwg 3s ease-in-out infinite;
    background-color: #fff;
    border-radius: 32px;
    box-shadow: 0px 20px 24px 14px #5d6b843d;
    height: 64px;
    left: 50%;
    padding: 14px;
    border: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    z-index: 3;
}

#_exit_full_screen {
    display: none;
}

.fullScreenMode #_exit_full_screen {
    display: block;
}

.mobile__searchbar {
    display: none;
}


/* Basic skeleton item */

@media (min-width:111px) and (max-width:550.9px) {

    .mobile__searchbar {
        display: flex;
    }


    .rg0q25sDgc3c2A__7hrD {
        grid-column: span 2;
    }

    .desktop__searchbar {
        display: none;
    }

    .DJT17TB5hYo14sdLEAwk {
        --offset: -157px;
    }


    .WNKx5SMWQkliDlBi9d5r {
        grid-row-start: span 1;
        grid-column-start: span 3;
        align-items: center;
        display: flex;
    }

    .WNKx5SMWQkliDlBi9d5r img {
        width: 94px;
        height: 94px;
        border-radius: 16px 0 0 16px;
    }




    #mobile-game-container {
        position: relative;
        display: block;
    }


    #game-container {
        display: none;
    }


    .fullScreenMode #mobile-game-container {
        display: none;
    }

    .fullScreenMode #game-container {
        display: block;
    }

    .game-control__modal {
        max-width: unset;
        min-width: unset;
        width: auto;
    }

    .R1ACZt2EeasukoYw2mmg {
        margin: 0;
    }


    .J91n1ymJasoch_FZq89b {
        height: auto;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
        padding-bottom: 1rem;
    }

    .Ll7V72dm63WTr1buD4lg {
        grid-column-start: span 3;
    }

    .KOhrFB4QDKEFN2uykSgp {
        --gridTemplateColumns: 3;
        --leftGridTemplateColumns: 3;
        --rightGridTemplateColumns: 3;
        --bottomGridTemplateColumns: 3;

        grid-template-areas:
            "... ibx ibx"
            "igc igc igc"
            "igc igc igc"
            "igc igc igc"
            "lif lif lif"
            "lif lif lif"
            "bif bif bif"
            "bif bif bif"
            "rif rif rif"
            "rif rif rif";
    }


    #favorite_item,
    #share_item,
    #report_item,
    #game_control_item,
    #fullscreen_item,
    .R1ACZt2EeasukoYw2mmg {
        display: none;
    }

    .pLd41dO5iW2RcZ55UfRS,
    .CHVUtwTeELaQvB5XjIXn {
        display: block;
    }


    .s9w4UjUUDL2klmhRDNdo {
        --root-content-width: 314px;
    }

}