.variant-1_root-pYNT2 {
    border-radius: var(--bonus-chainable-rounding-mobile);
    background: var(--v5c947ac2);
    width: 100%;
    height: 100%;
    min-height: 244px;
    text-align: center;
    padding-block-start: var(--spacing-64, 64px);
    position: relative
}

@media (min-width:1024px) {
    .variant-1_root-pYNT2 {
        border-radius: var(--bonus-chainable-rounding-desktop)
    }
}

.variant-1_image-pYNT2 {
    width: 228px;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    inset-block-start: calc(var(--spacing-20)*-1);
    inset-inline-start: 50%;
    transform: translate(-50%)
}

[dir=rtl] .variant-1_image-pYNT2 {
    transform: translate(50%)
}

.variant-1_bonusValue-pYNT2 {
    width: 100%;
    position: relative
}

.variant-1_bonusContent-pYNT2 {
    min-width: 180px;
    height: 100%;
    min-height: 180px;
    padding: var(--spacing-24, 24px) var(--spacing-16, 16px) var(--spacing-16, 16px) var(--spacing-16, 16px);
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.variant-1_bonusValueText-pYNT2 {
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h3-mobile-font-size);
    font-weight: var(--font-headline-h3-mobile-font-weight);
    letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
    line-height: var(--font-headline-h3-mobile-line-height);
    text-transform: var(--font-headline-text-case);
    text-wrap: balance;
    white-space-collapse: preserve-breaks
}

@media (min-width:1024px) {
    .variant-1_bonusValueText-pYNT2 {
        font-size: var(--font-headline-h3-desktop-font-size);
        font-weight: var(--font-headline-h3-desktop-font-weight);
        letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
        line-height: var(--font-headline-h3-desktop-line-height)
    }
}

.variant-1_bonusValueText-pYNT2 {
    line-height: var(--font-headline-h3-mobile-line-height, 24px)
}

.variant-1_bonusValueInfo-pYNT2 {
    cursor: pointer;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 0;
    transform: translateY(-50%)
}

.variant-1_bonusOrder-pYNT2 {
    color: var(--color-content-base-alfa-static-white-64);
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-regular-font-size);
    font-weight: var(--font-caption-s-regular-font-weight);
    letter-spacing: var(--font-caption-s-regular-letter-spacing);
    line-height: var(--font-caption-s-regular-line-height)
}

.variant-1_countdown-pYNT2 {
    margin-block-end: var(--spacing-8)
}

.variant-1_bonusReceived-pYNT2 {
    margin-block-start: var(--spacing-24)
}

.variant-1_bonusIcon-pYNT2 {
    width: 28px;
    height: 28px;
    margin: 0 auto var(--spacing-16)
}

.variant-1_bonusReceivedText-pYNT2 {
    font-family: var(--font-body-font-family);
    font-size: var(--font-body-semibold-font-size);
    font-weight: var(--font-body-semibold-font-weight);
    letter-spacing: var(--font-body-semibold-letter-spacing);
    line-height: var(--font-body-semibold-line-height)
}

.variant-1_bonusExpiredText-pYNT2 {
    font-family: var(--font-body-font-family);
    font-size: var(--font-body-regular-font-size);
    font-weight: var(--font-body-regular-font-weight);
    letter-spacing: var(--font-body-regular-letter-spacing);
    line-height: var(--font-body-regular-line-height)
}

.variant-2_rootWrapper-ESdUL {
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacing-8);
    flex-direction: column;
    padding-block-start: var(--spacing-12);
    display: inline-flex
}

.variant-2_root-ESdUL {
    border-radius: var(--bonus-chainable-rounding-mobile);
    background: var(--v2615813d);
    flex-direction: column;
    justify-content: flex-end;
    align-self: stretch;
    align-items: center;
    height: 100%;
    padding-block-start: 150px;
    display: flex;
    position: relative
}

@media (min-width:1024px) {
    .variant-2_root-ESdUL {
        border-radius: var(--bonus-chainable-rounding-desktop)
    }
}

.variant-2_bgImageContainer-ESdUL {
    border-radius: inherit;
    width: 100%;
    height: 172px;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden
}

@media (min-width:1440px) {
    .variant-2_bgImageContainer-ESdUL {
        height: 145px
    }
}

.variant-2_bgImage-ESdUL {
    object-fit: cover;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%
}

@media (min-width:1440px) {
    .variant-2_bgImage-ESdUL {
        object-position: center
    }
}

.variant-2_image-ESdUL {
    width: 216px;
    height: 172px;
    min-height: 166px;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    display: block;
    position: absolute;
    inset-block-start: calc(var(--spacing-12)*-1);
    inset-inline-start: 50%;
    transform: translate(-50%)
}

[dir=rtl] .variant-2_image-ESdUL {
    transform: translate(50%)
}

.variant-2_container-ESdUL {
    justify-content: flex-end;
    align-self: stretch;
    align-items: center;
    gap: var(--spacing-16);
    min-width: 180px;
    padding-block-end: var(--spacing-16);
    padding-inline: var(--spacing-16);
    flex-direction: column;
    display: flex;
    position: relative
}

.variant-2_content-ESdUL {
    justify-content: flex-end;
    align-self: stretch;
    align-items: center;
    gap: var(--spacing-16);
    width: 100%;
    padding-block: var(--spacing-20) var(--spacing-12);
    flex-direction: column;
    display: flex
}

.variant-2_bonusInfo-ESdUL {
    flex-direction: column;
    align-self: stretch;
    align-items: center;
    gap: 12px;
    display: flex
}

.variant-2_bonusValueInfo-ESdUL {
    width: var(--size-control-xl);
    min-width: var(--size-control-xl);
    height: var(--size-control-xl);
    min-height: var(--size-control-xl);
    border-radius: var(--rounding-control-xl);
    background: var(--color-background-base-alfa-static-white-20);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex
}

.variant-2_contentActions-ESdUL {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    gap: var(--spacing-8);
    display: flex
}

.variant-2_countdown-ESdUL {
    align-self: center
}

.variant-2_bonusValue-ESdUL {
    gap: var(--spacing-4);
    text-align: center;
    flex-direction: column;
    display: flex;
    position: relative
}

.variant-2_bonusValueText-ESdUL {
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h3-mobile-font-size);
    font-weight: var(--font-headline-h3-mobile-font-weight);
    letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
    line-height: var(--font-headline-h3-mobile-line-height);
    text-transform: var(--font-headline-text-case);
    text-wrap: balance;
    white-space-collapse: preserve-breaks
}

@media (min-width:1024px) {
    .variant-2_bonusValueText-ESdUL {
        font-size: var(--font-headline-h3-desktop-font-size);
        font-weight: var(--font-headline-h3-desktop-font-weight);
        letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
        line-height: var(--font-headline-h3-desktop-line-height)
    }
}

.variant-2_bonusOrder-ESdUL {
    color: var(--color-content-base-alfa-static-white-64);
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-regular-font-size);
    font-weight: var(--font-caption-s-regular-font-weight);
    letter-spacing: var(--font-caption-s-regular-letter-spacing);
    line-height: var(--font-caption-s-regular-line-height);
    margin-inline: 0
}

.variant-2_bonusReceived-ESdUL {
    align-self: stretch;
    align-items: center;
    gap: var(--spacing-12);
    flex-direction: column;
    display: flex
}

.variant-2_bonusIcon-ESdUL {
    width: 28px;
    height: 28px
}

.variant-2_bonusReceivedText-ESdUL {
    font-family: var(--font-body-font-family);
    font-size: var(--font-body-semibold-font-size);
    font-weight: var(--font-body-semibold-font-weight);
    letter-spacing: var(--font-body-semibold-letter-spacing);
    line-height: var(--font-body-semibold-line-height)
}

.variant-2_bonusExpiredText-ESdUL {
    font-family: var(--font-body-font-family);
    font-size: var(--font-body-regular-font-size);
    font-weight: var(--font-body-regular-font-weight);
    letter-spacing: var(--font-body-regular-letter-spacing);
    line-height: var(--font-body-regular-line-height)
}

.chainable-bonuses_root-zX2QB {
    position: relative
}

@media (min-width:768px) {
    .chainable-bonuses_root-zX2QB {
        overflow: hidden
    }
}

.chainable-bonuses_heading-zX2QB {
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h3-mobile-font-size);
    font-weight: var(--font-headline-h3-mobile-font-weight);
    letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
    line-height: var(--font-headline-h3-mobile-line-height);
    text-transform: var(--font-headline-text-case);
    text-wrap: balance;
    white-space-collapse: preserve-breaks
}

@media (min-width:1024px) {
    .chainable-bonuses_heading-zX2QB {
        font-size: var(--font-headline-h3-desktop-font-size);
        font-weight: var(--font-headline-h3-desktop-font-weight);
        letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
        line-height: var(--font-headline-h3-desktop-line-height)
    }
}

.chainable-bonuses_heading-zX2QB {
    margin-block-start: var(--spacing-24)
}

@media (min-width:1024px) {
    .chainable-bonuses_heading-zX2QB {
        margin-block-start: var(--spacing-32)
    }
}

