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

.icon-base_root-F1flk.icon-base_withoutPadding-F1flk {
    padding: 0
}

.icon-base_m-F1flk {
    padding: var(--spacing-2)
}

.icon-base_l-F1flk {
    padding: var(--spacing-4)
}

.icon-base_xl-F1flk {
    padding: var(--spacing-8)
}

.base_root-E8jUK {
    background-color: unset;
    color: var(--color-content-base-static-white);
    cursor: pointer;
    align-items: center;
    gap: var(--spacing-4);
    -webkit-user-select: none;
    user-select: none;
    padding: 0;
    display: inline-flex
}

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

.base_root-E8jUK[disabled] {
    cursor: default;
    opacity: var(--opacity-item-disabled);
    pointer-events: none
}

.base_root-E8jUK:focus-visible {
    border-radius: var(--rounding-4)
}

.base_root-E8jUK.base_rounded-E8jUK:focus-visible {
    border-radius: var(--rounding-max)
}

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

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

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

@supports not selector(:focus-visible) {
    .base_root-E8jUK:focus {
        border-radius: var(--rounding-4)
    }

    .base_root-E8jUK.base_rounded-E8jUK:focus {
        border-radius: var(--rounding-max)
    }

    .base_root-E8jUK:focus {
        outline: none
    }

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

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

.base_root-E8jUK.base_size-s-semibold-E8jUK {
    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)
}

.base_root-E8jUK.base_size-s-regular-E8jUK {
    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)
}

.base_root-E8jUK.base_size-m-semibold-E8jUK {
    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-E8jUK.base_size-m-regular-E8jUK {
    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)
}

.base_variant-accent-E8jUK {
    color: var(--content-button-accent-color-fg-default)
}

.base_variant-accent-E8jUK:active {
    color: var(--content-button-accent-color-fg-hover)
}

@media (hover:hover) and (pointer:fine) {
    .base_variant-accent-E8jUK:hover {
        color: var(--content-button-accent-color-fg-default)
    }

    .base_variant-accent-E8jUK:hover svg {
        color: var(--content-button-accent-color-fg-hover)
    }
}

.base_variant-primary-E8jUK {
    color: var(--color-content-base-primary)
}

.base_variant-primary-E8jUK svg {
    color: var(--color-content-base-secondary)
}

.base_variant-primary-E8jUK.base_isIcon-E8jUK svg {
    color: var(--color-content-base-primary)
}

.base_variant-primary-E8jUK:active {
    color: var(--color-content-base-clean)
}

.base_variant-primary-E8jUK:active svg {
    color: var(--color-content-base-secondary)
}

@media (hover:hover) and (pointer:fine) {
    .base_variant-primary-E8jUK:hover {
        color: var(--color-content-base-clean)
    }

    .base_variant-primary-E8jUK:hover svg {
        color: var(--color-content-base-tertiary)
    }
}

.base_variant-secondary-E8jUK,
.base_variant-secondary-E8jUK:active {
    color: var(--color-content-base-secondary)
}

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

    .base_variant-secondary-E8jUK:hover svg {
        color: var(--color-content-base-secondary)
    }
}

.base_variant-tertiary-E8jUK {
    color: var(--color-content-base-tertiary)
}

.base_variant-tertiary-E8jUK:active {
    color: var(--color-content-base-secondary)
}

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

    .base_variant-tertiary-E8jUK:hover svg {
        color: var(--color-content-base-tertiary)
    }
}

.base_variant-negative-E8jUK {
    color: var(--color-solid-sentiment-negative-default)
}

.base_variant-negative-E8jUK:active {
    color: var(--color-solid-sentiment-negative-hover)
}

@media (hover:hover) and (pointer:fine) {
    .base_variant-negative-E8jUK:hover {
        color: var(--color-solid-sentiment-negative-hover)
    }
}

.base_variant-staticPrimary-E8jUK {
    color: var(--color-content-base-static-white)
}

.base_variant-staticPrimary-E8jUK:active {
    color: var(--color-content-base-alfa-static-white-88)
}

@media (hover:hover) and (pointer:fine) {
    .base_variant-staticPrimary-E8jUK:hover {
        color: var(--color-content-base-alfa-static-white-88)
    }
}

.base_variant-staticSecondary-E8jUK {
    color: var(--color-content-base-alfa-static-white-64)
}

.base_variant-staticSecondary-E8jUK:active {
    color: var(--color-content-base-alfa-static-white-48)
}

@media (hover:hover) and (pointer:fine) {
    .base_variant-staticSecondary-E8jUK:hover {
        color: var(--color-content-base-alfa-static-white-48)
    }
}

