.product-media-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;background:#000000b3;align-items:center;justify-content:center;padding:4rem 6rem}.product-media-modal[open]{display:flex}.product-media-modal__dialog{position:relative;height:100%;width:100%;max-width:140rem;max-height:86rem;background:rgb(var(--color-background));border-radius:0;box-shadow:0 2rem 6rem #00000080;display:flex;overflow:hidden}@media screen and (max-width:749px),screen and (max-height:500px){.product-media-modal{padding:0}.product-media-modal__dialog{max-width:none;max-height:none;border-radius:0}}.product-media-modal__toggle{position:absolute;top:1.6rem;right:1.6rem;z-index:30;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));border:none;border-radius:50%;cursor:pointer;padding:0}.product-media-modal__toggle .icon{width:1.5rem;height:1.5rem;margin:0}.product-media-modal__counter{display:none;position:absolute;top:1.8rem;left:50%;transform:translate(-50%);z-index:30;align-items:center;gap:.4rem;font-size:1.3rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));padding:.4rem 1.2rem;border-radius:999px}.product-media-modal__thumbnails{--thumb-height: 6.4rem;--thumb-gap: 1.2rem;position:relative;z-index:30;flex:0 0 auto;width:8.8rem;max-height:calc(var(--thumb-height) * 10 + var(--thumb-gap) * 9 + 3.2rem);padding:1.6rem 1.2rem;display:flex;flex-direction:column;gap:var(--thumb-gap);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background:rgb(var(--color-background))}.product-media-modal__dialog:has(.product-media-modal__stage.is-zoomed) .product-media-modal__thumbnails{position:absolute;inset:0 auto 0 0;background:none}.product-media-modal__thumb{display:block;padding:0;margin:0;width:100%;aspect-ratio:1 / 1;border:.2rem solid transparent;border-radius:.8rem;overflow:hidden;cursor:pointer;background:none;line-height:0;flex-shrink:0}.product-media-modal__thumb.is-active{border-color:#000}.product-media-modal__thumb:focus{outline:none}.product-media-modal__thumb img{display:block;width:100%;height:100%;object-fit:cover}.product-media-modal__nav{position:static;flex:0 0 auto;z-index:25;width:4rem;height:4rem;border:0;padding:0;background:transparent;color:rgba(var(--color-foreground),.6);cursor:pointer;display:flex;align-items:center;justify-content:center}.product-media-modal__nav[hidden]{display:none}.product-media-modal__nav[disabled]{opacity:.3;cursor:default;pointer-events:none}.product-media-modal__nav .icon{width:1.4rem}.product-media-modal__nav--prev .icon{transform:rotate(90deg)}.product-media-modal__nav--next .icon{transform:rotate(-90deg)}.product-media-modal__nav:hover{color:rgb(var(--color-foreground))}.product-media-modal__stage{position:relative;flex:1 1 auto;height:100%;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.6rem;touch-action:pan-y}.product-media-modal__stage.is-zoomed{touch-action:none}.product-media-modal__content{flex:1 1 auto;min-width:0;min-height:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-media-modal__content>*{display:none}.product-media-modal__content>.active{display:block;max-width:100%;max-height:100%;margin:auto}.product-media-modal__content img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in;transform-origin:center center;will-change:transform;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.product-media-modal__content .global-media-settings{border:0}.product-media-modal__content img.is-zoomed{cursor:grab}.product-media-modal__content img.is-panning{cursor:grabbing}.product-media-modal__content .deferred-media,.product-media-modal__content product-model{width:100%}@media screen and (max-width:749px),screen and (max-height:500px){.product-media-modal__thumbnails{display:none}.product-media-modal__counter{display:flex}.product-media-modal__stage{padding:1.6rem 1rem;gap:.4rem}.product-media-modal__nav{width:3.4rem;height:3.4rem}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/component-product-lightbox.css.map */