.chainable-bonuses_subheading-zX2QB {
    color: var(--color-content-base-secondary);
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-regular-font-size);
    font-weight: var(--font-caption-s-regular-font-weight);
    letter-spacing: var(--font-caption-s-regular-letter-spacing);
    line-height: var(--font-caption-s-regular-line-height);
    margin-block-start: var(--spacing-4)
}

.chainable-bonuses_row-zX2QB {
    gap: var(--spacing-16);
    margin-block-start: calc(var(--spacing-20)*-1);
    margin-inline: calc(var(--container__padding)*-1);
    -ms-overflow-style: none;
    scrollbar-width: none;
    grid-auto-columns: minmax(216px, 1fr);
    grid-auto-flow: column;
    padding-block-start: var(--spacing-20);
    padding-inline-start: var(--container__padding);
    display: grid;
    overflow: auto visible
}

.chainable-bonuses_row-zX2QB::-webkit-scrollbar {
    display: none
}

@media (min-width:768px) {
    .chainable-bonuses_row-zX2QB {
        margin-inline: 0;
        padding-inline: 0
    }
}

@media (min-width:1440px) {
    .chainable-bonuses_row-zX2QB {
        overflow: visible
    }
}

@media (min-width:1024px) {
    .chainable-bonuses_row-zX2QB {
        grid-auto-columns: minmax(254px, 1fr)
    }
}

.chainable-bonuses_bonus-zX2QB {
    min-width: 216px
}

@media (min-width:1024px) {
    .chainable-bonuses_bonus-zX2QB {
        min-width: 254px
    }
}

@media (min-width:1440px) {
    .chainable-bonuses_bonus-zX2QB {
        width: auto
    }
}

.chainable-bonuses_root-zX2QB.chainable-bonuses_variant-1-zX2QB .chainable-bonuses_subheading-zX2QB {
    margin-block-end: var(--spacing-32)
}

.chainable-bonuses_root-zX2QB.chainable-bonuses_variant-2-zX2QB .chainable-bonuses_subheading-zX2QB {
    margin-block-end: var(--spacing-20)
}

@media (min-width:1024px) {
    .chainable-bonuses_root-zX2QB.chainable-bonuses_variant-2-zX2QB .chainable-bonuses_subheading-zX2QB {
        margin-block-end: var(--spacing-24)
    }
}

.chainable-bonuses_skeletonBonus-zX2QB {
    border-radius: var(--bonus-chainable-rounding-mobile);
    width: 100%;
    height: 100%;
    min-height: 244px
}

.chainable-bonuses_skeletonHeading-zX2QB {
    border-radius: var(--bonus-chainable-rounding-mobile);
    max-width: 100px;
    height: 24px;
    margin-block: var(--spacing-24) var(--spacing-32)
}

@media (min-width:1024px) {
    .chainable-bonuses_skeletonHeading-zX2QB {
        margin-block-start: var(--spacing-32)
    }
}


.available-bonuses_root-tpD5d {
    position: relative
}

.available-bonuses_list-tpD5d {
    padding: var(--spacing-16) var(--spacing-8);
    margin: calc(var(--spacing-24)*-1) calc(var(--spacing-16)*-1);
    flex-direction: column;
    align-items: stretch;
    display: flex;
    overflow: hidden
}

.available-bonuses_item-tpD5d {
    padding: var(--spacing-8);
    display: flex
}

.available-bonuses_item-tpD5d>div {
    flex: auto
}

.available-bonuses_blockedContainer-tpD5d {
    justify-content: center;
    display: flex
}

.available-bonuses_heading-tpD5d {
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h3-mobile-font-size);
    font-weight: var(--font-headline-h3-mobile-font-weight);
    letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
    line-height: var(--font-headline-h3-mobile-line-height);
    text-transform: var(--font-headline-text-case);
    text-wrap: balance;
    white-space-collapse: preserve-breaks
}

@media (min-width:1024px) {
    .available-bonuses_heading-tpD5d {
        font-size: var(--font-headline-h3-desktop-font-size);
        font-weight: var(--font-headline-h3-desktop-font-weight);
        letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
        line-height: var(--font-headline-h3-desktop-line-height)
    }
}

.available-bonuses_heading-tpD5d {
    margin-bottom: var(--spacing-20)
}

@media (min-width:1024px) {
    .available-bonuses_heading-tpD5d {
        margin-bottom: var(--spacing-24)
    }
}

.available-bonuses_skeletonHeading-tpD5d {
    height: 24px;
    margin-block: var(--spacing-20)
}

.available-bonuses_skeletonList-tpD5d {
    gap: var(--spacing-16);
    flex-direction: column;
    display: flex
}

.available-bonuses_skeleton-tpD5d {
    border-radius: var(--rounding-container-l);
    width: 100%
}

@media (min-width:1440px) {
    .available-bonuses_root-tpD5d.available-bonuses_variant-1-tpD5d .available-bonuses_skeletonList-tpD5d {
        flex-direction: row;
        height: 156px
    }
}

.available-bonuses_root-tpD5d.available-bonuses_variant-1-tpD5d .available-bonuses_skeleton-tpD5d {
    height: 152px
}

@media (min-width:1024px) {
    .available-bonuses_root-tpD5d.available-bonuses_variant-1-tpD5d .available-bonuses_skeleton-tpD5d {
        height: 176px
    }
}

@media (min-width:1440px) {
    .available-bonuses_root-tpD5d.available-bonuses_variant-1-tpD5d .available-bonuses_skeleton-tpD5d {
        width: 33.3333%;
        height: 156px
    }
}

@media (min-width:1920px) {
    .available-bonuses_root-tpD5d.available-bonuses_variant-1-tpD5d .available-bonuses_skeleton-tpD5d {
        width: 25%
    }
}

@media (min-width:1024px) {
    .available-bonuses_root-tpD5d.available-bonuses_variant-1-tpD5d .available-bonuses_list-tpD5d {
        padding: var(--spacing-16);
        margin: calc(var(--spacing-24)*-1);
        overflow: visible
    }
}

@media (min-width:1440px) {
    .available-bonuses_root-tpD5d.available-bonuses_variant-1-tpD5d .available-bonuses_list-tpD5d {
        flex-flow: wrap
    }

    .available-bonuses_root-tpD5d.available-bonuses_variant-1-tpD5d .available-bonuses_item-tpD5d {
        width: 33.3333%
    }
}

@media (min-width:1920px) {
    .available-bonuses_root-tpD5d.available-bonuses_variant-1-tpD5d .available-bonuses_item-tpD5d {
        width: 25%
    }
}

:is(.available-bonuses_root-tpD5d.available-bonuses_variant-2-tpD5d, .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d) .available-bonuses_skeletonList-tpD5d {
    height: auto
}

@media (min-width:1024px) {
    :is(.available-bonuses_root-tpD5d.available-bonuses_variant-2-tpD5d, .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d) .available-bonuses_skeletonList-tpD5d {
        flex-flow: wrap
    }
}

:is(.available-bonuses_root-tpD5d.available-bonuses_variant-2-tpD5d, .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d) .available-bonuses_skeleton-tpD5d {
    height: 260px
}

@media (min-width:1024px) {
    :is(.available-bonuses_root-tpD5d.available-bonuses_variant-2-tpD5d, .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d) .available-bonuses_skeleton-tpD5d {
        width: calc(50% - var(--spacing-16))
    }
}

@media (min-width:1440px) {
    :is(.available-bonuses_root-tpD5d.available-bonuses_variant-2-tpD5d, .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d) .available-bonuses_skeleton-tpD5d {
        width: calc(33.3333% - var(--spacing-16))
    }
}

@media (min-width:1024px) {
    :is(.available-bonuses_root-tpD5d.available-bonuses_variant-2-tpD5d, .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d) .available-bonuses_list-tpD5d {
        flex-flow: wrap
    }

    :is(.available-bonuses_root-tpD5d.available-bonuses_variant-2-tpD5d, .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d) .available-bonuses_item-tpD5d {
        width: 50%
    }
}

@media (min-width:1440px) {
    :is(.available-bonuses_root-tpD5d.available-bonuses_variant-2-tpD5d, .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d) .available-bonuses_item-tpD5d {
        width: 33.3333%
    }
}

@media (min-width:1920px) {
    :is(.available-bonuses_root-tpD5d.available-bonuses_variant-2-tpD5d, .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d) .available-bonuses_item-tpD5d {
        width: 25%
    }
}

.available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d .available-bonuses_skeleton-tpD5d {
    height: 206px
}

@media (min-width:1024px) {
    .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d .available-bonuses_skeleton-tpD5d {
        height: 218px
    }
}

@media (min-width:1920px) {
    .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d .available-bonuses_skeleton-tpD5d {
        width: calc(25% - var(--spacing-16))
    }
}

.available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d .available-bonuses_list-tpD5d {
    padding-inline: 10px
}

.available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d .available-bonuses_item-tpD5d {
    padding: var(--spacing-6)
}

@media (min-width:1024px) {
    .available-bonuses_root-tpD5d.available-bonuses_variant-3-tpD5d .available-bonuses_item-tpD5d {
        padding-block: var(--spacing-8)
    }
}



.progress-content_root-oV8Xg {
    color: var(--color-content-base-static-white);
    gap: var(--spacing-12);
    flex-direction: column;
    display: flex
}

