.carousel-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.carousel-modal.is-open{opacity:1;visibility:visible}.carousel-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#5d2e1fd9;cursor:pointer}.carousel-modal__container{position:relative;background:rgb(var(--color-background));width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;transform:scale(.98);transition:transform .3s ease}.carousel-modal.is-open .carousel-modal__container{transform:scale(1) translateY(0)}.carousel-modal__close{position:absolute;top:16px;right:16px;z-index:10;width:44px;height:44px;border:3px solid #000;border-radius:50%;background:rgb(var(--color-background));color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.carousel-modal__close:hover{background:#000;color:rgb(var(--color-background));transform:scale(1.05)}.carousel-modal__main{position:relative;display:flex;align-items:center;flex:1;min-height:0;padding:20px}.carousel-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border:3px solid #000;border-radius:50%;background:rgb(var(--color-background));color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.carousel-modal__nav:hover{background:#000;color:rgb(var(--color-background));transform:translateY(-50%) scale(1.05);box-shadow:4px 4px #5d2e1f4d}.carousel-modal__nav--prev{left:20px}.carousel-modal__nav--next{right:20px}.carousel-modal__viewport{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;max-height:70vh;padding:0 80px}.carousel-modal__slide{display:none;width:100%;height:100%;align-items:center;justify-content:center}.carousel-modal__slide.is-active{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.carousel-modal__image{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:20px;border:4px solid #000;box-shadow:8px 8px #000}.carousel-modal__video{width:100%;max-height:55vh;display:flex;align-items:center;justify-content:center}.carousel-modal__video video,.carousel-modal__video iframe{max-width:100%;max-height:70vh;border-radius:20px;border:4px solid #000}.carousel-modal__counter{text-align:center;padding:12px 0;font-size:14px;color:#000;font-weight:600;letter-spacing:.1em}.carousel-modal__thumbnails{border-top:2px solid rgba(93,46,31,.15);padding:16px 20px 20px;background:#5d2e1f08}.carousel-modal__thumbnails-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#000 rgba(93,46,31,.1);padding-bottom:8px;justify-content:center}.carousel-modal__thumbnails-track::-webkit-scrollbar{height:6px}.carousel-modal__thumbnails-track::-webkit-scrollbar-track{background:#5d2e1f1a;border-radius:3px}.carousel-modal__thumbnails-track::-webkit-scrollbar-thumb{background:#000;border-radius:3px}.carousel-modal__thumb{flex-shrink:0;width:70px;height:70px;border:3px solid transparent;border-radius:12px;padding:0;background:rgb(var(--color-background));cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.carousel-modal__thumb:hover{border-color:#5d2e1f80;transform:scale(1.05)}.carousel-modal__thumb.is-active{border-color:#000;box-shadow:3px 3px #000}.carousel-modal__thumb-img{width:100%;height:100%;object-fit:cover;border-radius:9px}.carousel-modal__thumb-video{position:relative;width:100%;height:100%}.carousel-modal__thumb-video img{width:100%;height:100%;object-fit:cover;border-radius:9px}.carousel-modal__thumb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#5d2e1fd9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.carousel-modal__thumb-play svg{width:10px;height:10px;margin-left:2px}@media screen and (max-width: 749px){.carousel-modal__container{width:100vw;height:100vh}.carousel-modal__main{padding:15px}.carousel-modal__nav{width:40px;height:40px}.carousel-modal__nav--prev{left:10px}.carousel-modal__nav--next{right:10px}.carousel-modal__viewport{padding:0 50px;max-height:60vh}.carousel-modal__image{max-height:60vh;border-radius:15px;border-width:3px;box-shadow:6px 6px #000}.carousel-modal__close{top:12px;right:12px;width:38px;height:38px}.carousel-modal__thumb{width:56px;height:56px;border-radius:10px}.carousel-modal__thumbnails{padding:12px 15px 16px}.carousel-modal__thumbnails-track{gap:8px;justify-content:flex-start}}@media screen and (max-width: 480px){.carousel-modal__nav{width:36px;height:36px;border-width:2px}.carousel-modal__nav svg{width:18px;height:18px}.carousel-modal__thumb{width:50px;height:50px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-carousel-modal.css.map */