.product-gallery{display:flex;flex-direction:column;gap:16px;width:100%}.product-gallery__main{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:20px;background-color:#f8f8f8}@media screen and (min-width:768px){.product-gallery__main{border-radius:28px}}.product-gallery__main--is-loading:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;opacity:.6;margin-top:-25px;margin-left:-25px;border-radius:50%;transform:rotate(0);border:5px solid #000000;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-gallery__main-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .3s ease;display:block}.product-gallery__thumbnails{display:flex;flex-direction:row;gap:16px;overflow:hidden;width:100%;position:relative;z-index:10}@media screen and (min-width:768px){.product-gallery__thumbnails{gap:24px}}.product-gallery__thumbnail{position:relative;width:calc((100% - 48px)/4);padding-top:calc((100% - 48px)/4);border:2px solid transparent;border-radius:20px;overflow:hidden;background-color:#f8f8f8;cursor:pointer;transition:border-color .2s ease;flex-shrink:0}@media screen and (min-width:768px){.product-gallery__thumbnail{width:calc((100% - 72px)/4);padding-top:calc((100% - 72px)/4);border-radius:28px}}.product-gallery__thumbnail:hover{border-color:#0003}.product-gallery__thumbnail--active{border-color:#000}.product-gallery__thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (min-width:768px){.product-gallery{gap:24px}}.product-gallery__modal-opener{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:0}.product-gallery__media-icon{position:absolute;top:20px;right:20px;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}.product-gallery__main:hover .product-gallery__media-icon{opacity:1}.product-gallery__media-toggle{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent;cursor:pointer;z-index:1}.product-gallery-modal{background-color:#fff;height:100%;position:fixed;top:0;left:0;width:100%;visibility:hidden;opacity:0;z-index:-1}.product-gallery-modal[open]{visibility:visible;opacity:1;z-index:101}.product-gallery-modal__dialog{display:flex;align-items:center;height:100vh}.product-gallery-modal__content{max-height:100vh;width:100%;overflow:auto}.product-gallery-modal__content>*:not(.active){display:none}.product-gallery-modal__content>*{display:block;height:auto;margin:auto}.product-gallery-modal__content .media{background:none}.product-gallery-modal__toggle{background-color:#fff;border:.1rem solid rgba(0,0,0,.1);border-radius:50%;color:#0000008c;display:flex;align-items:center;justify-content:center;cursor:pointer;right:2rem;padding:1.2rem;position:fixed;z-index:2;top:2rem;width:4rem;height:4rem}.product-gallery-modal__toggle:hover{color:#000000bf}.product-gallery-modal__toggle .icon{height:auto;margin:0;width:2.2rem}@media screen and (min-width:768px){.product-gallery-modal__content{padding:2rem 11rem}.product-gallery-modal__content>*:not(.active){display:block}.product-gallery-modal__content>*{width:100%}.product-gallery-modal__content>*+*{margin-top:2rem}.product-gallery-modal__toggle{right:5rem;top:2.2rem}}@media screen and (min-width:990px){.product-gallery-modal__content{padding:2rem 11rem 1.5rem}.product-gallery-modal__content>*+*{margin-top:1.5rem}.product-gallery-modal__toggle{right:5rem}}