.product-modal-gallery{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:5rem;background:#00000080;z-index:4}@media all and (min-width:750px){.product-modal-gallery{padding:10rem 2rem 2rem}}.product-modal-gallery__close-wrap{display:flex;justify-content:flex-end;width:100%;max-width:158rem;padding-bottom:1.5rem;z-index:1}@media all and (max-width:749px){.product-modal-gallery__close-wrap{width:90%}}.product-modal-gallery__close{width:1.8rem;height:1.8rem;cursor:pointer}.product-modal-gallery__close svg{width:100%;height:auto}.product-modal-gallery__close path{fill:var(--color-white)}.product-modal-gallery__inner{position:relative;display:grid;grid-template-columns:100%;grid-template-rows:auto auto 1fr;gap:1.5rem;grid-template-areas:"title" "primary-action" "slider" "thumbnail";width:90%;height:90%;background:var(--color-white);padding:2rem;overflow-y:auto}@media all and (min-width:750px){.product-modal-gallery__inner{grid-template-columns:65% 1fr;grid-template-areas:"slider title" "slider primary-action" "slider thumbnail";gap:1.5rem 3rem;max-height:60rem;padding:3rem}}@media all and (min-width:990px){.product-modal-gallery__inner{max-width:150rem;max-height:80rem}}.product-modal-gallery__inner img{display:block;width:100%;height:100%;object-fit:contain}.product-modal-gallery__title{grid-area:title;font-weight:700;font-size:1.6rem;line-height:1.12;margin-top:2rem}@media all and (min-width:750px){.product-modal-gallery__title{margin-top:0}}.product-modal-gallery__slider{grid-area:slider;display:flex;position:relative}.product-modal-gallery__slider .swiper-container{max-width:34rem}@media all and (min-width:750px){.product-modal-gallery__slider .swiper-container{max-width:100%}}.product-modal-gallery__slider iframe{width:100%;height:100%;max-height:40rem}.product-modal-gallery__slider .slider-button-prev{left:-1rem}.product-modal-gallery__slider .slider-button-next{right:-1rem}.product-modal-gallery__thumbnail{grid-area:thumbnail}@media all and (min-width:750px){.product-modal-gallery__thumbnail{margin:0 -1rem;min-height:20rem;overflow-y:auto}}.product-modal-gallery__thumbnail-list{display:flex;flex-wrap:wrap}.product-modal-gallery__image{position:relative;width:calc(25% - 1rem);max-width:8rem;margin:.5rem;cursor:pointer}@media all and (min-width:750px){.product-modal-gallery__image{width:calc(33% - 2rem);max-width:calc(33% - 2rem)}}.product-modal-gallery__image img{border:.1rem solid var(--color-border);border-radius:.4rem}.product-modal-gallery__image img.active{border-color:var(--color-orange)}.product-modal-gallery__image svg,.product-modal-gallery__slider .swiper-slide svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;pointer-events:none;z-index:1}.product-modal-gallery__slider .swiper-slide svg{width:6rem;height:6rem}.product-modal-gallery__slider .swiper-slide{display:flex;align-items:center}.product-modal-gallery__image.is-video{cursor:pointer}.product-modal-gallery__primary-action{grid-area:primary-action}
/*# sourceMappingURL=/cdn/shop/t/97/assets/component-product-modal-gallery.css.map */