.modal-layout_wrapper-C9j8A {
    contain: size;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.snackbar-base_root-GACaC {
    padding: var(--spacing-12);
    border-radius: var(--rounding-container-m);
    background: var(--snackbar-color-positive-bg);
    box-shadow: var(--box-shadow-tooltip);
    pointer-events: auto;
    position: relative
}

@media (min-width:1024px) {
    .snackbar-base_root-GACaC {
        width: 328px
    }
}

.snackbar-base_closeButton-GACaC {
    top: var(--spacing-12);
    position: absolute;
    inset-inline-end: var(--spacing-12)
}

.snackbar_root-0csPo {
    gap: var(--spacing-12);
    display: flex
}

.snackbar_content-0csPo {
    padding-inline-end: var(--spacing-32);
    overflow: hidden
}

.snackbar_title-0csPo {
    color: var(--color-content-base-primary);
    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)
}

.snackbar_text-0csPo {
    margin-top: var(--spacing-2);
    color: var(--color-content-base-secondary);
    white-space: pre-line
}

.snackbar_text-0csPo:not(:first-child) {
    margin-top: var(--spacing-4)
}

.snackbar_text-0csPo {
    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)
}

.snackbar_icon-0csPo {
    flex-shrink: 0
}

.snackbar_variant-success-0csPo {
    color: var(--color-solid-sentiment-positive-default)
}

.snackbar_variant-info-0csPo {
    color: var(--color-solid-sentiment-informative-default)
}

.snackbar_variant-error-0csPo,
.snackbar_variant-pending-0csPo {
    color: var(--color-content-base-tertiary)
}

.snackbar-layout_root-hWa6F {
    background: unset;
    justify-content: flex-start;
    gap: var(--snackbar-padding-mobile);
    padding-block: calc(var(--snackbar-padding-top-mobile) + var(--safe-area-inset-block-start)) calc(var(--snackbar-padding-mobile) + var(--safe-area-inset-block-end));
    padding-inline: calc(var(--snackbar-padding-mobile) + var(--safe-area-inset-inline-start)) calc(var(--snackbar-padding-mobile) + var(--safe-area-inset-inline-end));
    pointer-events: none;
    display: flex;
    position: fixed;
    inset: 0
}

.snackbar-layout_root-hWa6F:before {
    content: "";
    pointer-events: none;
    transition-duration: .25s;
    position: absolute
}

.snackbar-layout_root-hWa6F:not(.snackbar-layout_snackbarVisible-hWa6F):before {
    opacity: 0
}

.snackbar-layout_position-leftTop-hWa6F {
    flex-direction: column;
    justify-content: flex-start
}

.snackbar-layout_position-leftBottom-hWa6F {
    flex-direction: column-reverse;
    justify-content: flex-start
}

.snackbar-layout_position-rightTop-hWa6F {
    flex-direction: column;
    justify-content: flex-start
}

.snackbar-layout_position-rightBottom-hWa6F {
    flex-direction: column-reverse;
    justify-content: flex-start
}

@media (min-width:0) and (not (min-width:1024px)) {
    .snackbar-layout_root-hWa6F:before {
        background-image: linear-gradient(#141416, #14141600);
        height: 130px;
        inset-block-start: 0;
        inset-inline: 0
    }
}

@media (min-width:1024px) {
    .snackbar-layout_root-hWa6F {
        padding: calc(var(--snackbar-padding-top-desktop) + var(--safe-area-inset-block-start)) calc(var(--snackbar-padding-desktop) + var(--safe-area-inset-inline-end)) calc(var(--snackbar-padding-top-desktop) + var(--safe-area-inset-block-end)) calc(var(--snackbar-padding-desktop) + var(--safe-area-inset-inline-start));
        gap: var(--snackbar-padding-desktop)
    }

    .snackbar-layout_position-leftTop-hWa6F,
    .snackbar-layout_position-leftBottom-hWa6F {
        align-items: flex-start
    }

    :is(.snackbar-layout_position-leftTop-hWa6F, .snackbar-layout_position-leftBottom-hWa6F) .snackbar-layout_enterFrom-hWa6F,
    :is(.snackbar-layout_position-leftTop-hWa6F, .snackbar-layout_position-leftBottom-hWa6F) .snackbar-layout_leaveTo-hWa6F {
        transform: translate(-30px)
    }

    .snackbar-layout_position-rightTop-hWa6F,
    .snackbar-layout_position-rightBottom-hWa6F {
        align-items: flex-end
    }

    :is(.snackbar-layout_position-rightTop-hWa6F, .snackbar-layout_position-rightBottom-hWa6F) .snackbar-layout_enterFrom-hWa6F,
    :is(.snackbar-layout_position-rightTop-hWa6F, .snackbar-layout_position-rightBottom-hWa6F) .snackbar-layout_leaveTo-hWa6F {
        transform: translate(30px)
    }
}

.snackbar-layout_enterActive-hWa6F {
    transition: opacity .3s, transform .3s
}

.snackbar-layout_enterFrom-hWa6F,
.snackbar-layout_leaveTo-hWa6F {
    opacity: 0
}

:root {
    --apkt-modal-width: var(--size-modal-desktop-width-s) !important;
    --apkt-tokens-theme-backgroundInvert: var(--button-color-primary-bg-default-grad, var(--button-color-primary-bg-default)) !important
}

w3m-modal {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: var(--color-background-base-alfa-scrim)
}

/* Promo detail modal */
.promo-modal.is-hidden,
#promo-detail-modal[hidden] {
    display: none !important;
}

