@layer components{.hero-banner{display:block;position:relative;width:100%;--banner-slide-transition-duration: .8s;background:var(--color-background)}.hero-banner__media{position:relative;width:100%;height:auto;aspect-ratio:var(--banner-aspect-ratio, 2);overflow:hidden;border-radius:var(--banner-border-radius, 0px)}.hero-banner--contained .hero-banner__media{max-width:1600px;margin-inline:auto}.hero-banner__slides{position:relative;width:100%;height:100%}.hero-banner__slides .swiper-wrapper{height:100%}.hero-banner__slide{position:relative;width:100%;height:100%}.hero-banner__image-wrapper,.hero-banner__video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__image-wrapper{display:block;overflow:hidden}.hero-banner__picture{display:block;width:100%;height:100%}.hero-banner__image{display:block;width:100%;height:100%;object-fit:var(--object-fit, cover);object-position:var(--object-position, center)}.hero-banner__image-link{display:block;width:100%;height:100%}.hero-banner__video-wrapper{display:block;overflow:hidden}.hero-banner__media{display:block;width:100%;height:100%}.hero-banner__media-tier{display:none;width:100%;height:100%}.hero-banner__media-tier--mobile{display:block}@media(min-width:640px)and (max-width:879px){.hero-banner__media-tier--mobile{display:none}.hero-banner__media-tier--tablet{display:block}}@media(min-width:880px){.hero-banner__media-tier--mobile,.hero-banner__media-tier--tablet{display:none}.hero-banner__media-tier--desktop{display:block}}@media(max-width:639px){.hero-banner__media-tier--tablet,.hero-banner__media-tier--desktop{display:none}.hero-banner__media-tier--mobile{display:block}}.hero-banner__player,.hero-banner__video-placeholder{display:block;width:100%;height:100%}.hero-banner__player video,.hero-banner__player iframe{display:block;width:100%;height:100%;border:0;object-fit:var(--object-fit, cover);object-position:var(--object-position, center)}.hero-banner__video-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);padding:1rem;text-align:center}@media(min-width:640px)and (max-width:879px){.hero-banner__video-placeholder{font-size:var(--paragraph-size-tablet)}}@media(min-width:880px){.hero-banner__video-placeholder{font-size:var(--paragraph-size-desktop)}}.hero-banner--ken-burns .swiper-slide-active .hero-banner__image{animation:kenBurnsZoom var(--banner-slide-transition-duration, 5s) ease-out forwards;will-change:transform}@keyframes kenBurnsZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.hero-banner__placeholder{width:100%;height:100%;display:block;overflow:hidden;background-color:var(--color-background-secondary, rgba(0, 0, 0, .02))}.hero-banner__placeholder-image,.hero-banner__placeholder>svg{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);opacity:var(--overlay-opacity);z-index:2;pointer-events:none}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:var(--content-align-y, center);align-items:var(--content-align-x, center);padding:2rem;z-index:3;color:var(--text-color, #fff);pointer-events:none}.hero-banner__content-inner{display:flex;flex-direction:column;gap:.75rem;align-items:inherit;width:100%;max-width:85vw;text-align:var(--content-text-align, center)}.hero-banner__content-inner .hero-banner__heading,.hero-banner__content-inner .hero-banner__subheading,.hero-banner__content-inner .text-heading-h2,.hero-banner__content-inner .text-subheading{width:100%;margin:0}.hero-banner__content-inner .hero-banner__heading,.hero-banner__content-inner .text-heading-h2{max-width:100%}.hero-banner__content-inner .hero-banner__subheading,.hero-banner__content-inner .text-subheading{max-width:var(--subheading-max-width, 500px)}.hero-banner__content-inner--left{align-self:flex-start;width:70%;max-width:70vw;margin-inline-end:auto;margin-inline-start:0}.hero-banner__content-inner--right{align-self:flex-end;width:70%;max-width:70vw;margin-inline-start:auto;margin-inline-end:0}.hero-banner__content-inner--center{align-self:center;width:100%;margin-inline:auto}@media(max-width:879px){.hero-banner__content-inner{max-width:80vw}.hero-banner__content-inner--left,.hero-banner__content-inner--right{width:80%;max-width:80vw}}.hero-banner__heading{font-weight:var(--heading-font-weight);line-height:1;text-wrap:balance;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s both;font-size:var(--heading-size-desktop, clamp(2rem, 5vw, 3rem))}@media(max-width:879px){.hero-banner__heading{font-size:var( --heading-size-tablet, var(--heading-size-desktop, clamp(2rem, 5vw, 3rem)) )}}@media(max-width:639px){.hero-banner__heading{font-size:var( --heading-size-mobile, var( --heading-size-tablet, var(--heading-size-desktop, clamp(2rem, 5vw, 3rem)) ) )}}.hero-banner__subheading{line-height:1.25;text-wrap:balance;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s both;font-size:var(--subheading-size-desktop, clamp(1rem, 2vw, 1.3rem));max-width:var(--subheading-max-width, 500px)}@media(max-width:879px){.hero-banner__subheading{font-size:var( --subheading-size-tablet, var(--subheading-size-desktop, clamp(1rem, 2vw, 1.3rem)) )}}@media(max-width:639px){.hero-banner__subheading{font-size:var( --subheading-size-mobile, var( --subheading-size-tablet, var(--subheading-size-desktop, clamp(1rem, 2vw, 1.3rem)) ) )}}.hero-banner__button{display:inline-block;font-weight:inherit;text-decoration:none;pointer-events:auto;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .6s both;box-shadow:0 4px 20px #00000026;margin-top:2rem}.hero-banner__button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-banner__indicators{position:absolute;z-index:10;display:flex;padding:.5rem}.hero-banner__indicators--size-sm{--indicator-size: 16px;--indicator-stroke-width: 8;gap:.5rem}.hero-banner__indicators--size-md{--indicator-size: 20px;--indicator-stroke-width: 10;gap:.75rem}.hero-banner__indicators--size-lg{--indicator-size: 28px;--indicator-stroke-width: 10;gap:1rem}.hero-banner__indicators--size-xl{--indicator-size: 36px;--indicator-stroke-width: 10;gap:1.25rem}@media(max-width:639px){.hero-banner__indicators--size-sm{--indicator-size: 14px;gap:.4rem}.hero-banner__indicators--size-md{--indicator-size: 16px;gap:.6rem}.hero-banner__indicators--size-lg{--indicator-size: 22px;gap:.75rem}.hero-banner__indicators--size-xl{--indicator-size: 28px;gap:1rem}}.hero-banner__indicators--orientation-vertical{flex-direction:column}.hero-banner__indicators--orientation-horizontal{flex-direction:row}.hero-banner__indicators--position-top-center{top:2rem;left:50%;transform:translate(-50%)}.hero-banner__indicators--position-top-right{top:2rem;right:2rem}.hero-banner__indicators--position-middle-right{right:2rem;top:50%;transform:translateY(-50%)}.hero-banner__indicators--position-bottom-left{bottom:2rem;left:2rem}.hero-banner__indicators--position-bottom-center{bottom:2rem;left:50%;transform:translate(-50%)}.hero-banner__indicators--position-bottom-right{bottom:2rem;right:2rem}@media(max-width:639px){.hero-banner__indicators--position-top-center,.hero-banner__indicators--position-top-right{top:1rem}.hero-banner__indicators--position-top-right,.hero-banner__indicators--position-middle-right,.hero-banner__indicators--position-bottom-right{right:1rem}.hero-banner__indicators--position-bottom-left,.hero-banner__indicators--position-bottom-center,.hero-banner__indicators--position-bottom-right{bottom:1rem}.hero-banner__indicators--position-bottom-left{left:1rem}}.hero-banner__indicator{width:var(--indicator-size, 20px);height:var(--indicator-size, 20px);border:none;background:transparent;cursor:pointer;position:relative;padding:0;transition:transform .3s ease;overflow:visible;flex-shrink:0;border-radius:50%}.hero-banner__indicator:hover{transform:scale(1.1)}.hero-banner__indicator:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.hero-banner__indicator-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--indicator-size, 20px);height:var(--indicator-size, 20px);display:block;pointer-events:none}.hero-banner__indicator-dot,.hero-banner__indicator-progress{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__indicator-dot:before{content:"";position:absolute;top:calc(var(--indicator-size, 20px) * .3);left:calc(var(--indicator-size, 20px) * .3);width:calc(var(--indicator-size, 20px) * .4);height:calc(var(--indicator-size, 20px) * .4);border-radius:50%;background:#fff9;transition:opacity .2s ease}.hero-banner__indicator-progress{display:block;width:var(--indicator-size, 20px);height:var(--indicator-size, 20px);opacity:0;transform:rotate(-90deg);transition:opacity .2s ease}.hero-banner__indicator.is-active .hero-banner__indicator-dot:before{opacity:0}.hero-banner__indicator.is-active .hero-banner__indicator-progress{opacity:1}@media(prefers-reduced-motion:reduce){html[data-respect-reduced-motion=true] .hero-banner{--banner-slide-transition-duration: 1ms}html[data-respect-reduced-motion=true] .hero-banner--ken-burns .swiper-slide-active .hero-banner__image{animation:none;will-change:auto}html[data-respect-reduced-motion=true] .hero-banner__heading,html[data-respect-reduced-motion=true] .hero-banner__subheading,html[data-respect-reduced-motion=true] .hero-banner__button,html[data-respect-reduced-motion=true] .hero-banner__indicator{animation:none;transition:none}}@media(max-width:639px){.hero-banner__content{padding:1.5rem}}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-banner-styles.css.map */