.hero-banner-parallax{--banner-count: 3;--banner-height: 100vh;--banner-offset: calc(var(--banner-height) / 2);--banner-offset-count: calc(var(--banner-count) - 1);--banner-offset-total: calc(var(--banner-offset) * var(--banner-offset-count));--banner-height-total: calc(var(--banner-height) + var(--banner-offset-total));display:block;overflow:hidden;isolation:isolate;position:relative;height:var(--banner-height-total)}@supports (height: 100dvh){.hero-banner-parallax{--banner-height: 100dvh}}.hero-banner-parallax .hero-banner-parallax__banner{--initial-position: 0;width:100%;display:flex;position:absolute;align-items:center;will-change:transform;justify-content:center;height:var(--banner-height);top:var(--initial-position)}.hero-banner-parallax .hero-banner-parallax__picture{width:100%;height:100%;display:flex}.hero-banner-parallax .hero-banner-parallax__image{width:100%;height:100%;object-fit:cover}.hero-banner-parallax .hero-banner-parallax__container{left:50%;display:flex;position:absolute;transform:translate(-50%);width:min(1600px,calc(100% - 4rem))}.hero-banner-parallax .hero-banner-parallax__container.left{justify-content:flex-start}.hero-banner-parallax .hero-banner-parallax__container.center{justify-content:center}.hero-banner-parallax .hero-banner-parallax__container.right{justify-content:flex-end}.hero-banner-parallax .hero-banner-parallax__content{color:#fff;max-width:40rem;text-align:center}.hero-banner-parallax .hero-banner-parallax__title+.btn{margin-top:2rem}
/*# sourceMappingURL=/cdn/shop/t/87/assets/hero-banner-parallax.css.map */