.hero-banner{width:100%;position:relative;padding-block:.75rem}.carousel{position:relative;overflow:hidden}.carousel__viewport{overflow:hidden}.carousel__track{display:flex;transition:transform .38s ease;will-change:transform}.carousel__slide{min-width:100%;flex:0 0 100%}.hero-banner__picture{display:block;width:100%}.hero-banner__image{width:100%;height:auto;object-fit:contain;display:block}.carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border:0;border-radius:999px;background:#00000061;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:2}.carousel__arrow--prev{left:.75rem}.carousel__arrow--next{right:.75rem}.carousel__dots{position:absolute;bottom:.85rem;left:50%;transform:translate(-50%);display:flex;gap:.45rem;z-index:2}.carousel__dot{width:.6rem;height:.6rem;border-radius:999px;border:0;background:#ffffff8c;cursor:pointer;padding:0}.carousel__dot[aria-current=true]{background:#fff}.hero-banner__empty{width:100%;min-height:320px;display:grid;place-items:center;background:#f1f5f9}.hero-banner__placeholder{width:min(280px,70vw);height:auto}@media screen and (max-width:989px){.hero-banner{padding-block:.65rem}.carousel__arrow{width:2.1rem;height:2.1rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hero-banner.css.map */