.monsga-separated-gallery{--gallery-border: rgb(var(--color-foreground-rgb) / .12);display:grid;width:min(100%,680px);gap:14px;margin-inline:auto}.monsga-separated-gallery__stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#fff}.monsga-separated-gallery__canvas,.monsga-separated-gallery__image-button{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.monsga-separated-gallery__image-button{z-index:1;padding:0;border:0;background:transparent;cursor:zoom-in}.monsga-separated-gallery__canvas{isolation:isolate;opacity:1;transition:opacity .1s ease}.monsga-separated-gallery.is-loading .monsga-separated-gallery__canvas{opacity:.72}.monsga-separated-gallery__canvas img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.monsga-separated-gallery__copy{z-index:1}.monsga-separated-gallery__arrow{position:absolute;z-index:3;top:50%;display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#171719;opacity:0;transform:translateY(-50%);transition:opacity .16s ease,background-color .16s ease,border-color .16s ease;cursor:pointer}.monsga-separated-gallery__arrow svg{width:18px;height:18px}.monsga-separated-gallery__arrow--previous{left:10px}.monsga-separated-gallery__arrow--next{right:10px}.monsga-separated-gallery__stage:hover .monsga-separated-gallery__arrow,.monsga-separated-gallery__stage:focus-within .monsga-separated-gallery__arrow{opacity:.42;background:#ffffffb8;border-color:#1717192e}.monsga-separated-gallery__arrow:hover,.monsga-separated-gallery__arrow:focus-visible{opacity:.92}.monsga-separated-gallery__arrow:focus-visible,.monsga-separated-gallery__image-button:focus-visible,.monsga-separated-gallery__thumb:focus-visible{outline:2px solid currentColor;outline-offset:2px}.monsga-separated-gallery__thumbs{display:flex;gap:10px;width:100%;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin}.monsga-separated-gallery__thumb{flex:0 0 64px;width:64px;height:64px;padding:0;overflow:hidden;border:1px solid var(--gallery-border);border-radius:4px;background:#fff;cursor:pointer}.monsga-separated-gallery__thumb img{display:block;width:100%;height:100%;object-fit:contain}.monsga-separated-gallery__thumb[aria-current=true]{border-color:#171719;box-shadow:0 0 0 1px #171719}.monsga-separated-gallery__dialog{width:min(96vw,1280px);max-width:none;max-height:94vh;padding:0;border:0;background:#000000f0;color:#fff}.monsga-separated-gallery__dialog::backdrop{background:#000000d1}.monsga-separated-gallery__dialog-inner{position:relative;display:grid;width:min(96vw,1280px);height:min(94vh,900px);place-items:center}.monsga-separated-gallery__dialog-canvas{position:relative;width:min(90vw,1180px);height:min(88vh,820px)}.monsga-separated-gallery__dialog-canvas img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.monsga-separated-gallery__dialog-close,.monsga-separated-gallery__dialog-arrow{position:absolute;z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgb(255 255 255 / .34);border-radius:50%;background:#00000047;color:#fff;cursor:pointer}.monsga-separated-gallery__dialog-close{top:18px;right:18px}.monsga-separated-gallery__dialog-close svg{width:18px;height:18px}.monsga-separated-gallery__dialog-arrow{top:50%;transform:translateY(-50%)}.monsga-separated-gallery__dialog-arrow--previous{left:18px}.monsga-separated-gallery__dialog-arrow--next{right:18px}.monsga-separated-gallery__dialog-arrow svg{width:20px;height:20px}.monsga-separated-gallery__dialog-close:hover,.monsga-separated-gallery__dialog-arrow:hover{background:#ffffff29}.monsga-separated-gallery__dialog-counter{position:absolute;right:0;bottom:18px;left:0;z-index:2;color:#ffffffc2;font-size:.84rem;text-align:center}@media screen and (min-width:750px){.product-information__media:has(.monsga-separated-gallery){position:sticky;top:calc(var(--header-height, 0px) + 24px);align-self:start}}@media screen and (max-width:749px){.monsga-separated-gallery{gap:10px}.monsga-separated-gallery__thumb{flex-basis:58px;width:58px;height:58px}.monsga-separated-gallery__arrow{width:44px;height:44px;opacity:.38;background:#ffffff8c}.monsga-separated-gallery__dialog-inner{width:100vw;height:88vh}.monsga-separated-gallery__dialog-canvas{width:92vw;height:78vh}.monsga-separated-gallery__dialog-arrow--previous{left:8px}.monsga-separated-gallery__dialog-arrow--next{right:8px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/monsga-separated-gallery.css.map */