.progress-content_progress-oV8Xg {
    margin-block: var(--spacing-2)
}

.progress-content_amountTop-oV8Xg,
.progress-content_amount-oV8Xg {
    align-items: center;
    display: flex
}

.progress-content_amountTop-oV8Xg {
    justify-content: space-between;
    gap: var(--spacing-8)
}

.progress-content_icon-oV8Xg {
    color: var(--color-content-base-static-white);
    cursor: pointer
}

.progress-content_amountIcon-oV8Xg {
    color: var(--color-content-base-static-white);
    margin-inline-end: var(--spacing-8)
}

.progress-content_amountBottom-oV8Xg {
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-semibold-font-size);
    font-weight: var(--font-caption-s-semibold-font-weight);
    letter-spacing: var(--font-caption-s-semibold-letter-spacing);
    line-height: var(--font-caption-s-semibold-line-height)
}

.bonus-container_root-TYbgq {
    --top-image-gap: 14px;
    --image-width: 228px;
    --image-gap-inline-end: 60px;
    padding-top: var(--top-image-gap);
    margin-top: calc(var(--top-image-gap)*-1);
    margin-inline-end: calc(var(--image-gap-inline-end)*-1);
    padding-inline-end: var(--image-gap-inline-end);
    overflow: hidden
}

@media (min-width:1024px) {
    .bonus-container_root-TYbgq {
        --image-gap-inline-end: 44px
    }
}

.bonus-container_full-TYbgq {
    --top-image-gap: 58px;
    --image-width: 632px;
    margin-inline-end: 0;
    padding-inline-end: 0
}

.bonus-container_content-TYbgq {
    height: 100%;
    min-height: 184px;
    padding: var(--spacing-16);
    border-radius: var(--bonus-available-rounding-mobile);
    background-image: var(--v180a9f43);
    color: var(--color-content-base-static-white);
    grid-template-areas: "info info""progress progress""description description""button button";
    display: grid;
    position: relative
}

.bonus-container_hasCountdown-TYbgq .bonus-container_content-TYbgq {
    grid-template-areas: "info info""progress progress""description description""countdown button"
}

@media (min-width:1024px) {
    .bonus-container_content-TYbgq {
        padding: var(--spacing-24);
        border-radius: var(--bonus-available-rounding-desktop)
    }
}

.bonus-container_primary-TYbgq .bonus-container_content-TYbgq {
    min-height: 138px
}

.bonus-container_full-TYbgq .bonus-container_content-TYbgq {
    border-radius: var(--rounding-container-xl);
    color: var(--color-content-base-primary);
    grid-template: 1fr max-content/max-content 1fr max-content;
    padding: 0
}

.bonus-container_contentBlock-TYbgq {
    z-index: 2;
    display: contents
}

.bonus-container_full-TYbgq .bonus-container_contentBlock-TYbgq {
    width: 326px;
    padding: var(--spacing-16);
    justify-content: flex-end;
    gap: var(--spacing-16);
    flex-direction: column;
    grid-row: 1/3;
    justify-self: flex-end;
    display: flex
}

.bonus-container_primary-TYbgq :is(.bonus-container_full-TYbgq .bonus-container_contentBlock-TYbgq) {
    padding: var(--spacing-24)
}

.bonus-container_contentBlockCentered-TYbgq:is(.bonus-container_full-TYbgq .bonus-container_contentBlock-TYbgq) {
    justify-content: center
}

@media (min-width:1440px) {
    .bonus-container_full-TYbgq .bonus-container_contentBlock-TYbgq {
        width: 366px
    }
}

.bonus-container_imageBlock-TYbgq {
    z-index: 1;
    top: calc(var(--top-image-gap)*-1);
    width: var(--image-width);
    pointer-events: none;
    position: absolute;
    inset-inline-end: calc(var(--image-gap-inline-end)*-1)
}

.bonus-container_full-TYbgq .bonus-container_imageBlock-TYbgq {
    top: unset;
    grid-row: 1/3
}

@media (min-width:1024px) {
    .bonus-container_full-TYbgq .bonus-container_imageBlock-TYbgq {
        inset-inline-end: 60%;
        transform: translate(60%)
    }

    [dir=rtl] :is(.bonus-container_full-TYbgq .bonus-container_imageBlock-TYbgq) {
        transform: translate(-60%)
    }
}

@media (min-width:1440px) {
    .bonus-container_full-TYbgq .bonus-container_imageBlock-TYbgq {
        inset-inline-end: 50%;
        transform: translate(50%)
    }

    [dir=rtl] :is(.bonus-container_full-TYbgq .bonus-container_imageBlock-TYbgq) {
        transform: translate(-50%)
    }
}

.bonus-container_primary-TYbgq .bonus-container_imageBlock-TYbgq {
    top: calc(var(--top-image-gap)*-.9);
    bottom: unset
}

.bonus-container_img-TYbgq {
    width: 100%
}

.bonus-container_info-TYbgq {
    z-index: 2;
    min-height: 64px;
    padding-bottom: var(--spacing-24);
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-12);
    flex-direction: column;
    grid-area: info;
    display: flex
}

.bonus-container_primary-TYbgq .bonus-container_info-TYbgq {
    justify-content: center
}

.bonus-container_full-TYbgq .bonus-container_info-TYbgq {
    width: 336px;
    height: 100%;
    min-height: auto;
    padding: var(--spacing-16);
    grid-area: 1/1/3
}

.bonus-container_primary-TYbgq :is(.bonus-container_full-TYbgq .bonus-container_info-TYbgq) {
    padding: var(--spacing-24)
}

.bonus-container_hasCountdown-TYbgq :is(.bonus-container_full-TYbgq .bonus-container_info-TYbgq) {
    grid-row: 1;
    justify-content: flex-start
}

.bonus-container_title-TYbgq {
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h3-mobile-font-size);
    font-weight: var(--font-headline-h3-mobile-font-weight);
    letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
    line-height: var(--font-headline-h3-mobile-line-height);
    text-transform: var(--font-headline-text-case);
    text-wrap: balance;
    white-space-collapse: preserve-breaks
}

@media (min-width:1024px) {
    .bonus-container_title-TYbgq {
        font-size: var(--font-headline-h3-desktop-font-size);
        font-weight: var(--font-headline-h3-desktop-font-weight);
        letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
        line-height: var(--font-headline-h3-desktop-line-height)
    }
}

.bonus-container_title-TYbgq {
    max-width: 200px
}

.bonus-container_full-TYbgq .bonus-container_title-TYbgq {
    max-width: 100%
}

.bonus-container_primary-TYbgq :is(.bonus-container_full-TYbgq .bonus-container_title-TYbgq) {
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h2-mobile-font-size);
    font-weight: var(--font-headline-h2-mobile-font-weight);
    letter-spacing: var(--font-headline-h2-mobile-letter-spacing);
    line-height: var(--font-headline-h2-mobile-line-height);
    text-transform: var(--font-headline-text-case);
    text-wrap: balance;
    white-space-collapse: preserve-breaks
}

@media (min-width:1024px) {
    .bonus-container_primary-TYbgq :is(.bonus-container_full-TYbgq .bonus-container_title-TYbgq) {
        font-size: var(--font-headline-h2-desktop-font-size);
        font-weight: var(--font-headline-h2-desktop-font-weight);
        letter-spacing: var(--font-headline-h2-desktop-letter-spacing);
        line-height: var(--font-headline-h2-desktop-line-height)
    }
}

.bonus-container_subtitle-TYbgq {
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-regular-font-size);
    font-weight: var(--font-caption-s-regular-font-weight);
    letter-spacing: var(--font-caption-s-regular-letter-spacing);
    line-height: var(--font-caption-s-regular-line-height);
    max-width: 220px
}

@media (min-width:1024px) {
    .bonus-container_subtitle-TYbgq {
        max-width: 200px
    }
}

.bonus-container_subtitle-TYbgq {
    color: var(--color-content-base-alfa-static-white-64)
}

.bonus-container_full-TYbgq .bonus-container_subtitle-TYbgq {
    max-width: 100%
}

@media (min-width:1024px) {
    .bonus-container_full-TYbgq .bonus-container_subtitle-TYbgq {
        max-width: 100%
    }
}

.bonus-container_progress-TYbgq {
    margin-bottom: var(--spacing-12);
    font-family: var(--font-display-body-font-family);
    font-size: var(--font-display-body-semibold-font-size);
    font-weight: var(--font-display-body-semibold-font-weight);
    letter-spacing: var(--font-display-body-semibold-letter-spacing);
    line-height: var(--font-display-body-semibold-line-height);
    grid-area: progress
}

@media (min-width:1024px) {
    .bonus-container_full-TYbgq .bonus-container_progress-TYbgq {
        margin-bottom: var(--spacing-16)
    }
}

.bonus-container_progressPrimary-TYbgq {
    margin-block: var(--spacing-16) var(--spacing-24)
}