#promo-detail-modal.modal-layout_wrapper-C9j8A {
    contain: none;
    position: fixed;
    inset: 0;
    z-index: var(--z-index-modal-layout, 1100);
    pointer-events: auto;
}

.modal-promo-desktop_root-SygNr {
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
    z-index: 1;
}

.modal-promo-desktop_backdrop-SygNr {
    background-color: var(--color-background-base-alfa-scrim, rgba(0, 0, 0, 0.64));
    transition: opacity 0.3s;
    position: fixed;
    inset: 0;
    cursor: pointer;
}

.modal-promo-desktop_backdrop-SygNr:not(.modal-promo-desktop_open-SygNr) {
    opacity: 0;
}

.modal-promo-desktop_card-SygNr {
    position: relative;
    z-index: 2;
    width: min(738px, calc(100% - 32px));
    max-height: min(calc(100% - 48px), var(--size-modal-desktop-height-max, 768px));
    border-radius: var(--modal-rounding, 16px);
    background: var(--v0abe7a98, var(--modal-color-bg, #fff));
    box-shadow: var(--box-shadow-modal, 0 16px 48px rgba(0, 0, 0, 0.24));
    display: flex;
    flex-direction: column;
    overflow: hidden auto;
    overscroll-behavior: contain;
}

.modal-promo-desktop_card-SygNr.modal-promo-desktop_noOverscroll-SygNr {
    overscroll-behavior: none;
}

/* open/close zoom handled globally in brand.css via modal-promo-desktop_open-SygNr */

.container_root-pQE1X {
    display: grid;
    grid-template-columns: minmax(72px, 1fr) minmax(0, 2.2fr) minmax(72px, 1fr);
    align-items: stretch;
    min-height: 220px;
    background: var(--c623e7de, #4C3AA2);
    overflow: hidden;
}

.hero_sideImage-tOK57 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
    pointer-events: none;
}

.hero_sideImage-tOK57 img {
    width: 100%;
    height: auto;
    max-height: 240px;
    object-fit: contain;
    object-position: bottom center;
    display: block;
}

.hero_content-tOK57 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--spacing-12, 12px);
    padding: var(--spacing-24, 24px) var(--spacing-12, 12px);
    color: var(--color-content-base-static-white, #fff);
}

.hero_promoBadge-tOK57 {
    min-height: 0;
}

.hero_badge-tOK57 {
    max-height: 40px;
}

.hero_titleBlock-tOK57 {
    width: 100%;
}

.hero_title-tOK57,
.hero_titleText-tOK57 {
    color: var(--color-content-base-static-white, #fff);
    font-family: var(--font-display-title-font-family, inherit);
    font-size: clamp(20px, 2.4vw, 28px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.hero_button-tOK57 {
    margin-top: var(--spacing-4, 4px);
}

.hero_endDateBlock-tOK57 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    opacity: 0.8;
    font-size: 12px;
    line-height: 1.4;
}

.content_root-HtbQJ {
    padding: var(--spacing-20, 20px) var(--spacing-24, 24px) var(--spacing-32, 32px);
    color: var(--color-content-base-primary);
    background: var(--modal-color-bg, #fff);
}

.content_block-HtbQJ+.content_block-HtbQJ {
    margin-top: var(--spacing-20, 20px);
}

.content_termsBlock-HtbQJ {
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
}

.content_block-HtbQJ:not(.content_termsBlock-HtbQJ) {
    font-size: 14px;
    line-height: 1.55;
    color: var(--color-content-base-secondary);
    white-space: pre-line;
}

.variant-1_content-Lp1IU {
    min-height: 120px;
}

@media (max-width: 1023.98px) {
    .modal-layout_wrapper-C9j8A:has(.modal-promo-desktop_root-SygNr) {
        contain: none;
        inset: 0;
    }

    .modal-promo-desktop_root-SygNr {
        align-items: stretch;
        justify-content: flex-end;
        flex-direction: column;
    }

    .modal-promo-desktop_card-SygNr {
        width: 100%;
        max-width: 100%;
        max-height: calc(100% - max(env(safe-area-inset-top, 0px), var(--modal-margin-mobile, 24px)));
        border-radius: var(--modal-rounding, 16px) var(--modal-rounding, 16px) 0 0;
        align-self: stretch;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        box-sizing: border-box;
    }

    .container_root-pQE1X {
        grid-template-columns: minmax(48px, 0.7fr) minmax(0, 2.2fr) minmax(48px, 0.7fr);
        min-height: 200px;
    }

    .hero_sideImage-tOK57 img {
        max-height: 180px;
    }

    .hero_title-tOK57,
    .hero_titleText-tOK57 {
        font-size: clamp(18px, 5.2vw, 24px);
    }

    .content_root-HtbQJ {
        padding: 16px 16px 28px;
    }
}

@media (max-width: 480px) {
    .container_root-pQE1X {
        grid-template-columns: 36px minmax(0, 1fr) 36px;
        min-height: 160px;
    }

    .hero_sideImage-tOK57 img {
        max-height: 120px;
    }

    .hero_content-tOK57 {
        padding: 16px 4px 12px;
        gap: 8px;
    }
}






.modal-promo-desktop_root-SygNr {
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0
}

.modal-promo-desktop_backdrop-SygNr {
    background-color: var(--color-background-base-alfa-scrim);
    transition-duration: calc(var(--v0c62ae3f)*1ms);
    transition-property: opacity;
    position: fixed;
    inset: 0
}

.modal-promo-desktop_backdrop-SygNr:not(.modal-promo-desktop_open-SygNr) {
    opacity: 0;
    transition-duration: calc(var(--v0d65fc85)*1ms)
}

.modal-promo-desktop_card-SygNr {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.modal-promo-desktop_card-SygNr::-webkit-scrollbar {
    display: none
}

.modal-promo-desktop_card-SygNr {
    width: calc(100% - var(--spacing-64)*2);
    height: calc(100% - var(--spacing-64)*2);
    border-radius: var(--modal-rounding);
    background-color: var(--v0abe7a98);
    overscroll-behavior: contain;
    transition-duration: calc(var(--v0c62ae3f)*1ms);
    flex-direction: column;
    flex: none;
    transition-property: opacity, transform;
    display: flex;
    position: fixed;
    overflow: hidden auto
}

.modal-promo-desktop_card-SygNr>* {
    flex: none
}

.modal-promo-desktop_card-SygNr.modal-promo-desktop_noOverscroll-SygNr {
    overscroll-behavior: none
}

.modal-promo-desktop_card-SygNr:not(.modal-promo-desktop_open-SygNr) {
    opacity: 0;
    transition-duration: calc(var(--v0d65fc85)*1ms);
    transform: translateY(20px)
}

.modal-promo-desktop_card-SygNr.modal-promo-desktop_fixedWidth-SygNr {
    width: calc(1024px - var(--spacing-64)*2)
}

.modal-promo-desktop_card-SygNr.modal-promo-desktop_narrow-SygNr {
    max-width: var(--promotions-landing-width)
}

@media (max-width: 1023.98px) {
    .modal-layout_wrapper-C9j8A:has(.modal-promo-desktop_root-SygNr) {
        contain: none;
        inset: 0;
        pointer-events: auto;
    }

    .modal-promo-desktop_root-SygNr {
        align-items: stretch;
        justify-content: flex-end;
        flex-direction: column;
    }

    .modal-promo-desktop_card-SygNr,
    .modal-promo-desktop_card-SygNr.modal-promo-desktop_fixedWidth-SygNr,
    .modal-promo-desktop_card-SygNr.modal-promo-desktop_narrow-SygNr {
        position: fixed;
        inset: auto 0 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: calc(100dvh - max(env(safe-area-inset-top, 0px), var(--modal-margin-mobile, 24px)));
        border-radius: var(--modal-rounding) var(--modal-rounding) 0 0;
        transform: none;
        background: var(--modal-color-bg, #fff);
        padding-bottom: env(safe-area-inset-bottom, 0px);
        box-sizing: border-box;
        overflow: hidden auto;
    }
}













.modal-header_buttonsHolder-QaBAw {
    z-index: 1001;
    position: sticky;
    top: 0
}

.modal-header_buttonsArray-QaBAw {
    justify-content: flex-end;
    gap: var(--spacing-20);
    display: flex
}

.modal-header_buttons-QaBAw {
    position: absolute;
    inset-block-start: var(--modal-padding-modal-mobile);
    inset-inline-end: var(--modal-padding-modal-mobile)
}

@media screen and (min-width:1024px) {
    .modal-header_buttons-QaBAw {
        inset-block-start: var(--modal-padding-modal-desktop);
        inset-inline-end: var(--modal-padding-modal-desktop)
    }
}

.modal-header_buttonsStub-QaBAw {
    visibility: hidden
}

.modal-header_coverButtonsHolder-QaBAw {
    position: sticky;
    top: 0
}

.modal-header_coverButtonStack-QaBAw {
    place-items: center;
    display: grid;
    position: relative
}

.modal-header_coverButtonStack-QaBAw>* {
    grid-area: 1/1
}

.modal-header_coverButtonBackdrop-QaBAw {
    z-index: -1;
    width: var(--size-control-s);
    height: var(--size-control-s);
    background-color: var(--color-background-base-alfa-static-black-20);
    border-radius: 50%;
    position: absolute
}

.modal-header_coverHolder-QaBAw {
    z-index: 1002;
    background: var(--v2094d8b0);
    pointer-events: none;
    width: calc(100% + .5px);
    -webkit-mask-image: linear-gradient(#000, #000);
    mask-image: linear-gradient(#000, #000)
}

.modal-header_coverHolder-QaBAw.modal-header_cutIn-QaBAw {
    margin-bottom: calc(var(--modal-rounding)*-1);
    -webkit-mask-image: linear-gradient(#000, #000 calc(100% - var(--modal-rounding)), #0000 calc(100% - var(--modal-rounding)), #0000);
    -webkit-mask-image: linear-gradient(#000, #000 calc(100% - var(--modal-rounding)), #0000 calc(100% - var(--modal-rounding)), #0000);
    mask-image: linear-gradient(#000, #000 calc(100% - var(--modal-rounding)), #0000 calc(100% - var(--modal-rounding)), #0000)
}

@supports (mask-mode:luminance) {
    .modal-header_coverHolder-QaBAw.modal-header_cutIn-QaBAw {
        -webkit-mask-image: url("data:image/svg+xml,        <svg xmlns='http://www.w3.org/2000/svg'>          <rect width='100%' height='100%' fill='white'/>          <rect width='calc(100% - 2px)' height='100%' fill='black' y='calc(50% - 2px)' rx='50vh' x='1px'/>          <rect width='calc(100% - 2px)' height='100%' fill='black' y='calc(100% - 2px)' x='1px'/>        </svg>"), linear-gradient(#fff, #fff);
        mask-image: url("data:image/svg+xml,        <svg xmlns='http://www.w3.org/2000/svg'>          <rect width='100%' height='100%' fill='white'/>          <rect width='calc(100% - 2px)' height='100%' fill='black' y='calc(50% - 2px)' rx='50vh' x='1px'/>          <rect width='calc(100% - 2px)' height='100%' fill='black' y='calc(100% - 2px)' x='1px'/>        </svg>"), linear-gradient(#fff, #fff);
        -webkit-mask-position: -1px 100%, -1px -1px;
        mask-position: -1px 100%, -1px -1px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-source-type: luminance;
        mask-mode: luminance;
        -webkit-mask-size: calc(100% + 2px) calc(var(--modal-rounding)*2), calc(100% + 2px) calc(100% - var(--modal-rounding) - 1px);
        -webkit-mask-size: calc(100% + 2px) calc(var(--modal-rounding)*2), calc(100% + 2px) calc(100% - var(--modal-rounding) - 1px);
        mask-size: calc(100% + 2px) calc(var(--modal-rounding)*2), calc(100% + 2px) calc(100% - var(--modal-rounding) - 1px)
    }
}

.modal-header_titleButtonBlock-QaBAw {
    position: absolute;
    inset-block-start: var(--modal-padding-modal-mobile);
    inset-inline-start: var(--modal-padding-modal-mobile)
}

@media screen and (min-width:1024px) {
    .modal-header_titleButtonBlock-QaBAw {
        inset-block-start: var(--modal-padding-modal-desktop);
        inset-inline-start: var(--modal-padding-modal-desktop)
    }
}

.modal-header_titleButton-QaBAw {
    align-items: center;
    gap: var(--spacing-12);
    display: flex
}

.modal-header_title-QaBAw {
    color: var(--color-content-base-primary);
    white-space: pre-wrap;
    font-family: var(--font-display-body-label-font-family);
    font-size: var(--font-display-body-label-font-size);
    font-weight: var(--font-display-body-label-font-weight);
    letter-spacing: var(--font-display-body-label-letter-spacing);
    line-height: var(--font-display-body-label-line-height);
    text-transform: var(--font-display-body-label-text-case)
}

.modal-header_subtitle-QaBAw {
    color: var(--color-content-base-secondary)
}

.modal-header_primaryHeader-QaBAw {
    column-gap: var(--spacing-8);
    padding-block: var(--modal-padding-modal-mobile) var(--modal-padding-modal-header-bottom-mobile);
    padding-inline: var(--modal-padding-modal-mobile);
    grid-template-columns: auto max-content;
    grid-template-areas: "back buttons""info buttons";
    display: grid
}

@media screen and (min-width:1024px) {
    .modal-header_primaryHeader-QaBAw {
        padding-block: var(--modal-padding-modal-desktop) var(--modal-padding-modal-header-bottom-desktop);
        padding-inline: var(--modal-padding-modal-desktop)
    }
}

.modal-header_primaryHeader-QaBAw.modal-header_primaryHeaderWithBack-QaBAw {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "back buttons""info info"
}

.modal-header_primaryHeader-QaBAw .modal-header_back-QaBAw {
    margin-bottom: var(--spacing-16);
    grid-area: back;
    justify-self: start
}

.modal-header_primaryHeader-QaBAw .modal-header_buttonsStub-QaBAw {
    grid-area: buttons
}

.modal-header_primaryHeader-QaBAw .modal-header_info-QaBAw {
    grid-area: info
}

.modal-header_primaryHeader-QaBAw .modal-header_title-QaBAw {
    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) {
    .modal-header_primaryHeader-QaBAw .modal-header_title-QaBAw {
        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)
    }
}

.modal-header_primaryHeader-QaBAw .modal-header_title-QaBAw {
    overflow-wrap: anywhere
}

.modal-header_primaryHeader-QaBAw .modal-header_subtitle-QaBAw {
    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);
    margin-top: var(--spacing-12)
}

.modal-header_overlayHeaderHolder-QaBAw {
    z-index: 1000;
    position: sticky;
    top: 0
}

.modal-header_overlayHeaderClipper-QaBAw {
    top: -1px;
    pointer-events: none;
    position: absolute;
    inset-inline: 0;
    overflow: hidden
}

.modal-header_overlayHeader-QaBAw {
    padding: var(--modal-padding-modal-mobile);
    padding-top: calc(1px + var(--modal-padding-modal-mobile));
    border-bottom: 1px solid var(--color-border-base-alfa-container);
    background: var(--modal-color-bg);
    pointer-events: all;
    grid-template-columns: 1fr minmax(0, auto) 1fr;
    transition: transform .1s ease-in;
    display: grid;
    transform: translateY(-100%)
}

@media screen and (min-width:1024px) {
    .modal-header_overlayHeader-QaBAw {
        padding: var(--modal-padding-modal-desktop)
    }
}

.modal-header_overlayHeader-QaBAw.modal-header_active-QaBAw {
    transition-timing-function: ease-out;
    transform: translateY(-1px)
}

.modal-header_overlayHeader-QaBAw .modal-header_back-QaBAw {
    justify-self: start;
    margin-inline-end: var(--spacing-12)
}

.modal-header_overlayHeader-QaBAw .modal-header_buttonsStub-QaBAw {
    margin-inline-start: var(--spacing-12)
}

.modal-header_overlayHeader-QaBAw .modal-header_title-QaBAw {
    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);
    color: var(--color-content-base-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden
}

.modal-header_root-QaBAw {
    display: contents
}

:is(.modal-header_root-QaBAw:has(.modal-header_button-QaBAw:first-child:focus-visible) .modal-header_coverButtonStack-QaBAw:first-child .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(2):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(2) .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(3):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(3) .modal-header_coverButtonBackdrop-QaBAw) {
    outline: none
}

@supports not (width:1lh) {
    :is(.modal-header_root-QaBAw:has(.modal-header_button-QaBAw:first-child:focus-visible) .modal-header_coverButtonStack-QaBAw:first-child .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(2):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(2) .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(3):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(3) .modal-header_coverButtonBackdrop-QaBAw) {
        box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
    }
}

@supports (width:1lh) {
    :is(.modal-header_root-QaBAw:has(.modal-header_button-QaBAw:first-child:focus-visible) .modal-header_coverButtonStack-QaBAw:first-child .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(2):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(2) .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(3):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(3) .modal-header_coverButtonBackdrop-QaBAw) {
        outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
    }
}

.hero-skeleton_root-dZ4Co {
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-block-start: 112px;
    display: flex
}

@media (min-width:1024px) {
    .hero-skeleton_root-dZ4Co {
        padding-block-start: 127px
    }
}

.hero-skeleton_content-dZ4Co {
    align-items: center;
    gap: var(--spacing-12);
    flex-direction: column;
    width: 202px;
    display: flex
}

@media (min-width:1024px) {
    .hero-skeleton_content-dZ4Co {
        width: 418px
    }
}

.hero-skeleton_row-dZ4Co {
    border-radius: var(--rounding-max);
    width: 100%;
    height: 14px
}

.hero-skeleton_small-dZ4Co {
    width: 160px
}

.hero-skeleton_title-dZ4Co {
    height: 28px;
    margin-block-end: 4px
}

@media (min-width:1024px) {
    .hero-skeleton_title-dZ4Co {
        height: 56px
    }
}

.hero-skeleton_button-dZ4Co {
    width: 150px;
    height: var(--size-control-xl);
    border-radius: var(--rounding-container-m);
    margin-block-start: var(--spacing-64)
}

@media (min-width:1024px) {
    .hero-skeleton_button-dZ4Co {
        margin-block-start: var(--spacing-48)
    }
}

.content_root-HtbQJ {
    color: var(--color-content-base-primary);
    align-items: center;
    gap: var(--spacing-24);
    flex-direction: column;
    display: flex
}

.content_root-HtbQJ .content_block-HtbQJ {
    gap: var(--spacing-12);
    white-space: pre-line;
    display: grid
}

.content_termsBlock-HtbQJ:is(.content_root-HtbQJ .content_block-HtbQJ) {
    gap: var(--spacing-16)
}

@media (min-width:1024px) {
    .content_root-HtbQJ .content_block-HtbQJ {
        max-width: 704px
    }
}

.content_root-HtbQJ h2 {
    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) {
    .content_root-HtbQJ h2 {
        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)
    }
}

.content_root-HtbQJ h3 {
    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) {
    .content_root-HtbQJ h3 {
        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)
    }
}

.content_root-HtbQJ h4 {
    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) {
    .content_root-HtbQJ h4 {
        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)
    }
}

.content_root-HtbQJ p {
    font-family: var(--font-display-body-font-family);
    font-size: var(--font-display-body-regular-font-size);
    font-weight: var(--font-display-body-regular-font-weight);
    letter-spacing: var(--font-display-body-regular-letter-spacing);
    line-height: var(--font-display-body-regular-line-height)
}

.content_root-HtbQJ ol,
.content_root-HtbQJ ul {
    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);
    margin: 0;
    padding-inline-start: 20px
}

.content_root-HtbQJ section h5 {
    margin-bottom: var(--spacing-12);
    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)
}

.content_root-HtbQJ button {
    width: max-content;
    height: var(--size-control-xl);
    padding: 0 var(--spacing-32);
    border-radius: var(--rounding-control-xl);
    background-color: var(--color-solid-brand-primary-default);
    color: var(--color-content-base-on-primary);
    cursor: pointer;
    margin-block: var(--spacing-12);
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    justify-self: center;
    align-items: center;
    transition: opacity .1s;
    display: flex
}

.content_termsBlock-HtbQJ :is(.content_root-HtbQJ button) {
    margin-block: var(--spacing-8)
}

:is(.content_root-HtbQJ button):last-child {
    margin-bottom: 0
}

:is(.content_root-HtbQJ button):hover,
:is(.content_root-HtbQJ button):active {
    background-color: var(--color-solid-brand-primary-hover)
}

:is(.content_root-HtbQJ button):active {
    opacity: var(--opacity-item-active)
}

:is(.content_root-HtbQJ button):focus-visible {
    outline: none
}

@supports not (width:1lh) {
    :is(.content_root-HtbQJ button):focus-visible {
        box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
    }
}

@supports (width:1lh) {
    :is(.content_root-HtbQJ button):focus-visible {
        outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
    }
}

@supports not selector(:focus-visible) {
    :is(.content_root-HtbQJ button):focus {
        outline: none
    }

    @supports not (width:1lh) {
        :is(.content_root-HtbQJ button):focus {
            box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
        }
    }

    @supports (width:1lh) {
        :is(.content_root-HtbQJ button):focus {
            outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
            outline-offset: var(--spacing-2)
        }
    }
}

.content_root-HtbQJ button {
    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)
}

@media (min-width:1024px) {
    .content_root-HtbQJ button {
        padding: 0 var(--spacing-20)
    }
}

.content-skeleton_root-FjhEM {
    flex-direction: column;
    flex-shrink: 1;
    align-items: center;
    display: flex;
    overflow: hidden
}

.content-skeleton_inner-FjhEM {
    gap: var(--spacing-24);
    flex-direction: column;
    width: 100%;
    display: flex
}

@media (min-width:1024px) {
    .content-skeleton_inner-FjhEM {
        width: 704px
    }
}

.content-skeleton_title-FjhEM {
    width: 200px;
    height: 20px
}

@media (min-width:1024px) {
    .content-skeleton_title-FjhEM {
        height: 24px
    }
}

.content-skeleton_img-FjhEM,
.content-skeleton_text-FjhEM {
    width: 100%
}

.content-skeleton_img-FjhEM {
    border-radius: var(--rounding-container-l);
    height: 178px
}

@media (min-width:1024px) {
    .content-skeleton_img-FjhEM {
        height: 384px
    }
}

.content-skeleton_badge-FjhEM {
    width: 60px;
    height: 24px
}

.content-skeleton_text-FjhEM {
    height: 16px
}

.content-skeleton_title-FjhEM,
.content-skeleton_badge-FjhEM,
.content-skeleton_text-FjhEM {
    border-radius: var(--rounding-max)
}

.content-skeleton_block-FjhEM {
    gap: var(--spacing-12);
    flex-direction: column;
    display: flex
}

.content-skeleton_block-FjhEM .content-skeleton_title-FjhEM {
    margin-block: var(--spacing-6)
}

.variant-1_content-Lp1IU {
    padding: var(--spacing-24) var(--spacing-16)
}

.container_root-pQE1X {
    z-index: -1;
    background: var(--c623e7de);
    justify-content: center;
    height: 400px;
    display: flex;
    position: relative;
    overflow: hidden
}

@media (min-width:768px) {
    .container_root-pQE1X {
        height: 420px
    }
}

@media (min-width:1024px) {
    .container_root-pQE1X {
        height: 450px
    }
}

.container_root-pQE1X.container_rounded-pQE1X {
    border-radius: var(--modal-rounding)
}

.container_root-pQE1X.container_aspectRatio-pQE1X {
    height: auto;
    aspect-ratio: var(--v410b2fe0)
}

.hero_content-tOK57 {
    z-index: 1;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-24);
    flex-direction: column;
    max-width: 250px;
    height: 100%;
    display: flex
}

@media (min-width:1024px) {
    .hero_content-tOK57 {
        max-width: 480px
    }
}

.hero_badge-tOK57 img {
    width: 100%;
    height: 100%
}

.hero_titleBlock-tOK57 {
    gap: var(--spacing-8);
    text-align: center;
    display: grid
}

.hero_promoBadge-tOK57 img {
    width: 130px;
    height: 60px
}

.hero_sideImage-tOK57 {
    flex: 1;
    width: fit-content;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

[dir=rtl] .hero_sideImage-tOK57 {
    top: -50%;
    transform: translate(50%, 50%)
}

.hero_sideImage-tOK57 {
    --side-image-gap: 358px
}

@media (min-width:768px) {
    .hero_sideImage-tOK57 {
        --side-image-gap: 405px
    }
}

@media (min-width:1024px) {
    .hero_sideImage-tOK57 {
        --side-image-gap: 538px
    }
}

.hero_sideImage-tOK57 img {
    height: 100%
}

.hero_sideImage-tOK57:first-child {
    inset-inline-start: calc(50% - var(--side-image-gap))
}

@media (min-width:1920px) {
    .hero_sideImage-tOK57:first-child {
        inset-inline-start: 0;
        transform: translateY(-50%)
    }
}

.hero_sideImage-tOK57:last-child {
    inset-inline-start: calc(50% + var(--side-image-gap))
}

@media (min-width:1920px) {
    .hero_sideImage-tOK57:last-child {
        inset-inline-start: unset;
        inset-inline-end: 0;
        transform: translateY(-50%)
    }
}

.hero_previewImage-tOK57 {
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.hero_previewImage-tOK57 img {
    object-fit: none;
    object-position: center bottom
}

.hero_title-tOK57 {
    color: var(--color-content-base-static-white);
    white-space: pre-line;
    font-family: var(--font-display-font-family);
    font-size: var(--font-display-m-mobile-font-size);
    font-weight: var(--font-display-m-mobile-font-weight);
    letter-spacing: var(--font-display-m-mobile-letter-spacing);
    line-height: var(--font-display-m-mobile-line-height);
    text-transform: var(--font-display-text-case);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@media (min-width:1024px) {
    .hero_title-tOK57 {
        font-size: var(--font-display-m-desktop-font-size);
        font-weight: var(--font-display-m-desktop-font-weight);
        letter-spacing: var(--font-display-m-desktop-letter-spacing);
        line-height: var(--font-display-m-desktop-line-height);
        font-family: var(--font-display-font-family);
        font-size: var(--font-display-l-mobile-font-size);
        font-weight: var(--font-display-l-mobile-font-weight);
        letter-spacing: var(--font-display-l-mobile-letter-spacing);
        line-height: var(--font-display-l-mobile-line-height);
        text-transform: var(--font-display-text-case)
    }

    @media (min-width:1024px) {
        .hero_title-tOK57 {
            font-size: var(--font-display-l-desktop-font-size);
            font-weight: var(--font-display-l-desktop-font-weight);
            letter-spacing: var(--font-display-l-desktop-letter-spacing);
            line-height: var(--font-display-l-desktop-line-height)
        }
    }
}

.hero_titleText-tOK57 {
    word-break: break-word;
    font-size: 28px;
    display: inline-block
}

@media (min-width:1024px) {
    .hero_titleText-tOK57 {
        font-size: 48px;
        line-height: 52px
    }
}

.hero_subtitle-tOK57 {
    color: var(--color-content-base-alfa-static-white-64);
    -webkit-line-clamp: 4;
    line-clamp: 4;
    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);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@media (min-width:1024px) {
    .hero_subtitle-tOK57 {
        -webkit-line-clamp: 2;
        line-clamp: 2
    }
}

.hero_endDateBlock-tOK57 {
    color: var(--color-content-base-alfa-static-white-64);
    gap: var(--spacing-8);
    text-align: center;
    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-end: var(--spacing-24);
    display: flex
}

.hero_endDateBlock-tOK57 div {
    color: var(--color-content-base-static-white);
    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)
}

.hero_button-tOK57 {
    pointer-events: all
}

.picture-v2_root-uw4G6 {
    display: contents
}

.picture-v2_root-uw4G6 source {
    display: none
}

.picture-v2_root-uw4G6 img {
    aspect-ratio: var(--v11659776);
    display: block
}

.picture-v2_animated-uw4G6 {
    opacity: 0;
    transition: opacity .28s ease-in
}

.picture-v2_animated-uw4G6.picture-v2_loaded-uw4G6 {
    opacity: 1
}

.picture-v2_contain-uw4G6 {
    width: 100%;
    height: 100%
}

.custom-html_root-jGMem {
    display: contents
}