:root {
    --spacing-24: 24px;
    --spacing-16: 16px;
    --spacing-12: 12px;
    --spacing-8: 8px;
    --spacing-4: 4px;
    --spacing-2: 2px;
    --rounding-20: 20px;
    --rounding-max: 999px; 
    --6e344d94: radial-gradient(100% 100% at 50% 0%, #FFD599 11.48%, #F63D00 100%);
    --color-content-base-static-white: var(--neutral-clean-white) #ffffff;
    --color-content-base-alfa-static-white-20: var(--neutral-dark-alfa-4);
    --font-headline-font-family: Inter, var(--reserved-fonts);
    --font-headline-h3-mobile-font-size: 20px;
    --font-headline-h3-mobile-font-weight: 600;
    --font-headline-h3-mobile-letter-spacing: -0.33px;
    --font-headline-h3-mobile-line-height: 24px;
    --font-headline-text-case: none;
    --color-content-base-alfa-static-white-64: var(--neutral-dark-alfa-10);
    --neutral-dark-alfa-10: rgba(255, 255, 255, 0.64);
    --font-caption-font-family: Inter, var(--reserved-fonts);
    --reserved-fonts: 'Poppins', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-caption-s-regular-font-size: 12px;
    --font-caption-s-regular-font-weight: 400;
    --font-caption-s-regular-letter-spacing: 0.01px;
    --font-caption-s-regular-line-height: 16px;
    --color-content-static-white-primary: var(--color-white);
    --color-white: #fff;
    --top-image-gap: 14px;
    --image-width: 228px;
    --image-gap-inline-end: 60px;
    --rounding-container-l: var(--rounding-20);
    --font-caption-s-semibold-font-size: 12px;
    --font-caption-s-semibold-font-weight: 600;
    --font-caption-s-semibold-letter-spacing: 0.01px;
    --font-caption-s-semibold-line-height: 16px;
    --color-background-base-alfa-static-white-20: rgba(255,255,255,0.2);
    --color-content-primary: #222;
    --color-content-secondary: #888;
    --color-content-static-white-secondary: rgba(255,255,255,0.8);
    --color-border-base-alfa-static-white-64: rgba(255,255,255,0.64);
    --color-background-base-static-white: #fff;
    --color-background-base-alfa-static-white-96: rgba(255,255,255,0.96);
    --color-content-base-static-black: #222;
    --size-control-xl: 56px;
    --spacing-20: 20px;
    --rounding-control-xl: 16px;
    --font-body-font-family: Inter, var(--reserved-fonts);
    --font-body-semibold-font-size: 16px;
    --font-body-semibold-font-weight: 600;
    --font-body-semibold-letter-spacing: 0.01px;
    --font-body-semibold-line-height: 24px;
    --color-solid-brand-primary-alfa-68: rgba(246,61,0,0.68);
    --button-width: auto;
}

*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
}

.available-bonuses_list-c1P9w {
    padding: var(--spacing-8) 50px;
    margin: 1px;
    flex-direction: column;
    align-items: stretch;
    display: flex;
    overflow: hidden;
}

@media (max-width: 600px) {
    .available-bonuses_list-c1P9w {
        padding: var(--spacing-8);
    }
}

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

.available-bonuses_item-c1P9w>div {
    flex: auto;
}

.bonus-container_root-T40mZ {
    --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;
}

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

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

.bonus-container_info-T40mZ {
    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_title-T40mZ {
    max-width: 200px;
}
.bonus-container_title-T40mZ {
    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;
}

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

.bonus-container_subtitle-T40mZ {
    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: 80%;
}

.bonus-container_countdown-T40mZ {
    z-index: 2;
    justify-content: end;
    gap: var(--spacing-8);
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-semibold-font-size)
12px
;
    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_countdownContent-T40mZ {
    color: var(--color-content-base-static-white)
#ffffff
;
    align-items: center;
    gap: var(--spacing-8);
    grid-area: countdown-content;
    display: flex
;
}

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

.bonus-container_countdownContent-T40mZ .bonus-container_icon-T40mZ {
    flex: 0 0 var(--spacing-16);
    cursor: pointer;
}
.icon-box_root-ejR1s.icon-box_withoutPadding-ejR1s {
    padding: 0;
}
.icon-box_size-s-ejR1s {
    width: 16px;
    height: 16px;
}

.icon-box_root-ejR1s {
    display: block;
}

.icon-base_root-F1flk {
    fill: currentColor;
    display: block;
}

.icon-box_root-ejR1s>* {
    fill: currentColor;
    width: 100%;
    height: 100%;
    display: block;
}

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

.countdown_root-n8sh0.countdown_variant-bonuses-n8sh0 {
    background: var(--color-background-base-alfa-static-white-20);
}

.countdown_root-n8sh0.countdown_size-s-n8sh0 {
    padding: var(--spacing-2) 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);
}
.countdown_root-n8sh0 {
    border-radius: var(--rounding-max);
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    align-items: center;
    gap: var(--spacing-4);
    width: fit-content;
    display: inline-flex
;
}

.countdown_variant-bonuses-n8sh0 .countdown_time-n8sh0 {
    color: var(--color-content-static-white-primary);
}

.countdown_time-n8sh0 {
    color: var(--color-content-primary);
}

.countdown_variant-bonuses-n8sh0 .countdown_separator-n8sh0 {
    color: var(--color-content-static-white-secondary);
}

.countdown_separator-n8sh0 {
    color: var(--color-content-secondary);
}

.bonus-container_imageBlock-T40mZ {
    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);
}

.picture-v2_root-PNT8A {
    display: contents;
}

.picture-v2_animated-PNT8A.picture-v2_loaded-PNT8A {
    opacity: 1;
}

.picture-v2_root-PNT8A img {
    aspect-ratio: var(--0449da44);
    display: block;
}
.bonus-container_img-T40mZ {
    width: 100%;
}
.picture-v2_animated-PNT8A {
    opacity: 0;
    transition: opacity .28s ease-in;
}

.bonus-container_hasCountdown-T40mZ .bonus-container_button-T40mZ {
    width: 170px;
}

.bonus-container_button-T40mZ {
    grid-area: button;
    place-self: end;
    width: 100%;
}
.base_variant-staticPrimary-n1nDS {
    --outline-color: var(--color-border-base-alfa-static-white-64);
    --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_size-xl-n1nDS {
    --button-height: var(--size-control-xl);
    --button-padding: var(--spacing-20);
    --button-radius: var(--rounding-control-xl);
}
.base_root-n1nDS {
    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_root-n1nDS {
    --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_view-n1nDS {
    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;
    max-height: 45px;
}

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

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