@media (min-width:1024px) {
    .bonus-container_progressPrimary-TYbgq {
        margin-block: var(--spacing-24);
        font-family: var(--font-headline-font-family);
        font-size: var(--font-headline-h4-mobile-font-size);
        font-weight: var(--font-headline-h4-mobile-font-weight);
        letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
        line-height: var(--font-headline-h4-mobile-line-height);
        text-transform: var(--font-headline-text-case);
        text-wrap: balance;
        white-space-collapse: preserve-breaks
    }

    @media (min-width:1024px) {
        .bonus-container_progressPrimary-TYbgq {
            font-size: var(--font-headline-h4-desktop-font-size);
            font-weight: var(--font-headline-h4-desktop-font-weight);
            letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
            line-height: var(--font-headline-h4-desktop-line-height)
        }
    }

    .bonus-container_full-TYbgq .bonus-container_progressPrimary-TYbgq {
        margin: 0
    }
}

.bonus-container_countdown-TYbgq {
    z-index: 2;
    justify-content: flex-end;
    gap: var(--spacing-8);
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-semibold-font-size);
    font-weight: var(--font-caption-s-semibold-font-weight);
    letter-spacing: var(--font-caption-s-semibold-letter-spacing);
    line-height: var(--font-caption-s-semibold-line-height);
    flex-direction: column;
    grid-area: countdown;
    padding-inline-end: var(--spacing-12);
    display: flex
}

.bonus-container_full-TYbgq .bonus-container_countdown-TYbgq {
    padding-bottom: var(--spacing-16);
    grid-area: 2/1;
    align-self: end;
    padding-inline-start: var(--spacing-16)
}

.bonus-container_primary-TYbgq :is(.bonus-container_full-TYbgq .bonus-container_countdown-TYbgq) {
    padding-bottom: var(--spacing-24);
    padding-inline-start: var(--spacing-24)
}

.bonus-container_icon-TYbgq {
    cursor: pointer
}

.bonus-container_countdownContent-TYbgq {
    color: var(--color-content-base-static-white);
    align-items: center;
    gap: var(--spacing-8);
    grid-area: countdown-content;
    display: flex
}

.bonus-container_countdownContent-TYbgq .bonus-container_icon-TYbgq {
    flex: 0 0 var(--spacing-16)
}

.bonus-container_countdownText-TYbgq {
    color: var(--color-content-base-alfa-static-white-64)
}

.bonus-container_countdownComponent-TYbgq {
    align-items: center;
    gap: var(--spacing-8);
    grid-area: countdown-component;
    display: flex
}

.bonus-container_description-TYbgq {
    color: var(--color-content-base-alfa-static-white-64);
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-regular-font-size);
    font-weight: var(--font-caption-s-regular-font-weight);
    letter-spacing: var(--font-caption-s-regular-letter-spacing);
    line-height: var(--font-caption-s-regular-line-height);
    grid-area: description
}

.bonus-container_description-TYbgq:not(:last-child) {
    margin-bottom: var(--spacing-24)
}

.bonus-container_full-TYbgq .bonus-container_description-TYbgq:not(:last-child) {
    margin-bottom: 0
}

.bonus-container_button-TYbgq {
    grid-area: button;
    place-self: end;
    width: 100%
}

.bonus-container_hasCountdown-TYbgq .bonus-container_button-TYbgq {
    width: 140px
}

@media (min-width:768px) {
    .bonus-container_hasCountdown-TYbgq .bonus-container_button-TYbgq {
        width: 170px
    }
}

.bonus-container_primary-TYbgq :is(.bonus-container_full-TYbgq :is(.bonus-container_hasCountdown-TYbgq .bonus-container_button-TYbgq)) {
    width: 100%
}

.bonus-container_variant-2-TYbgq {
    overflow: visible
}

.bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq {
    grid-template-rows: 1fr;
    min-height: 260px;
    overflow: hidden
}

@media (min-width:1024px) {
    .bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq {
        padding: var(--spacing-20)
    }
}

:is(.bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq) .bonus-container_countdown-TYbgq {
    place-self: start
}

:is(.bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq) .bonus-container_info-TYbgq {
    padding-bottom: var(--spacing-12);
    gap: var(--spacing-8)
}

:is(.bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq) .bonus-container_button-TYbgq {
    place-self: end start;
    width: max-content
}

:is(.bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq) .bonus-container_imageBlock-TYbgq {
    top: auto;
    bottom: 0;
    width: 230px;
    height: 242px;
    inset-inline-end: 0
}

:is(:is(.bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq) .bonus-container_imageBlock-TYbgq) .bonus-container_img-TYbgq {
    object-fit: cover;
    object-position: right bottom;
    width: 100%;
    height: 100%
}

:is(.bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq) .bonus-container_title-TYbgq,
:is(.bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq) .bonus-container_subtitle-TYbgq {
    word-break: break-word;
    max-width: 170px
}

:is(.bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq) .bonus-container_backgroundImageBlock-TYbgq {
    z-index: 0;
    pointer-events: none;
    display: none;
    position: absolute
}

@media (min-width:1024px) {
    :is(.bonus-container_variant-2-TYbgq .bonus-container_content-TYbgq) .bonus-container_backgroundImageBlock-TYbgq {
        top: 0;
        width: 215px;
        height: 250px;
        display: block;
        inset-inline-end: 0
    }
}

.bonus-container_variant-2-TYbgq.bonus-container_hasCountdown-TYbgq .bonus-container_content-TYbgq {
    grid-template-areas: "countdown countdown""info info""progress progress""description description""button button"
}

.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq {
    border-radius: var(--bonus-active-rounding-mobile);
    min-height: 292px;
    overflow: visible
}

@media (min-width:1024px) {
    .bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq {
        border-radius: var(--bonus-active-rounding-desktop)
    }
}

:is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_countdown-TYbgq {
    margin-bottom: var(--spacing-8)
}

@media (min-width:1024px) {
    :is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_countdown-TYbgq {
        margin-bottom: var(--spacing-12)
    }
}

:is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_info-TYbgq {
    place-self: start
}

@media (min-width:1024px) {
    :is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_title-TYbgq {
        font-family: var(--font-headline-font-family);
        font-size: var(--font-headline-h2-mobile-font-size);
        font-weight: var(--font-headline-h2-mobile-font-weight);
        letter-spacing: var(--font-headline-h2-mobile-letter-spacing);
        line-height: var(--font-headline-h2-mobile-line-height);
        text-transform: var(--font-headline-text-case);
        text-wrap: balance;
        white-space-collapse: preserve-breaks
    }

    @media (min-width:1024px) {
        :is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_title-TYbgq {
            font-size: var(--font-headline-h2-desktop-font-size);
            font-weight: var(--font-headline-h2-desktop-font-weight);
            letter-spacing: var(--font-headline-h2-desktop-letter-spacing);
            line-height: var(--font-headline-h2-desktop-line-height)
        }
    }
}

:is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_progressPrimary-TYbgq {
    max-width: max-content;
    margin: 0
}

@media (min-width:1024px) {

    :is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_title-TYbgq,
    :is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_subtitle-TYbgq {
        max-width: 270px
    }
}

:is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_button-TYbgq {
    margin-top: var(--spacing-12)
}

@media (min-width:1024px) {
    :is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_button-TYbgq {
        width: 100%;
        max-width: 270px;
        margin-top: var(--spacing-20)
    }
}

:is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_description-TYbgq {
    max-width: 150px;
    margin: var(--spacing-12) 0 0
}

@media (min-width:1024px) {
    :is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_description-TYbgq {
        max-width: 270px
    }
}

:is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_imageBlock-TYbgq {
    width: 180px;
    height: 270px;
    bottom: 0
}

:is(:is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_imageBlock-TYbgq) .bonus-container_img-TYbgq {
    border-bottom-right-radius: var(--rounding-container-xl)
}

@media (min-width:1024px) {
    :is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_imageBlock-TYbgq {
        width: 700px;
        height: 322px
    }
}

@media (min-width:1920px) {
    :is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_imageBlock-TYbgq {
        width: 900px
    }
}

:is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_backgroundImageBlock-TYbgq {
    border-start-end-radius: var(--rounding-container-xl);
    border-end-end-radius: var(--rounding-container-xl);
    width: 740px;
    height: 100%;
    overflow: hidden
}

@media (min-width:1920px) {
    :is(.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq .bonus-container_content-TYbgq) .bonus-container_backgroundImageBlock-TYbgq {
        width: 940px
    }
}

.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq.bonus-container_progressFull-TYbgq .bonus-container_progressPrimary-TYbgq {
    max-width: 140px
}

@media (min-width:1024px) {
    .bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq.bonus-container_progressFull-TYbgq .bonus-container_progressPrimary-TYbgq {
        max-width: 270px
    }
}

.bonus-container_variant-2-TYbgq.bonus-container_primary-TYbgq.bonus-container_hasCountdown-TYbgq .bonus-container_content-TYbgq {
    grid-template-rows: auto 1fr
}

:is(.bonus-container_variant-2-TYbgq.bonus-container_hasCountdown-TYbgq:not(.bonus-container_primary-TYbgq) .bonus-container_content-TYbgq) .bonus-container_countdown-TYbgq {
    grid-template-areas: "countdown-content countdown-component""progress progress";
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: grid
}

:is(:is(.bonus-container_variant-2-TYbgq.bonus-container_hasCountdown-TYbgq:not(.bonus-container_primary-TYbgq) .bonus-container_content-TYbgq) .bonus-container_countdown-TYbgq) .bonus-container_countdownContent-TYbgq {
    place-self: start
}

