hero-banner-component{display:block;height:auto;overflow:visible}.hero-banner{position:relative;display:block;background:color-mix(in srgb,rgba(var(--color-foreground)),transparent 95%);border-radius:var(--border-radius-base);overflow:hidden;height:var(--hero-banner-mobile-height, 300px)}.section-fullwidth .hero-banner{border-radius:0}@media(min-width:750px){.hero-banner{height:var(--hero-banner-desktop-height, 500px)}}.hero-banner:not(.flickity-enabled) .hero-banner-slide:not(:first-of-type){display:none}.hero-banner-slide{position:relative;width:100%;height:100%;display:block;flex:none}.hero-banner-slide__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block}.hero-banner-media{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-banner-media picture{width:100%;height:100%;display:block}.hero-banner-media img{width:100%;height:100%;display:block}.hero-banner--fit-contain .hero-banner-media img{object-fit:contain}.hero-banner--fit-cover .hero-banner-media img{object-fit:cover}.hero-banner--fit-contain{background-color:var(--hero-banner-bg-color, transparent)}.hero-banner.flickity-enabled{position:relative}.hero-banner.flickity-enabled .hero-banner-slide{height:100%}.hero-banner .flickity-viewport{height:100%!important}.hero-banner .flickity-slider{height:100%}.hero-banner .flickity-page-dots{bottom:20px}.hero-banner .flickity-page-dots .dot{width:10px;height:10px;margin:0 6px;background:#ffffff80;border:none;opacity:1}.hero-banner .flickity-page-dots .dot.is-selected{background:#fff}.hero-banner .flickity-button{background:#0000004d;color:#fff;width:44px;height:44px;border-radius:50%;transition:background .2s ease}.hero-banner .flickity-button:hover{background:#00000080}.hero-banner .flickity-button:disabled{display:none}.hero-banner .flickity-prev-next-button.previous{left:15px}.hero-banner .flickity-prev-next-button.next{right:15px}@media(min-width:750px){.hero-banner .flickity-prev-next-button.previous{left:25px}.hero-banner .flickity-prev-next-button.next{right:25px}}.hero-banner--hide-dots .flickity-page-dots,.hero-banner--hide-arrows .flickity-button{display:none}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-hero-banner.css.map */