.carousel-hero{--carousel-nav-size: 48px;position:relative;display:block;overflow:hidden;width:100%;min-height:calc(100vh - 120px);background-color:var(--color-background, #000)}.carousel-hero__track{display:flex;height:calc(100vh - 120px);transition:transform .6s cubic-bezier(.25,1,.5,1);will-change:transform}.carousel-hero__slide{flex:0 0 100%;width:100%;height:100%;position:relative}.carousel-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1;pointer-events:none}.carousel-hero__content-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;width:100%}.carousel-hero__image-container{flex:1 1 50%;width:100%;position:relative;overflow:hidden;background-color:var(--color-foreground, #000)}.carousel-hero__text-container{flex:1 1 50%;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem}@media screen and (min-width:768px){.carousel-hero__content-wrapper{flex-direction:row;align-items:stretch;height:100%}.carousel-hero__text-container{width:50%;padding:3rem 4rem}.carousel-hero__image-container{width:50%;height:100%;flex-shrink:0}}.carousel-hero__btn{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:8px 8px 8px 24px;background-color:var(--color-foreground, #fff);color:var(--color-background, #000);text-decoration:none;font-weight:600;transition:opacity .3s ease}.carousel-hero__btn:hover{opacity:.9}.carousel-hero__btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-background, #000);color:var(--color-foreground, #fff);border-radius:50%}.carousel-hero__image{width:100%;height:100%;object-fit:cover;display:block}.carousel-hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:var(--carousel-nav-size);height:var(--carousel-nav-size);border-radius:50%;border:1px solid var(--color-foreground, rgba(255, 255, 255, .3));background:transparent;color:var(--color-foreground, #fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.carousel-hero__nav:hover{background:var(--color-foreground, #fff);color:var(--color-background, #000)}.carousel-hero__nav--prev{left:2rem}.carousel-hero__nav--next{right:2rem}@media screen and (max-width:767px){.carousel-hero__nav{display:none}}.carousel-hero__dots{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:12px}.carousel-hero__dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-foreground, #fff);opacity:.3;border:none;cursor:pointer;padding:0;transition:opacity .3s ease,transform .3s ease}.carousel-hero__dot.is-active{opacity:1;transform:scale(1.2)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-carousel-hero.css.map */