:is(:is(.bonus-container_variant-2-TYbgq.bonus-container_hasCountdown-TYbgq:not(.bonus-container_primary-TYbgq) .bonus-container_content-TYbgq) .bonus-container_countdown-TYbgq) .bonus-container_countdownComponent-TYbgq {
    place-self: start end
}

:is(:is(.bonus-container_variant-2-TYbgq.bonus-container_hasCountdown-TYbgq:not(.bonus-container_primary-TYbgq) .bonus-container_content-TYbgq) .bonus-container_countdown-TYbgq) .bonus-container_progress-TYbgq {
    margin-bottom: var(--spacing-8);
    place-self: end start
}

.bonus-active-variant-2_root-1icYr {
    --top-image-gap: 14px;
    --image-width: 228px;
    --image-gap-inline-end: 60px;
    padding-top: var(--top-image-gap);
    margin-top: calc(var(--top-image-gap)*-1);
    margin-inline-end: calc(var(--image-gap-inline-end)*-1);
    padding-inline-end: var(--image-gap-inline-end);
    overflow: visible
}

@media (min-width:1024px) {
    .bonus-active-variant-2_root-1icYr {
        --image-gap-inline-end: 44px
    }
}

.bonus-active-variant-2_content-1icYr {
    height: 100%;
    min-height: 292px;
    padding: var(--spacing-16);
    border-radius: var(--bonus-active-rounding-mobile);
    background-image: var(--v6886ae08);
    color: var(--color-content-base-static-white);
    grid-template-rows: 1fr;
    grid-template-areas: "info info""progress progress""description description""button button";
    display: grid;
    position: relative;
    overflow: visible
}

.bonus-active-variant-2_hasCountdown-1icYr .bonus-active-variant-2_content-1icYr {
    grid-template-rows: auto 1fr;
    grid-template-areas: "countdown countdown""info info""progress progress""description description""button button"
}

@media (min-width:1024px) {
    .bonus-active-variant-2_content-1icYr {
        padding: var(--spacing-20);
        border-radius: var(--bonus-active-rounding-desktop)
    }
}

.bonus-active-variant-2_contentBlock-1icYr {
    z-index: 2;
    display: contents
}

.bonus-active-variant-2_img-1icYr {
    width: 100%
}

.bonus-active-variant-2_imageBlock-1icYr {
    z-index: 1;
    top: auto;
    bottom: 0;
    pointer-events: none;
    width: 180px;
    height: 270px;
    position: absolute;
    inset-inline-end: 0
}

.bonus-active-variant-2_imageBlock-1icYr .bonus-active-variant-2_img-1icYr {
    border-bottom-right-radius: var(--rounding-container-xl);
    object-fit: cover;
    object-position: right bottom;
    width: 100%;
    height: 100%
}

@media (min-width:1024px) {
    .bonus-active-variant-2_imageBlock-1icYr {
        width: 700px;
        height: 322px
    }
}

@media (min-width:1920px) {
    .bonus-active-variant-2_imageBlock-1icYr {
        width: 900px
    }
}

.bonus-active-variant-2_info-1icYr {
    z-index: 2;
    min-height: 64px;
    padding-bottom: var(--spacing-12);
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-8);
    flex-direction: column;
    grid-area: info;
    place-self: start;
    display: flex
}

.bonus-active-variant-2_title-1icYr {
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h3-mobile-font-size);
    font-weight: var(--font-headline-h3-mobile-font-weight);
    letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
    line-height: var(--font-headline-h3-mobile-line-height);
    text-transform: var(--font-headline-text-case);
    text-wrap: balance;
    white-space-collapse: preserve-breaks
}

@media (min-width:1024px) {
    .bonus-active-variant-2_title-1icYr {
        font-size: var(--font-headline-h3-desktop-font-size);
        font-weight: var(--font-headline-h3-desktop-font-weight);
        letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
        line-height: var(--font-headline-h3-desktop-line-height)
    }
}

.bonus-active-variant-2_title-1icYr {
    word-break: break-word;
    max-width: 170px
}

@media (min-width:1024px) {
    .bonus-active-variant-2_title-1icYr {
        font-family: var(--font-headline-font-family);
        font-size: var(--font-headline-h2-mobile-font-size);
        font-weight: var(--font-headline-h2-mobile-font-weight);
        letter-spacing: var(--font-headline-h2-mobile-letter-spacing);
        line-height: var(--font-headline-h2-mobile-line-height);
        text-transform: var(--font-headline-text-case);
        text-wrap: balance;
        white-space-collapse: preserve-breaks
    }

    @media (min-width:1024px) {
        .bonus-active-variant-2_title-1icYr {
            font-size: var(--font-headline-h2-desktop-font-size);
            font-weight: var(--font-headline-h2-desktop-font-weight);
            letter-spacing: var(--font-headline-h2-desktop-letter-spacing);
            line-height: var(--font-headline-h2-desktop-line-height)
        }
    }

    .bonus-active-variant-2_title-1icYr {
        max-width: 270px
    }
}

.bonus-active-variant-2_subtitle-1icYr {
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-regular-font-size);
    font-weight: var(--font-caption-s-regular-font-weight);
    letter-spacing: var(--font-caption-s-regular-letter-spacing);
    line-height: var(--font-caption-s-regular-line-height);
    max-width: 170px;
    color: var(--color-content-base-alfa-static-white-64);
    word-break: break-word
}

@media (min-width:1024px) {
    .bonus-active-variant-2_subtitle-1icYr {
        max-width: 270px
    }
}

.bonus-active-variant-2_progress-1icYr {
    margin-bottom: var(--spacing-12);
    font-family: var(--font-display-body-font-family);
    font-size: var(--font-display-body-semibold-font-size);
    font-weight: var(--font-display-body-semibold-font-weight);
    letter-spacing: var(--font-display-body-semibold-letter-spacing);
    line-height: var(--font-display-body-semibold-line-height);
    grid-area: progress
}

.bonus-active-variant-2_progressPrimary-1icYr {
    max-width: max-content;
    margin: 0
}

.bonus-active-variant-2_progressFull-1icYr .bonus-active-variant-2_progressPrimary-1icYr {
    max-width: 140px
}

@media (min-width:1024px) {
    .bonus-active-variant-2_progressFull-1icYr .bonus-active-variant-2_progressPrimary-1icYr {
        max-width: 270px
    }
}

.bonus-active-variant-2_countdown-1icYr {
    z-index: 2;
    margin-bottom: var(--spacing-8);
    justify-content: flex-end;
    gap: var(--spacing-8);
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-semibold-font-size);
    font-weight: var(--font-caption-s-semibold-font-weight);
    letter-spacing: var(--font-caption-s-semibold-letter-spacing);
    line-height: var(--font-caption-s-semibold-line-height);
    flex-direction: column;
    grid-area: countdown;
    place-self: start;
    padding-inline-end: var(--spacing-12);
    display: flex
}

@media (min-width:1024px) {
    .bonus-active-variant-2_countdown-1icYr {
        margin-bottom: var(--spacing-12)
    }
}

.bonus-active-variant-2_icon-1icYr {
    cursor: pointer
}

.bonus-active-variant-2_countdownComponent-1icYr {
    align-items: center;
    gap: var(--spacing-8);
    display: flex
}

.bonus-active-variant-2_description-1icYr {
    max-width: 150px;
    margin: var(--spacing-12) 0 0;
    color: var(--color-content-base-alfa-static-white-64);
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-regular-font-size);
    font-weight: var(--font-caption-s-regular-font-weight);
    letter-spacing: var(--font-caption-s-regular-letter-spacing);
    line-height: var(--font-caption-s-regular-line-height);
    grid-area: description
}

@media (min-width:1024px) {
    .bonus-active-variant-2_description-1icYr {
        max-width: 270px
    }
}

.bonus-active-variant-2_button-1icYr {
    width: max-content;
    margin-top: var(--spacing-12);
    grid-area: button;
    place-self: end start
}

@media (min-width:1024px) {
    .bonus-active-variant-2_button-1icYr {
        width: 100%;
        max-width: 270px;
        margin-top: var(--spacing-20)
    }
}

.bonus-active-variant-2_backgroundImageBlock-1icYr {
    z-index: 0;
    pointer-events: none;
    border-start-end-radius: var(--rounding-container-xl);
    border-end-end-radius: var(--rounding-container-xl);
    width: 740px;
    height: 100%;
    display: none;
    position: absolute;
    overflow: hidden
}

@media (min-width:1024px) {
    .bonus-active-variant-2_backgroundImageBlock-1icYr {
        top: 0;
        display: block;
        inset-inline-end: 0
    }
}

@media (min-width:1920px) {
    .bonus-active-variant-2_backgroundImageBlock-1icYr {
        width: 940px
    }
}

.bonus-available-variant-2_root-i5Rpt {
    --top-image-gap: 14px;
    --image-width: 228px;
    --image-gap-inline-end: 60px;
    padding-top: var(--top-image-gap);
    margin-top: calc(var(--top-image-gap)*-1);
    margin-inline-end: calc(var(--image-gap-inline-end)*-1);
    padding-inline-end: var(--image-gap-inline-end);
    overflow: visible
}

