.banner-carousel{width:100%;overflow:hidden;background:#f7f7f5}.banner-carousel__track{position:relative;width:100%;height:min(142vw,650px);margin:0 0 30px;touch-action:pan-y}.banner-carousel__item{position:absolute;top:0;left:6vw;display:block;width:88vw;height:100%;overflow:hidden;border-radius:30px;background:#e9e9e9;color:inherit;text-decoration:none;opacity:0;pointer-events:none;transform:scale(.92);transform-origin:center;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .38s ease}.banner-carousel__item.is-active{z-index:5;opacity:1;pointer-events:auto;transform:translate(0) scale(1)}.banner-carousel__item.is-previous{z-index:3;opacity:1;transform:translate(calc(-100% + 34px)) scale(.94)}.banner-carousel__item.is-next{z-index:3;opacity:1;transform:translate(calc(100% - 34px)) scale(.94)}.banner-carousel__item.is-clone{display:none}.banner-carousel__image-container{position:relative;width:100%;height:100%}.banner-carousel__image{display:block;width:100%;height:100%;object-fit:cover}.banner-carousel__overlay{position:absolute;right:18px;bottom:18px;left:18px;z-index:6;display:flex;justify-content:flex-end;pointer-events:none}.banner-carousel__heading{display:inline-flex;align-items:center;min-height:38px;padding:8px 18px;border-radius:999px;background:#23100bc2;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (min-width:750px){.banner-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(210px,15vw,280px);grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;width:max-content;height:min(76vh,700px);margin:0;padding:0 7px;overflow:visible;touch-action:auto;animation:befalseGalleryFlow var(--banner-flow-duration, 90s) linear infinite;will-change:transform}.banner-carousel__item,.banner-carousel__item:nth-child(n){position:relative;inset:auto;z-index:auto;display:block;width:auto;height:auto;overflow:hidden;border-radius:26px;opacity:1;pointer-events:auto;transform:none;transition:none}.banner-carousel__item--0{grid-column:span 2;grid-row:1 / span 2}.banner-carousel__item--1{grid-row:1}.banner-carousel__item--2{grid-row:2}.banner-carousel__item.is-clone{display:block}.banner-carousel__overlay{display:none}}@keyframes befalseGalleryFlow{0%{transform:translate(-50%)}to{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/square-banner-carousel.css.map */