.modal-media{z-index:999998;position:fixed;top:0;left:0;width:100%;height:100vh;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;background-color:#fff}.modal-media.active{visibility:visible;opacity:1}.modal-media__button-close{z-index:1;cursor:pointer;position:fixed;top:40px;right:5%;padding:0;border:none;background-color:transparent}.modal-media__button-close svg{width:24px;height:auto}@media screen and (max-width: 699px){.modal-media__button-close{top:20px}.modal-media__button-close svg{width:20px}}.media-list__content{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:flex-start;column-gap:20px;padding-top:40px;padding-bottom:40px}@media screen and (max-width: 699px){.media-list__content{grid-template-columns:1fr;row-gap:20px;padding-top:60px}}.media-list__column{display:grid;grid-template-columns:1fr;align-items:flex-start;row-gap:20px}.media-list__wrap-media{cursor:pointer;border-radius:10px;overflow:hidden}@media screen and (max-width: 699px){.media-list__wrap-media{border-radius:5px}}.media-list__wrap-media *{pointer-events:none}.media-list__wrap-media img,.media-list__wrap-media video{width:100%;height:auto;object-fit:cover}.media-slider__content{position:relative;display:flex;flex-direction:column;height:100%;padding-top:40px;padding-bottom:40px}@media screen and (max-width: 699px){.media-slider__content{padding-top:60px}}.media-slider__wrap-media>*{width:100%;height:100%}.media-slider__wrap-slider{height:calc(100% - 107px)}.media-slider__wrap-slider-thumbnails{height:85px;margin-top:22px}@media screen and (max-width: 1099px){.media-slider__wrap-slider{height:calc(100% - 132px)}.media-slider__wrap-slider-thumbnails{height:110px}}@media screen and (max-width: 999px){.media-slider__wrap-slider{position:relative}}@media screen and (max-width: 699px){.media-slider__wrap-slider{height:calc(90% - 102px)}.media-slider__wrap-slider-thumbnails{height:80px}}.media-slider__wrap-slider .navigation-wrapper,.media-slider__wrap-slider .media-slider__slider{width:100%;height:100%}.media-slider__wrap-slider .media-slider__wrap-media{background-color:rgb(var(--color-background));border-radius:10px;overflow:hidden}.media-slider__wrap-slider .media-slider__wrap-media img,.media-slider__wrap-slider .media-slider__wrap-media video{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain}.media-slider__wrap-slider .dots{display:none}.media-slider__wrap-slider .arrow{position:absolute;top:50%;transform:translateY(-50%)}.media-slider__wrap-slider .arrow--left{right:102%}.media-slider__wrap-slider .arrow--right{left:102%}@media screen and (max-width: 999px){.media-slider__wrap-slider .arrow{width:48px;height:48px;color:#fff;border-color:#fff}.media-slider__wrap-slider .arrow--left{right:auto;left:5%}.media-slider__wrap-slider .arrow--right{left:auto;right:5%}}.media-slider__slider-thumbnails,.media-slider__slider-thumbnails:hover{height:100%;opacity:1}.media-slider__wrap-slider-thumbnails .media-slider__wrap-media{cursor:pointer;border-radius:5px;overflow:hidden;opacity:.5;transition:opacity .15s ease-in-out}.media-slider__wrap-slider-thumbnails .media-slider__wrap-media.active,.media-slider__wrap-slider-thumbnails .media-slider__wrap-media:hover{opacity:1}.media-slider__wrap-slider-thumbnails .media-slider__wrap-media img,.media-slider__wrap-slider-thumbnails .media-slider__wrap-media video{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/176/assets/component-modal-media.css.map */