@media (min-width:1024px) {
    .bonus-available-variant-2_root-i5Rpt {
        --image-gap-inline-end: 44px
    }
}

.bonus-available-variant-2_content-i5Rpt {
    height: 100%;
    min-height: 260px;
    padding: var(--spacing-16);
    border-radius: var(--bonus-available-rounding-mobile);
    background-image: var(--v19053695);
    color: var(--color-content-base-static-white);
    grid-template-rows: 1fr;
    grid-template-areas: "info info""progress progress""description description""button button";
    display: grid;
    position: relative;
    overflow: hidden
}

.bonus-available-variant-2_hasCountdown-i5Rpt .bonus-available-variant-2_content-i5Rpt {
    grid-template-areas: "countdown countdown""info info""progress progress""description description""button button"
}

@media (min-width:1024px) {
    .bonus-available-variant-2_content-i5Rpt {
        padding: var(--spacing-20);
        border-radius: var(--bonus-available-rounding-desktop)
    }
}

.bonus-available-variant-2_contentBlock-i5Rpt {
    z-index: 2;
    display: contents
}

.bonus-available-variant-2_img-i5Rpt {
    width: 100%
}

.bonus-available-variant-2_imageBlock-i5Rpt {
    z-index: 1;
    top: auto;
    bottom: 0;
    pointer-events: none;
    width: 230px;
    height: 242px;
    position: absolute;
    inset-inline-end: 0
}

.bonus-available-variant-2_imageBlock-i5Rpt .bonus-available-variant-2_img-i5Rpt {
    object-fit: cover;
    object-position: right bottom;
    width: 100%;
    height: 100%
}

.bonus-available-variant-2_info-i5Rpt {
    z-index: 2;
    min-height: 64px;
    padding-bottom: var(--spacing-12);
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-8);
    flex-direction: column;
    grid-area: info;
    display: flex
}

.bonus-available-variant-2_title-i5Rpt {
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h3-mobile-font-size);
    font-weight: var(--font-headline-h3-mobile-font-weight);
    letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
    line-height: var(--font-headline-h3-mobile-line-height);
    text-transform: var(--font-headline-text-case);
    text-wrap: balance;
    white-space-collapse: preserve-breaks
}

@media (min-width:1024px) {
    .bonus-available-variant-2_title-i5Rpt {
        font-size: var(--font-headline-h3-desktop-font-size);
        font-weight: var(--font-headline-h3-desktop-font-weight);
        letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
        line-height: var(--font-headline-h3-desktop-line-height)
    }
}

.bonus-available-variant-2_title-i5Rpt {
    word-break: break-word;
    max-width: 170px
}

.bonus-available-variant-2_subtitle-i5Rpt {
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-regular-font-size);
    font-weight: var(--font-caption-s-regular-font-weight);
    letter-spacing: var(--font-caption-s-regular-letter-spacing);
    line-height: var(--font-caption-s-regular-line-height);
    max-width: 170px;
    color: var(--color-content-base-alfa-static-white-64);
    word-break: break-word
}

.bonus-available-variant-2_progress-i5Rpt {
    margin-bottom: var(--spacing-12);
    font-family: var(--font-display-body-font-family);
    font-size: var(--font-display-body-semibold-font-size);
    font-weight: var(--font-display-body-semibold-font-weight);
    letter-spacing: var(--font-display-body-semibold-letter-spacing);
    line-height: var(--font-display-body-semibold-line-height);
    grid-area: progress
}

.bonus-available-variant-2_countdownComponent-i5Rpt {
    align-items: center;
    gap: var(--spacing-8);
    grid-area: countdown-component;
    display: flex
}

.bonus-available-variant-2_countdown-i5Rpt {
    z-index: 2;
    justify-content: flex-end;
    gap: var(--spacing-8);
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-semibold-font-size);
    font-weight: var(--font-caption-s-semibold-font-weight);
    letter-spacing: var(--font-caption-s-semibold-letter-spacing);
    line-height: var(--font-caption-s-semibold-line-height);
    flex-direction: column;
    grid-area: countdown;
    place-self: start;
    padding-inline-end: var(--spacing-12);
    display: flex
}

.bonus-available-variant-2_hasCountdown-i5Rpt .bonus-available-variant-2_countdown-i5Rpt {
    grid-template-areas: "countdown-component""progress";
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: grid
}

:is(.bonus-available-variant-2_hasCountdown-i5Rpt .bonus-available-variant-2_countdown-i5Rpt) .bonus-available-variant-2_countdownComponent-i5Rpt {
    place-self: start
}

:is(.bonus-available-variant-2_hasCountdown-i5Rpt .bonus-available-variant-2_countdown-i5Rpt) .bonus-available-variant-2_progress-i5Rpt {
    margin-bottom: var(--spacing-8);
    place-self: end start
}

.bonus-available-variant-2_icon-i5Rpt {
    cursor: pointer
}

.bonus-available-variant-2_description-i5Rpt {
    color: var(--color-content-base-alfa-static-white-64);
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-regular-font-size);
    font-weight: var(--font-caption-s-regular-font-weight);
    letter-spacing: var(--font-caption-s-regular-letter-spacing);
    line-height: var(--font-caption-s-regular-line-height);
    grid-area: description
}

.bonus-available-variant-2_description-i5Rpt:not(:last-child) {
    margin-bottom: var(--spacing-24)
}

.bonus-available-variant-2_button-i5Rpt {
    grid-area: button;
    place-self: end start;
    width: max-content
}

.bonus-available-variant-2_backgroundImageBlock-i5Rpt {
    z-index: 0;
    pointer-events: none;
    display: none;
    position: absolute
}

@media (min-width:1024px) {
    .bonus-available-variant-2_backgroundImageBlock-i5Rpt {
        top: 0;
        width: 215px;
        height: 250px;
        display: block;
        inset-inline-end: 0
    }
}

.bonus-active-variant-3_root-FBZU1 {
    width: 100%;
    min-height: 237px;
    padding: var(--spacing-20);
    gap: var(--spacing-12);
    grid-template-columns: minmax(0, 1fr) 1fr;
    display: grid;
    position: relative
}

@media (min-width:1024px) {
    .bonus-active-variant-3_root-FBZU1 {
        min-height: 248px;
        padding: var(--spacing-24)
    }
}

.bonus-active-variant-3_trailing-FBZU1 {
    z-index: 1;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-12);
    flex-direction: column;
    display: flex;
    position: relative
}

@media (min-width:768px) {
    .bonus-active-variant-3_trailing-FBZU1 {
        max-width: 206px
    }
}

.bonus-active-variant-3_content-FBZU1,
.bonus-active-variant-3_progressContainer-FBZU1 {
    align-items: flex-start;
    gap: var(--spacing-12);
    flex-direction: column;
    width: 100%;
    display: flex
}

.bonus-active-variant-3_progressBar-FBZU1 {
    --size: 14px;
    --progress-size: 10px;
    --progress-color: var(--color-content-base-static-white);
    --progress-background-color: var(--color-background-base-alfa-static-white-20);
    --container-padding-inline: 2px
}

.bonus-active-variant-3_countdownComponent-FBZU1 {
    align-items: center;
    gap: var(--spacing-4);
    display: flex
}

.bonus-active-variant-3_informButton-FBZU1 {
    appearance: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    display: inline-flex
}

.bonus-active-variant-3_informButton-FBZU1:focus-visible {
    outline: none
}

@supports not (width:1lh) {
    .bonus-active-variant-3_informButton-FBZU1:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
    }
}

@supports (width:1lh) {
    .bonus-active-variant-3_informButton-FBZU1:focus-visible {
        outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
    }
}

.bonus-active-variant-3_informIcon-FBZU1 {
    color: var(--color-content-base-static-white)
}

.bonus-active-variant-3_title-FBZU1 {
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h4-mobile-font-size);
    font-weight: var(--font-headline-h4-mobile-font-weight);
    letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
    line-height: var(--font-headline-h4-mobile-line-height);
    text-transform: var(--font-headline-text-case);
    text-wrap: balance;
    white-space-collapse: preserve-breaks
}

@media (min-width:1024px) {
    .bonus-active-variant-3_title-FBZU1 {
        font-size: var(--font-headline-h4-desktop-font-size);
        font-weight: var(--font-headline-h4-desktop-font-weight);
        letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
        line-height: var(--font-headline-h4-desktop-line-height)
    }
}

.bonus-active-variant-3_title-FBZU1 {
    max-width: 100%;
    color: var(--color-content-base-static-white);
    word-break: break-word
}

.bonus-active-variant-3_description-FBZU1 {
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-regular-font-size);
    font-weight: var(--font-caption-s-regular-font-weight);
    letter-spacing: var(--font-caption-s-regular-letter-spacing);
    line-height: var(--font-caption-s-regular-line-height);
    max-width: 100%;
    color: var(--color-content-base-alfa-static-white-88);
    word-break: break-word
}

.bonus-active-variant-3_amountBottom-FBZU1 {
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-semibold-font-size);
    font-weight: var(--font-caption-s-semibold-font-weight);
    letter-spacing: var(--font-caption-s-semibold-letter-spacing);
    line-height: var(--font-caption-s-semibold-line-height);
    max-width: 160px;
    color: var(--color-content-base-static-white);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media (min-width:768px) {
    .bonus-active-variant-3_amountBottom-FBZU1 {
        max-width: 100%
    }
}

