.c-modal-media{--Greyness-5: #F3F3F4;--Greyness-10: #E8E7E8;--Greyness-20: #D0CFD2;--Greyness-40: #A19FA5;--Greyness-60: #736F78;--Greyness-80: #443F4B;--Primary-White: #FFF;--Primary-Black: #150F1D;--Primary-Main-purple: #8637B2;--Secondary-Purple-2: #A863CE;--Secondary-Purple-4: #E9D8F2;--Secondary-Yellow-4: #FFEEB1;position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:var(--Primary-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(--Greyness-20);background:var(--Primary-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(--Greyness-60)}@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>*{width:100%}.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(--Greyness-20);background:var(--Primary-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(--Greyness-60)}@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;background:var(--Primary-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(--Greyness-80)}@media (min-width: 768px){.c-modal-media__progress{left:-50px;font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-modal-media.css.map */