[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-4{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-4{margin-top:calc(-1 * var(--header-height, 46px));justify-content:center}}.xo-hero-banner-4--full{height:calc(100vh - var(--annoucement-alert-height))}.xo-hero-banner-4__img{width:100%;height:100%;object-fit:cover;display:block;max-height:calc(100vh - var(--annoucement-alert-height))}.xo-hero-banner-4__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;padding:0 var(--xo-container-gap);padding-bottom:1.2rem;color:var(--text-color, #fff);z-index:10}@media(min-width:768px){.xo-hero-banner-4__content{padding-bottom:2.4rem;align-items:center;justify-content:flex-end}}.xo-hero-banner-4__heading{text-align:left;font-size:28px;line-height:32px;letter-spacing:-.56px;font-family:var(--font-body-bold-family);font-weight:700;margin-bottom:0;padding-bottom:8px}@media(min-width:768px){.xo-hero-banner-4__heading{text-align:center;font-size:50px;line-height:90%;letter-spacing:-1px}}.xo-hero-banner-4__des{text-align:left;font-family:var(--font-body-medium-family);font-size:24px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:-.48px}@media(min-width:768px){.xo-hero-banner-4__des{max-width:50%;text-align:center;font-size:30px;letter-spacing:-.6px;padding-bottom:4px}}.xo-hero-banner-4__button .xo-btn{min-width:160px}.xo-hero-banner-4__button .xo-btn__content{justify-content:space-between;font-family:var(--font-body-family)}
/*# sourceMappingURL=/cdn/shop/t/394/assets/section-hero-banner-4.css.map */