.bonus-active-variant-3_leading-FBZU1 {
    z-index: 1;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    min-width: 0;
    display: flex;
    position: relative
}

.bonus-active-variant-3_badge-FBZU1 {
    max-width: 140px
}

@media (min-width:768px) {
    .bonus-active-variant-3_badge-FBZU1 {
        max-width: 100%
    }
}

.bonus-active-variant-3_badgeContent-FBZU1 {
    align-items: center;
    gap: var(--spacing-4);
    display: flex
}

.bonus-active-variant-3_amount-FBZU1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.bonus-active-variant-3_badgeIcon-FBZU1 {
    flex-shrink: 0
}

.bonus-active-variant-3_button-FBZU1 {
    min-width: 0;
    max-width: 100%;
    overflow: hidden
}

@media (min-width:768px) {
    .bonus-active-variant-3_button-FBZU1 {
        max-width: 162px
    }
}

.bonus-active-variant-3_buttonText-FBZU1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden
}

.bonus-active-variant-3_buttonPaused-FBZU1 {
    align-items: center;
    gap: var(--spacing-4);
    max-width: 100%;
    display: flex;
    overflow: hidden
}

.bonus-active-variant-3_buttonPausedIcon-FBZU1 {
    flex-shrink: 0
}

.bonus-active-variant-3_backgroundImage-FBZU1 {
    border-radius: var(--banner-bonus-active-rounding-mobile-left-top) var(--banner-bonus-active-rounding-mobile-right-top) var(--banner-bonus-active-rounding-mobile-right-bottom) var(--banner-bonus-active-rounding-mobile-left-bottom);
    object-fit: cover;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

@media (min-width:768px) {
    .bonus-active-variant-3_backgroundImage-FBZU1 {
        border-radius: var(--banner-bonus-active-rounding-tablet-left-top) var(--banner-bonus-active-rounding-tablet-right-top) var(--banner-bonus-active-rounding-tablet-right-bottom) var(--banner-bonus-active-rounding-tablet-left-bottom)
    }
}

@media (min-width:1024px) {
    .bonus-active-variant-3_backgroundImage-FBZU1 {
        border-radius: var(--banner-bonus-active-rounding-desktop-left-top) var(--banner-bonus-active-rounding-desktop-right-top) var(--banner-bonus-active-rounding-desktop-right-bottom) var(--banner-bonus-active-rounding-desktop-left-bottom)
    }
}

.bonus-available-variant-3_root-WsVS7 {
    width: 100%;
    padding: var(--spacing-20);
    border-radius: var(--bonus-available-rounding-mobile);
    background: var(--color-background-base-primary);
    align-items: flex-start;
    gap: var(--spacing-12);
    flex-direction: column;
    display: flex;
    position: relative
}

@media (min-width:1024px) {
    .bonus-available-variant-3_root-WsVS7 {
        border-radius: var(--bonus-available-rounding-desktop);
        gap: var(--spacing-24)
    }
}

.bonus-available-variant-3_content-WsVS7 {
    z-index: 2;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 180px;
    min-height: 110px;
    display: flex
}

@media (min-width:1024px) {
    .bonus-available-variant-3_content-WsVS7 {
        max-width: 240px
    }
}

.bonus-available-variant-3_title-WsVS7 {
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h4-mobile-font-size);
    font-weight: var(--font-headline-h4-mobile-font-weight);
    letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
    line-height: var(--font-headline-h4-mobile-line-height);
    text-transform: var(--font-headline-text-case);
    text-wrap: balance;
    white-space-collapse: preserve-breaks
}

@media (min-width:1024px) {
    .bonus-available-variant-3_title-WsVS7 {
        font-size: var(--font-headline-h4-desktop-font-size);
        font-weight: var(--font-headline-h4-desktop-font-weight);
        letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
        line-height: var(--font-headline-h4-desktop-line-height)
    }
}

.bonus-available-variant-3_title-WsVS7 {
    max-width: 100%;
    color: var(--color-content-base-static-white);
    word-break: break-word;
    overflow: hidden
}

.bonus-available-variant-3_subtitle-WsVS7 {
    font-family: var(--font-body-font-family);
    font-size: var(--font-body-regular-font-size);
    font-weight: var(--font-body-regular-font-weight);
    letter-spacing: var(--font-body-regular-letter-spacing);
    line-height: var(--font-body-regular-line-height);
    max-width: 100%;
    color: var(--color-content-base-alfa-static-white-72);
    word-break: break-word;
    overflow: hidden
}

.bonus-available-variant-3_controls-WsVS7 {
    z-index: 2;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--spacing-8);
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex
}

.bonus-available-variant-3_countdownComponent-WsVS7 {
    color: var(--color-content-base-static-white);
    align-items: center;
    gap: var(--spacing-8);
    flex-shrink: 0;
    display: flex
}

.bonus-available-variant-3_button-WsVS7 {
    min-width: 0;
    max-width: 100%;
    margin-inline-start: auto
}

.bonus-available-variant-3_buttonText-WsVS7 {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    max-width: 100%;
    overflow: hidden
}

.bonus-available-variant-3_backgroundImage-WsVS7 {
    border-radius: var(--bonus-available-rounding-mobile);
    top: 0;
    object-fit: cover;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-end: 0
}

@media (min-width:1024px) {
    .bonus-available-variant-3_backgroundImage-WsVS7 {
        border-radius: var(--bonus-available-rounding-desktop)
    }
}

.bonus-available-variant-3_imageBlock-WsVS7 {
    z-index: 1;
    object-fit: cover;
    pointer-events: none;
    width: 206px;
    height: 100%;
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0
}

@media (min-width:1024px) {
    .bonus-available-variant-3_imageBlock-WsVS7 {
        width: 218px
    }
}

.dot_dot-Uu6Es {
    width: fit-content;
    min-width: var(--dot__size);
    min-height: var(--dot__size);
    padding: 0 var(--spacing-4);
    border-radius: var(--dot-rounding);
    color: var(--dot-default-fg);
    justify-content: center;
    align-items: center;
    display: flex
}

.dot_size-xs-Uu6Es {
    --dot__size: 8px
}

.dot_size-s-Uu6Es {
    --dot__size: 16px;
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-xs-font-size);
    font-weight: var(--font-caption-xs-semibold-font-weight);
    letter-spacing: var(--font-caption-xs-letter-spacing);
    line-height: var(--font-caption-xs-line-height)
}

.dot_size-m-Uu6Es {
    --dot__size: 20px;
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-semibold-font-size);
    font-weight: var(--font-caption-s-semibold-font-weight);
    letter-spacing: var(--font-caption-s-semibold-letter-spacing);
    line-height: var(--font-caption-s-semibold-line-height)
}

.dot_state-negative-Uu6Es {
    background: var(--dot-default-bg)
}

.dot_state-warning-Uu6Es {
    background: var(--dot-warning-bg)
}

.dot_state-positive-Uu6Es {
    background: var(--dot-positive-bg)
}

.dot_state-informative-Uu6Es {
    background: var(--dot-informative-bg)
}

.loader_root-z3LxP {
    color: var(--color-content-base-primary);
    animation: .6s linear infinite loader_spin-z3LxP
}

@keyframes loader_spin-z3LxP {
    to {
        transform: rotate(1turn)
    }
}

.base_content-ZOkD4 {
    justify-content: center;
    align-items: center;
    gap: var(--spacing-8);
    white-space: nowrap;
    height: 100%;
    display: flex
}

.base_content-ZOkD4:focus-visible {
    outline: none
}

@supports not (width:1lh) {
    .base_content-ZOkD4:focus-visible {
        box-shadow: 0 0 0 unset unset
    }
}

@supports (width:1lh) {
    .base_content-ZOkD4:focus-visible {
        outline: unset solid unset;
        outline-offset: unset
    }
}

@supports not selector(:focus-visible) {
    .base_content-ZOkD4:focus {
        outline: none
    }

    @supports not (width:1lh) {
        .base_content-ZOkD4:focus {
            box-shadow: 0 0 0 unset unset
        }
    }

    @supports (width:1lh) {
        .base_content-ZOkD4:focus {
            outline: unset solid unset;
            outline-offset: unset
        }
    }
}

.base_root-ZOkD4 {
    --outline-color: var(--color-solid-brand-primary-alfa-68);
    border-radius: var(--button-radius);
    background-color: unset;
    color: var(--color-content-base-static-white);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    will-change: transform;
    padding: 0;
    transition: opacity .1s;
    display: inline-block;
    position: relative
}

.base_root-ZOkD4.base_rounded-ZOkD4 {
    --button-radius: var(--rounding-max)
}

.base_root-ZOkD4:active {
    opacity: var(--opacity-item-active)
}

.base_root-ZOkD4[disabled]:not([disabled=false]) {
    opacity: var(--opacity-item-disabled);
    pointer-events: none
}

.base_root-ZOkD4.base_loading-ZOkD4 {
    pointer-events: none
}

.base_root-ZOkD4.base_loading-ZOkD4 .base_content-ZOkD4 {
    opacity: 0
}

.base_root-ZOkD4:focus-visible {
    outline: none
}

