.custom-hero-banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate;max-height:100svh}.custom-hero-banner.custom-hero-banner--first-section,.custom-hero-banner.custom-hero-banner--first-section .custom-hero-banner__media,.custom-hero-banner.custom-hero-banner--first-section .custom-hero-banner__content{max-height:calc(100svh - var(--full-header-height, 0px) + var(--header-height, 0px))}@media screen and (min-width:750px){.custom-hero-banner{flex-direction:row}}.custom-hero-banner__media{display:block;background-color:rgba(var(--color-foreground),.1);position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.custom-hero-banner--adapt{height:auto}.custom-hero-banner__media img{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.custom-hero-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;z-index:1;pointer-events:none}.custom-hero-banner__content{display:flex;position:relative;width:100%;padding:0;z-index:2;max-height:100svh}@media screen and (min-width:750px){.custom-hero-banner__content{padding:5rem}}.custom-hero-banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.custom-hero-banner__content--bottom-center{align-items:flex-end;justify-content:center}.custom-hero-banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}.custom-hero-banner__content--middle-left{align-items:center;justify-content:flex-start}.custom-hero-banner__content--middle-center{align-items:center;justify-content:center}.custom-hero-banner__content--middle-right{align-items:center;justify-content:flex-end}.custom-hero-banner__content--top-left{align-items:flex-start;justify-content:flex-start}.custom-hero-banner__content--top-center{align-items:flex-start;justify-content:center}.custom-hero-banner__content--top-right{align-items:flex-start;justify-content:flex-end}.custom-hero-banner__box{padding:2rem;position:relative;height:fit-content;width:100%;overflow-wrap:break-word;z-index:1;border-radius:var(--text-boxes-radius);border:var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity))}.custom-hero-banner__box:after{content:"";position:absolute;top:calc(var(--text-boxes-border-width) * -1);right:calc(var(--text-boxes-border-width) * -1);bottom:calc(var(--text-boxes-border-width) * -1);left:calc(var(--text-boxes-border-width) * -1);border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));z-index:-1}.custom-hero-banner--transparent .custom-hero-banner__box{background:transparent;border:none;border-radius:0;box-shadow:none}.custom-hero-banner--transparent .custom-hero-banner__box:after{display:none}@media screen and (max-width:749px){.custom-hero-banner:not(.custom-hero-banner--mobile-bottom) .custom-hero-banner__box{background:transparent;border:none;border-radius:0;box-shadow:none}.custom-hero-banner:not(.custom-hero-banner--mobile-bottom) .custom-hero-banner__box:after{display:none}.custom-hero-banner:before{display:none!important}.custom-hero-banner__box--full-width-mobile{border-left:none;border-right:none;border-radius:0}.custom-hero-banner__box--full-width-mobile:after{display:none}}@media screen and (min-width:750px){.custom-hero-banner__box{width:auto;max-width:71rem;min-width:45rem}.custom-hero-banner--transparent .custom-hero-banner__box{padding:4rem 0;max-width:68rem}}@media screen and (min-width:1400px){.custom-hero-banner__box{max-width:90rem}}.custom-hero-banner__box{text-align:center}.custom-hero-banner--align-left .custom-hero-banner__box{text-align:left}.custom-hero-banner--align-right .custom-hero-banner__box{text-align:right}@media screen and (max-width:749px){.custom-hero-banner--mobile-align-left .custom-hero-banner__box{text-align:left}.custom-hero-banner--mobile-align-center .custom-hero-banner__box{text-align:center}.custom-hero-banner--mobile-align-right .custom-hero-banner__box{text-align:right}}.custom-hero-banner__subheading{font-size:1.3rem;letter-spacing:.04rem;text-transform:uppercase;line-height:calc(1 + .8 / var(--font-body-scale));color:rgb(var(--color-foreground));margin:0}.custom-hero-banner__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.8rem;line-height:calc(1 + .3/max(1,var(--font-heading-scale)));letter-spacing:calc(var(--font-heading-scale) * .06rem);color:rgb(var(--color-foreground));word-break:break-word;margin:0}.custom-hero-banner__timer{display:block;font-size:1.3rem;font-weight:400;color:rgb(var(--color-foreground));margin-top:.9rem}.custom-hero-banner__timer.hidden{display:none!important}.custom-hero-banner__box>*+*{margin-top:1rem}.custom-hero-banner__box>*:first-child{margin-top:0}.custom-hero-banner__buttons{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3rem;max-width:45rem;word-break:break-word;margin-top:.9rem;margin-bottom:3rem}.custom-hero-banner__link{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;text-transform:uppercase;font-size:1.2rem;font-family:inherit;color:rgba(var(--color-link),var(--alpha-link, .85));cursor:pointer;background:transparent;border:none;position:relative;transition:color .2s ease}.custom-hero-banner__link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background-color:rgb(var(--color-foreground));transition:height .1s ease,bottom .1s ease}.custom-hero-banner__link:hover{color:rgb(var(--color-link))}.custom-hero-banner__link:hover:after{height:2px;bottom:-3px}.custom-hero-banner__arrow{width:1.1rem;height:1.1rem;flex-shrink:0;margin-bottom:-.1rem;transition:transform .2s ease}.custom-hero-banner__link:hover .custom-hero-banner__arrow{transform:translate(.4rem)}@media screen and (max-width:749px){.custom-hero-banner--mobile-align-center .custom-hero-banner__buttons>*{flex-grow:1;min-width:22rem}}@media screen and (min-width:750px){.custom-hero-banner--align-center .custom-hero-banner__buttons>*{flex-grow:1;min-width:22rem}}@media screen and (max-width:749px){.custom-hero-banner__media--desktop-only{display:none!important}}@media screen and (min-width:750px){.custom-hero-banner__media--mobile-only{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/custom-hero-banner.css.map */