.product-media-modal{background-color:var(--bg-color-white);height:100%;position:fixed;top:0;left:0;width:100%;visibility:hidden;opacity:0;z-index:-1}.product-media-modal[open]{visibility:visible;opacity:1;z-index:101}.product-media-modal__dialog{display:flex;align-items:center;height:100vh}.product-media-modal__content{max-height:100vh;width:100%;display:flex;height:100%;flex-direction:column-reverse;justify-content:center}.product-media-modal__content .media{background:none}.product-media-modal__content .deferred-media{width:100%}.product-media-modal__content .swiper-slide img{background-color:transparent}.product-media-modal__model{width:100%}.product-media-modal__toggle{background-color:var(--bg-color-white);border:var(--inputs-border-width) solid var(--border-color);border-radius:50%;color:var(--body-text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;top:var(--spacing-normal);right:var(--spacing-normal);position:fixed;z-index:102;width:2.5rem;aspect-ratio:1;padding:0}.product-media-modal__toggle:hover{color:var(--body-text-hover-color)}.product-media-modal__toggle .icon{height:auto;margin:0;width:.8rem;stroke-width:1;stroke:currentColor}.product-media-modal__content__thumbnails-container{width:100%;max-width:100%;flex-direction:row;min-height:-moz-fit-content;min-height:fit-content;scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto;display:flex;flex-shrink:0;row-gap:var(--spacing-normal);flex-wrap:nowrap;gap:var(--spacing-small);padding:var(--spacing-normal);scrollbar-width:none;-ms-overflow-style:none;scroll-padding:var(--spacing-normal);max-height:100vh;scroll-snap-stop:always}.product-media-modal__content__thumbnail{position:relative;cursor:pointer;scroll-snap-align:start;padding:0;border:var(--inputs-border-width) solid var(--border-color);box-sizing:border-box;flex-shrink:0;width:3.75rem}.product-media-modal__content__thumbnail.active{outline:var(--inputs-border-width) solid var(--border-color)}.product-media-modal__content__thumbnail img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;aspect-ratio:1}.product-media-modal__content__thumbnail__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;aspect-ratio:1;line-height:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xx-small);background-color:var(--bg-color-white)}.product-media-modal__content__thumbnail__icon svg{width:1.2rem;height:auto}.product-media-modal__content__slider{width:100%;height:100%;display:flex;flex-direction:column;max-height:calc(100vh - 3.75rem - 2 * var(--spacing-normal));padding:var(--spacing-normal);padding-block-end:0;justify-content:center}.product-media-modal__content__slider .swiper{width:100%}.product-media-modal__content__slider img.swiper-slide{-o-object-fit:contain;object-fit:contain;background-color:var(--bg-color)}.product-media-modal__content__slider .slider-controls{display:flex;gap:var(--spacing-normal);color:var(--body-text-color)}.product-media-modal__content__slider .slider-controls__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;aspect-ratio:1;cursor:pointer;background:none;padding:0;color:var(--body-text-color);display:flex;align-items:center;justify-content:center}.product-media-modal__content__slider .slider-controls__button:disabled{cursor:not-allowed;opacity:.5}.product-media-modal__content__slider .slider-controls__button svg{width:1rem;height:auto}.product-media-modal__content__slider .slider-controls__button.prev svg{transform:rotate(90deg)}.product-media-modal__content__slider .slider-controls__button.next svg{transform:rotate(-90deg)}.product-media-modal__content__slider__footer{height:auto;display:flex;flex-wrap:wrap;align-items:center;-moz-column-gap:var(--spacing-x-large);column-gap:var(--spacing-x-large);justify-content:center;row-gap:var(--spacing-normal);padding:var(--spacing-normal)}.zoom-controls{display:flex;gap:var(--spacing-small);align-items:center}.zoom-controls__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--inputs-border-width) solid var(--border-color);border-radius:50%;background-color:var(--bg-color-white);color:var(--body-text-color);aspect-ratio:1;width:2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.zoom-controls__button:hover{color:var(--body-text-hover-color);border-color:var(--body-text-hover-color)}.zoom-controls__button:disabled{cursor:not-allowed;opacity:.5}.zoom-controls__button svg{width:1rem;height:auto}product-modal *:focus-visible{box-shadow:0 0 4px 1px var(--border-color);outline:none}@media screen and (min-width: 769px){.product-media-modal__content{flex-direction:row}.product-media-modal__toggle{right:var(--spacing-large);top:var(--spacing-large)}.product-media-modal__content__thumbnails-container{width:7.5rem;max-width:7.5rem;flex-direction:column;height:100%;scroll-snap-type:y mandatory;overflow-y:scroll;box-sizing:border-box;padding:var(--spacing-normal)}.product-media-modal__content__thumbnail{width:auto}.product-media-modal__content__slider{width:calc(100% - 7.5rem);height:100vh;padding-block-end:0;padding-inline-start:0;max-height:unset}.product-media-modal__content__slider__footer{height:7.5rem;flex-wrap:nowrap}}