product-gallery-lightbox{display:contents}html.product-gallery-lightbox-open{overflow:hidden}[data-product-lightbox-open]{cursor:zoom-in}.product-gallery-lightbox__dialog{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--color-background-main);color:var(--color-text-main)}.product-gallery-lightbox__dialog[open]{display:block;animation:productGalleryLightboxReveal .18s ease-out}.product-gallery-lightbox__dialog::backdrop{background:#000000b8}.product-gallery-lightbox__layout{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:3.75rem minmax(0,1fr) auto;width:100%;max-width:100%;height:100%;min-height:0;overflow:hidden}.product-gallery-lightbox__toolbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;min-width:0;border-bottom:1px solid var(--color-borders-main);background:var(--color-background-main)}.product-gallery-lightbox__counter{position:absolute;left:50%;transform:translate(-50%);font-variant-numeric:tabular-nums;white-space:nowrap}.product-gallery-lightbox__control{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:0;padding:0;border:1px solid var(--color-borders-main);border-radius:var(--border-radius-buttons);background:var(--color-background-main);color:var(--color-text-main);cursor:pointer;transition:opacity .15s linear,transform .15s ease}.product-gallery-lightbox__control svg{pointer-events:none}.product-gallery-lightbox__control svg path,.product-gallery-lightbox__control svg rect{fill:var(--color-text-main);stroke:var(--color-text-main)}.product-gallery-lightbox__control:focus-visible,.product-gallery-lightbox__thumbnail:focus-visible{outline:2px solid var(--color-text-main);outline-offset:3px}.product-gallery-lightbox__control:disabled{opacity:.25;cursor:default}.product-gallery-lightbox__close{position:absolute;z-index:2;top:.5rem;right:.75rem}html[dir=rtl] .product-gallery-lightbox__close{right:auto;left:.75rem}.product-gallery-lightbox__stage-row{position:relative;width:100%;max-width:100%;min-width:0;min-height:0;overflow:hidden}.product-gallery-lightbox__stage{box-sizing:border-box;position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:zoom-in;-webkit-user-select:none;user-select:none}.product-gallery-lightbox__stage.is-zoomed{cursor:grab}.product-gallery-lightbox__stage.is-dragging{cursor:grabbing}.product-gallery-lightbox__image{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:none;opacity:0;transform-origin:center center;will-change:transform;pointer-events:none;transition:opacity .12s linear}.product-gallery-lightbox__stage.is-ready .product-gallery-lightbox__image{opacity:1}.product-gallery-lightbox__loader{position:absolute;top:calc(50% - .75rem);left:calc(50% - .75rem);width:1.5rem;height:1.5rem;border:2px solid transparent;border-left-color:var(--color-text-main);border-radius:50%;opacity:0;animation:productGalleryLightboxSpin .8s linear infinite;transition:opacity .1s linear}.product-gallery-lightbox__stage.is-loading .product-gallery-lightbox__loader{opacity:.75}.product-gallery-lightbox__nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%)}.product-gallery-lightbox__prev{left:1rem}.product-gallery-lightbox__next{right:1rem}.product-gallery-lightbox__next svg{transform:rotate(180deg)}html[dir=rtl] .product-gallery-lightbox__prev{right:1rem;left:auto}html[dir=rtl] .product-gallery-lightbox__next{right:auto;left:1rem}html[dir=rtl] .product-gallery-lightbox__prev svg{transform:rotate(180deg)}html[dir=rtl] .product-gallery-lightbox__next svg{transform:none}.product-gallery-lightbox__thumbnail-nav{position:relative;z-index:4;width:100%;min-width:0;max-width:100%;border-top:1px solid var(--color-borders-main);background:var(--color-background-main)}.product-gallery-lightbox__thumbnails{box-sizing:border-box;display:flex;gap:.625rem;align-items:center;justify-content:flex-start;max-width:100%;padding:.75rem max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.product-gallery-lightbox__thumbnail{-webkit-appearance:none;appearance:none;flex:0 0 4.5rem;width:4.5rem;height:4.5rem;margin:0;padding:.1875rem;overflow:hidden;border:1px solid var(--color-borders-main);border-radius:var(--border-radius-cards);background:var(--color-background-main);cursor:pointer;opacity:.65;transition:opacity .15s linear,border-color .15s linear}.product-gallery-lightbox__thumbnail[aria-current=true]{border:2px solid var(--color-text-main);opacity:1}.product-gallery-lightbox__thumbnail-image{display:block;width:100%;height:100%;object-fit:contain}@keyframes productGalleryLightboxReveal{0%{opacity:0}to{opacity:1}}@keyframes productGalleryLightboxSpin{to{transform:rotate(360deg)}}@media screen and (max-width:767px){.product-gallery-lightbox__dialog{width:100vw;height:100dvh}.product-gallery-lightbox__layout{grid-template-rows:3.25rem minmax(0,1fr) auto}.product-gallery-lightbox__close{top:.25rem;right:.5rem}html[dir=rtl] .product-gallery-lightbox__close{right:auto;left:.5rem}.product-gallery-lightbox__control{width:2.5rem;height:2.5rem}.product-gallery-lightbox__prev{left:.5rem}.product-gallery-lightbox__next{right:.5rem}html[dir=rtl] .product-gallery-lightbox__prev{right:.5rem;left:auto}html[dir=rtl] .product-gallery-lightbox__next{right:auto;left:.5rem}.product-gallery-lightbox__thumbnail{flex-basis:3.5rem;width:3.5rem;height:3.5rem}.product-gallery-lightbox__thumbnails{gap:.5rem;padding-top:.5rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.product-gallery-lightbox__dialog[open]{animation:none}.product-gallery-lightbox__control,.product-gallery-lightbox__thumbnail,.product-gallery-lightbox__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/134/assets/component-product-gallery-lightbox.css.map */