@supports not (width:1lh) {
    .base_root-ZOkD4:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2) var(--focus-border)
    }
}

@supports (width:1lh) {
    .base_root-ZOkD4:focus-visible {
        outline: var(--spacing-2) solid var(--focus-border);
        outline-offset: var(--spacing-2)
    }
}

@supports not selector(:focus-visible) {
    .base_root-ZOkD4:focus {
        outline: none
    }

    @supports not (width:1lh) {
        .base_root-ZOkD4:focus {
            box-shadow: 0 0 0 var(--spacing-2) var(--focus-border)
        }
    }

    @supports (width:1lh) {
        .base_root-ZOkD4:focus {
            outline: var(--spacing-2) solid var(--focus-border);
            outline-offset: var(--spacing-2)
        }
    }
}

.base_root-ZOkD4 {
    font-family: var(--font-body-font-family);
    font-size: var(--font-body-semibold-font-size);
    font-weight: var(--font-body-semibold-font-weight);
    letter-spacing: var(--font-body-semibold-letter-spacing);
    line-height: var(--font-body-semibold-line-height)
}

.base_view-ZOkD4 {
    width: var(--button-width);
    height: var(--button-height);
    padding: 0 var(--button-padding);
    border-radius: var(--button-radius);
    background: var(--background);
    transition: background .1s;
    position: relative
}

@media (hover:hover) and (pointer:fine) {
    .base_view-ZOkD4:hover {
        background: var(--background-hover)
    }
}

.base_view-ZOkD4:focus-visible {
    outline: none
}

@supports not (width:1lh) {
    .base_view-ZOkD4:focus-visible {
        box-shadow: 0 0 0 unset unset
    }
}

@supports (width:1lh) {
    .base_view-ZOkD4:focus-visible {
        outline: unset solid unset;
        outline-offset: unset
    }
}

@supports not selector(:focus-visible) {
    .base_view-ZOkD4:focus {
        outline: none
    }

    @supports not (width:1lh) {
        .base_view-ZOkD4:focus {
            box-shadow: 0 0 0 unset unset
        }
    }

    @supports (width:1lh) {
        .base_view-ZOkD4:focus {
            outline: unset solid unset;
            outline-offset: unset
        }
    }
}

.base_view-ZOkD4:after {
    border-style: solid;
    border-width: 1px;
    border-color: var(--border-color);
    border-radius: inherit;
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0
}

@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
    .base_view-ZOkD4:after {
        background: var(--border-color-grad, var(--border-color));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
    }
}

.base_loader-ZOkD4 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0
}

.base_size-s-ZOkD4 {
    --button-height: var(--size-control-s);
    --button-padding: var(--spacing-12);
    --button-radius: var(--button-rounding-s)
}

.base_size-s-ZOkD4.base_isIcon-ZOkD4 {
    --button-width: var(--size-control-s);
    --button-padding: var(--spacing-0)
}

.base_size-m-ZOkD4 {
    --button-height: var(--size-control-m);
    --button-padding: var(--spacing-16);
    --button-radius: var(--button-rounding-m)
}

.base_size-m-ZOkD4.base_isIcon-ZOkD4 {
    --button-width: var(--size-control-m);
    --button-padding: var(--spacing-0)
}

.base_size-xl-ZOkD4 {
    --button-height: var(--size-control-xl);
    --button-padding: var(--spacing-20);
    --button-radius: var(--button-rounding-l)
}

.base_size-xl-ZOkD4.base_isIcon-ZOkD4 {
    --button-width: var(--size-control-xl);
    --button-padding: var(--spacing-0)
}

.base_size-xxl-ZOkD4 {
    --button-height: var(--size-control-xxl);
    --button-padding: var(--spacing-24);
    --button-radius: var(--button-rounding-xl)
}

.base_size-xxl-ZOkD4.base_isIcon-ZOkD4 {
    --button-width: var(--size-control-xxl);
    --button-padding: var(--spacing-0)
}

.base_variant-primary-ZOkD4 {
    --background: var(--button-color-primary-bg-default-grad, var(--button-color-primary-bg-default));
    --background-hover: var(--button-color-primary-bg-hover-grad, var(--button-color-primary-bg-hover));
    --border-color: var(--button-color-primary-bg-border);
    --border-color-grad: var(--button-color-primary-bg-border-grad);
    color: var(--button-color-primary-fg-default)
}

.base_variant-primary-ZOkD4 .base_loader-ZOkD4 svg {
    color: var(--button-color-primary-fg-default)
}

.base_variant-accent-ZOkD4 {
    --background: var(--button-color-accent-bg-default-grad, var(--button-color-accent-bg-default));
    --background-hover: var(--button-color-accent-bg-hover-grad, var(--button-color-accent-bg-hover));
    --border-color: var(--button-color-accent-bg-border);
    --border-color-grad: var(--button-color-accent-bg-border-grad);
    color: var(--button-color-accent-fg-default)
}

.base_variant-accent-ZOkD4 .base_loader-ZOkD4 svg {
    color: var(--color-content-base-on-accent)
}

.base_variant-neutral-ZOkD4 {
    --background: var(--button-color-neutral-bg-default);
    --background-hover: var(--button-color-neutral-bg-hover);
    --border-color: var(--button-color-neutral-bg-border);
    --border-color-grad: var(--button-color-neutral-bg-border-grad);
    color: var(--color-content-base-primary)
}

.base_variant-staticPrimary-ZOkD4 {
    --background: var(--color-background-base-static-white);
    --background-hover: var(--color-background-base-alfa-static-white-96);
    color: var(--color-content-base-static-black)
}

.base_variant-staticPrimary-ZOkD4 .base_loader-ZOkD4 svg {
    color: var(--color-content-base-static-black)
}

.base_variant-staticSecondary-ZOkD4 {
    --background: var(--color-background-base-alfa-static-white-20);
    --background-hover: var(--color-background-base-alfa-static-white-32);
    --border-color: var(--button-color-static-secondary-bg-border)
}

.base_variant-negative-ZOkD4 {
    --background: var(--color-solid-sentiment-negative-alfa-12);
    --background-hover: var(--color-solid-sentiment-negative-alfa-16);
    color: var(--color-solid-sentiment-negative-default)
}

.base_variant-negative-ZOkD4 .base_loader-ZOkD4 svg {
    color: var(--color-solid-sentiment-negative-default)
}

.base_variant-staticBlackPrimary-ZOkD4 {
    --background: var(--color-background-base-static-black);
    --background-hover: var(--color-background-base-alfa-static-black-96)
}

.base_variant-staticBlackPrimary-ZOkD4 .base_loader-ZOkD4 svg {
    color: var(--color-content-base-static-white)
}

.base_variant-staticBlackSecondary-ZOkD4 {
    --background: var(--color-background-base-alfa-static-black-40);
    --background-hover: var(--color-background-base-alfa-static-black-48)
}

.base_variant-staticBlackSecondary-ZOkD4 .base_loader-ZOkD4 svg {
    color: var(--color-content-base-static-white)
}

.base_variant-ghost-ZOkD4 {
    --background: var(--color-background-base-none);
    --background-hover: var(--color-background-base-alfa-neutral-8);
    color: var(--color-content-base-tertiary)
}

.base_variant-ghost-ZOkD4 .base_loader-ZOkD4 svg {
    color: var(--color-content-base-tertiary)
}

@media (hover:hover) and (pointer:fine) {
    .base_variant-ghost-ZOkD4:hover {
        color: var(--color-content-base-secondary)
    }
}

.base_badge-ZOkD4 {
    --radius: min(var(--button-radius), var(--button-height) / 2);
    --offset: calc(var(--radius)*.29289 - var(--dot__size)/2);
    position: absolute;
    inset-block-start: var(--offset);
    inset-inline-end: var(--offset)
}

.base_isWide-ZOkD4 {
    width: 100%
}

.base_isWide-ZOkD4.base_isIcon-ZOkD4 {
    --button-width: 100%
}

/* FAQ accordion — spaced cards like 1win bonuses */
.faq-block_heading-6V8Vr {
    margin: var(--spacing-32, 32px) 0 var(--spacing-16, 16px);
    font-family: var(--font-headline-font-family);
    font-size: var(--font-headline-h3-mobile-font-size, 20px);
    font-weight: var(--font-headline-h3-mobile-font-weight, 700);
    line-height: var(--font-headline-h3-mobile-line-height, 1.25);
    color: var(--color-content-base-primary);
}

@media (min-width: 1024px) {
    .faq-block_heading-6V8Vr {
        font-size: var(--font-headline-h3-desktop-font-size, 24px);
        font-weight: var(--font-headline-h3-desktop-font-weight, 700);
        line-height: var(--font-headline-h3-desktop-line-height, 1.25);
    }
}

.faq-block_root-6V8Vr {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-8, 8px);
    margin-bottom: var(--spacing-32, 32px);
}

@media (min-width: 1024px) {
    .faq-block_root-6V8Vr {
        grid-template-columns: 1fr 1fr;
        gap: var(--accordion-layout-gap, var(--spacing-16, 16px));
        align-items: start;
    }
}

.faq-block_group-6V8Vr {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
}

.faq-block_accordion-6V8Vr {
    width: 100%;
}