.circular-gallery{position:relative;z-index:2;overflow-x:clip;overflow-y:visible;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.circular-gallery__container{max-width:100%;margin:0 auto;width:100%}.circular-gallery__title{text-align:center;margin-bottom:2rem}.circular-gallery__wrapper{position:relative;width:100%;min-height:300px}.circular-gallery__track{position:absolute;left:calc(50% - var(--image-width, 250px) / 2);top:0;transform-origin:calc(var(--image-width, 250px) / 2) 100vw;will-change:transform}.circular-gallery__item{position:absolute;transform-origin:calc(var(--image-width, 250px) / 2) 100vw;will-change:transform}.circular-gallery__image-wrapper{width:var(--image-width, 250px);height:var(--image-height, 300px);border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000026;background:#fff;padding:8px;box-sizing:border-box}.circular-gallery__image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.circular-gallery__placeholder{width:var(--image-width, 250px);height:var(--image-height, 300px);background:#f5f5f5;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #00000026}.circular-gallery__placeholder svg{width:50%;height:50%;opacity:.3}.circular-gallery__empty{text-align:center;padding:4rem 2rem;color:rgba(var(--color-foreground),.6)}@media screen and (max-width:480px){.circular-gallery__wrapper{min-height:400px}.circular-gallery__track{left:calc(50% - (var(--image-width, 250px) * .6) / 2);top:calc(50% - (var(--image-height, 300px) * .6) / 2);transform-origin:calc((var(--image-width, 250px) * .6) / 2) 120vw}.circular-gallery__item{transform-origin:calc((var(--image-width, 250px) * .6) / 2) 120vw}.circular-gallery__image-wrapper,.circular-gallery__placeholder{width:calc(var(--image-width, 250px) * .6);height:calc(var(--image-height, 300px) * .6)}}@media screen and (min-width:481px)and (max-width:749px){.circular-gallery__wrapper{min-height:500px}.circular-gallery__track{left:calc(50% - (var(--image-width, 250px) * .8) / 2);top:calc(50% - (var(--image-height, 300px) * .8) / 2);transform-origin:calc((var(--image-width, 250px) * .8) / 2) 60vw}.circular-gallery__item{transform-origin:calc((var(--image-width, 250px) * .8) / 2) 60vw}.circular-gallery__image-wrapper,.circular-gallery__placeholder{width:calc(var(--image-width, 250px) * .8);height:calc(var(--image-height, 300px) * .8)}}@media screen and (min-width:750px)and (max-width:989px){.circular-gallery__wrapper{min-height:500px}}@media screen and (min-width:990px)and (max-width:1439px){.circular-gallery__wrapper{min-height:500px}.circular-gallery__track{left:calc(50% - (var(--image-width, 250px) * 1.2) / 2);transform-origin:calc((var(--image-width, 250px) * 1.2) / 2) 110vw}.circular-gallery__item{transform-origin:calc((var(--image-width, 250px) * 1.2) / 2) 110vw}.circular-gallery__image-wrapper,.circular-gallery__placeholder{width:calc(var(--image-width, 250px) * 1.2);height:calc(var(--image-height, 300px) * 1.2)}}@media screen and (min-width:1440px){.circular-gallery__wrapper{min-height:500px}.circular-gallery__track{left:calc(50% - (var(--image-width, 250px) * 1.4) / 2);transform-origin:calc((var(--image-width, 250px) * 1.4) / 2) 120vw}.circular-gallery__item{transform-origin:calc((var(--image-width, 250px) * 1.4) / 2) 120vw}.circular-gallery__image-wrapper,.circular-gallery__placeholder{width:calc(var(--image-width, 250px) * 1.4);height:calc(var(--image-height, 300px) * 1.4)}}@media screen and (min-width:1920px){.circular-gallery__wrapper{min-height:500px}.circular-gallery__track{left:calc(50% - (var(--image-width, 250px) * 1.6) / 2);transform-origin:calc((var(--image-width, 250px) * 1.6) / 2) 130vw}.circular-gallery__item{transform-origin:calc((var(--image-width, 250px) * 1.6) / 2) 130vw}.circular-gallery__image-wrapper,.circular-gallery__placeholder{width:calc(var(--image-width, 250px) * 1.6);height:calc(var(--image-height, 300px) * 1.6)}}@media(prefers-reduced-motion:reduce){.circular-gallery__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-circular-gallery.css.map */