[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.xo-hero-banner-klaviyo{margin-top:calc(-1 * var(--header-height, 89px));position:relative;display:block;width:100vw;max-height:calc(100vh - var(--annoucement-alert-height))}@media(min-width:768px){.xo-hero-banner-klaviyo{margin-top:calc(-1 * var(--header-height, 48px));justify-content:center}}.xo-hero-banner-klaviyo--full{height:calc(100vh - var(--annoucement-alert-height))}.xo-hero-banner-klaviyo__img{width:100%;height:100%;object-fit:cover}.xo-hero-banner-klaviyo__content{width:100%;max-width:var(--xo-container-width);height:100%;position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 var(--xo-container-gap);padding-bottom:4.2rem;color:var(--text-color, #fff)}@media(min-width:768px){.xo-hero-banner-klaviyo__content{padding-bottom:3.2rem}}.xo-hero-banner-klaviyo__content .xo-btn__content{min-width:250px;padding-inline-start:3.9rem;padding-inline-end:3.9rem}.xo-hero-banner-klaviyo__content-sticky{position:sticky;bottom:42px;min-height:60%;display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:768px){.xo-hero-banner-klaviyo__content-sticky{min-height:auto;position:static}}.xo-hero-banner-klaviyo__heading{text-align:center;color:var(--White, #fff);font-family:var(--font-body-medium-family);font-size:24px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:-.48px;margin-bottom:8px}.xo-hero-banner-klaviyo__countdown{padding-bottom:20px}@media(min-width:768px){.xo-hero-banner-klaviyo__countdown{padding-bottom:24px}}.xo-hero-banner-klaviyo__form input,.xo-hero-banner-klaviyo__form input::placeholder{font-family:var(--font-body-family)!important;font-size:18px!important;font-weight:400!important;line-height:22px!important;letter-spacing:-.36px!important}.xo-hero-banner-klaviyo__form input::placeholder{color:#8d8d8d!important}.xo-hero-banner-klaviyo__form button{color:var(--White, #fff);font-family:var(--font-body-family)!important;font-size:18px!important;font-weight:400!important;line-height:22px!important;letter-spacing:-.36px!important;min-width:110px}@media(min-width:768px){.xo-hero-banner-klaviyo__form button{min-width:160px}}
/*# sourceMappingURL=/cdn/shop/t/394/assets/section-hero-banner-klaviyo.css.map */