.c-modal-media{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:var(--white);padding:20px;z-index:100;display:none;align-items:center;justify-content:center}.c-modal-media.is-open{display:flex}.c-modal-media__container{position:relative;width:90%;max-width:1000px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center}.c-modal-media__close{width:40px;height:40px;border-radius:20px;border:1px solid var(--background);background:var(--white);display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:-10px}.c-modal-media__close svg{width:20px;height:auto}.c-modal-media__close svg path{fill:var(--black)}@media(min-width:768px){.c-modal-media__close{right:-50px;width:45px;height:45px;border-radius:25px}.c-modal-media__close svg{width:22px}}.c-modal-media__swiper{width:100%;max-height:100%}.c-modal-media__wrapper{align-items:center}.c-modal-media__slide{display:flex;justify-content:center;align-items:center}.c-modal-media__slide img{max-width:100%;max-height:calc(100dvh - 40px);object-fit:contain}.c-modal-media__slide video{width:100%;height:100%;max-width:100%;max-height:calc(100dvh - 40px)}.c-modal-media__slide iframe{width:100%;height:100%;max-width:100%;max-height:calc(100dvh - 40px);aspect-ratio:16/9}.c-modal-media__button{width:40px;height:40px;border-radius:20px;border:1px solid var(--background);background:var(--white);display:flex;justify-content:center;align-items:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.c-modal-media__button--prev{left:-20px}.c-modal-media__button--prev svg{transform:rotate(90deg)}@media(min-width:768px){.c-modal-media__button--prev{left:-50px}}.c-modal-media__button--next{right:-20px}.c-modal-media__button--next svg{transform:rotate(-90deg)}@media(min-width:768px){.c-modal-media__button--next{right:-50px}}.c-modal-media__button svg{width:20px;height:auto}.c-modal-media__button svg path{fill:var(--black)}@media(min-width:768px){.c-modal-media__button{width:50px;height:50px;border-radius:25px}.c-modal-media__button svg{width:30px;height:auto}}.c-modal-media__progress{padding:10px 20px;border-radius:20px;border:1px solid var(--background);background:var(--white);display:flex;gap:6px;justify-content:center;align-items:center;position:absolute;top:0;left:-20px;z-index:10;font-size:16px;color:var(--grey-1)}@media(min-width:768px){.c-modal-media__progress{left:-50px;font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-modal-media.css.map */