.photo-carousel-3d{padding-top:var(--carousel-pt, 40px);padding-bottom:var(--carousel-pb, 40px);overflow:hidden}.photo-carousel-3d__heading{text-align:center;margin:0 0 4rem;position:relative;z-index:2}.photo-carousel-3d__viewport{position:relative;height:320px;perspective:1200px;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.photo-carousel-3d__viewport:active{cursor:grabbing}@media screen and (min-width:750px){.photo-carousel-3d__viewport{height:460px;perspective:1600px}}@media screen and (min-width:1200px){.photo-carousel-3d__viewport{height:540px;perspective:1800px}}.photo-carousel-3d__cylinder{position:relative;width:240px;height:280px;transform-style:preserve-3d;will-change:transform}@media screen and (min-width:750px){.photo-carousel-3d__cylinder{width:340px;height:400px}}@media screen and (min-width:1200px){.photo-carousel-3d__cylinder{width:420px;height:480px}}.photo-carousel-3d__card{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026;transition:box-shadow .3s ease}.photo-carousel-3d__card:hover{box-shadow:0 8px 30px #00000040}.photo-carousel-3d__card img,.photo-carousel-3d__card svg{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.photo-carousel-3d__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000c;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;cursor:zoom-out}.photo-carousel-3d__lightbox.is-active{opacity:1;visibility:visible}.photo-carousel-3d__lightbox img{max-width:90vw;max-height:85vh;border-radius:12px;box-shadow:0 10px 60px #00000080;transform:scale(.85);transition:transform .4s cubic-bezier(.25,.1,.25,1)}.photo-carousel-3d__lightbox.is-active img{transform:scale(1)}.photo-carousel-3d__lightbox-close{position:absolute;top:1.25rem;right:1.25rem;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.photo-carousel-3d__lightbox-close:hover{background:#ffffff4d}
/*# sourceMappingURL=/cdn/shop/t/12/assets/photo-carousel-3d.css.map */