#carousel{--item-width: 460px;--item-separation: 80px;--viewer-distance: 50vw;--apothem: 2240px;padding:20px;perspective:var(--viewer-distance);overflow:hidden;display:flex;flex-direction:column;align-items:center}#carousel>*{flex:0 0 auto}#carousel section{margin:0;width:var(--item-width);transform-style:preserve-3d;transition:transform .5s;transform-origin:50% 50% calc(-1 * var(--apothem))}#carousel section figure,#carousel section div{width:100%;box-sizing:border-box}#carousel section figure:not(:first-of-type){position:absolute;left:0;top:0;transform-origin:50% 50% calc(-1 * var(--apothem))}#carousel section figure:nth-child(2){transform:rotateY(calc(1rad * var(--theta)))}#carousel section figure:nth-child(3){transform:rotateY(calc(2rad * var(--theta)))}#carousel section figure:nth-child(4){transform:rotateY(calc(3rad * var(--theta)))}#carousel section figure:nth-child(5){transform:rotateY(calc(4rad * var(--theta)))}#carousel section figure:nth-child(6){transform:rotateY(calc(5rad * var(--theta)))}#carousel section figure:nth-child(7){transform:rotateY(calc(6rad * var(--theta)))}#carousel section figure:nth-child(8){transform:rotateY(calc(7rad * var(--theta)))}#carousel section figure:nth-child(9){transform:rotateY(calc(8rad * var(--theta)))}#carousel section figure:nth-child(10){transform:rotateY(calc(9rad * var(--theta)))}#carousel section figure:nth-child(11){transform:rotateY(calc(10rad * var(--theta)))}#carousel section figure:nth-child(12){transform:rotateY(calc(11rad * var(--theta)))}#carousel section figure:nth-child(13){transform:rotateY(calc(12rad * var(--theta)))}#carousel section figure img{width:300px;height:300px;object-fit:cover;object-position:top;overflow:visible;margin:0 auto;transition:all 1.3s ease}#carousel section figure.active img{filter:grayscale(0) brightness(1)}#carousel section figure:not(.active) img{filter:grayscale(1) brightness(.5)}#carousel section figure:not(.active) figcaption{opacity:0}#carousel section figure figcaption{opacity:1;transition:opacity .3s ease;background:rgb(var(--color-drawer-background));border:1px solid gray;border-radius:10px;width:50%;z-index:1;padding:2px 5px}#carousel nav{display:flex;justify-content:center;margin:20px 0 0}#carousel nav button{flex:0 0 auto;margin:0 5px;cursor:pointer;color:#333;background:none;border:1px solid;letter-spacing:1px;padding:5px 10px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/carousel.css.map */