.magio-pdp-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none;visibility:hidden;background:#fff;overflow:hidden}.magio-pdp-lightbox.is-open{pointer-events:auto;visibility:visible}.magio-pdp-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#fff}.magio-pdp-lightbox__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;background:#fff;overflow:hidden}.magio-pdp-lightbox__close{position:absolute;top:2.4rem;right:2.4rem;z-index:4;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--magio-pdp-font-body, "Outfit", sans-serif);font-size:1.1rem;font-weight:700;letter-spacing:.08rem;line-height:1;text-transform:uppercase;color:#000}.magio-pdp-lightbox__close:hover{opacity:.72}.magio-pdp-lightbox__thumbs{position:absolute;top:50%;left:2.4rem;z-index:3;display:flex;flex-direction:column;gap:1.2rem;max-height:calc(100vh - 4.8rem);overflow:auto;transform:translateY(-50%);pointer-events:auto;-ms-overflow-style:none;scrollbar-width:none}.magio-pdp-lightbox__thumbs::-webkit-scrollbar{display:none}.magio-pdp-lightbox__thumb{flex:0 0 auto;width:9.6rem;height:9.6rem;padding:0;border:.1rem solid transparent;background:#f2f2f2;cursor:pointer;overflow:hidden;opacity:.55;transition:opacity .2s ease,border-color .2s ease}.magio-pdp-lightbox__thumb.is-active,.magio-pdp-lightbox__thumb:hover{opacity:1;border-color:#000}.magio-pdp-lightbox__thumb-image{width:100%;height:100%;box-sizing:border-box;padding:10%;object-fit:contain;object-position:center;display:block}.magio-pdp-lightbox__main{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;padding:6rem 2.4rem;box-sizing:border-box;pointer-events:none}.magio-pdp-lightbox__stage{position:relative;flex:0 0 auto;width:min(48rem,36vw);height:min(72rem,calc(100vh - 12rem));max-height:calc(100vh - 12rem);background:#f2f2f2;overflow:hidden;pointer-events:auto;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1)}.magio-pdp-lightbox__stage.is-expanded{width:min(88rem,62vw);height:min(80rem,calc(100vh - 8rem));max-height:calc(100vh - 8rem)}.magio-pdp-lightbox__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:stretch;margin:0;padding:0;box-sizing:border-box;background:#f2f2f2;transform:translateZ(0);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0;will-change:transform}.magio-pdp-lightbox__slide.is-active{z-index:2}.magio-pdp-lightbox__slide.is-transitioning{z-index:1}.magio-pdp-lightbox__slide.is-transitioning.is-active{z-index:2}.magio-pdp-lightbox__slide[hidden]:not(.is-transitioning){display:none!important}.magio-pdp-lightbox__zoom-viewport{width:100%;height:100%;display:block;overflow:hidden;touch-action:none;cursor:zoom-in;user-select:none;-webkit-user-select:none}.magio-pdp-lightbox__zoom-viewport.is-zoomed,.magio-pdp-lightbox__zoom-viewport.is-zoomed .magio-pdp-lightbox__image,.magio-pdp-lightbox__zoom-viewport.is-dragging,.magio-pdp-lightbox__zoom-viewport.is-dragging .magio-pdp-lightbox__image{cursor:move}.magio-pdp-lightbox__image{width:100%;height:100%;box-sizing:border-box;padding:8%;object-fit:contain;object-position:center;display:block;transform-origin:center center;transition:transform .22s ease;will-change:transform}.magio-pdp-lightbox__zoom-viewport.is-dragging .magio-pdp-lightbox__image{transition:none}.magio-pdp-lightbox__nav{position:absolute;right:2.4rem;bottom:2.4rem;z-index:4;display:flex;align-items:center;gap:1.6rem}.magio-pdp-lightbox__arrow{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:2rem;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--magio-pdp-font-body, "Outfit", sans-serif);font-size:1.4rem;font-weight:400;line-height:1;color:#000}.magio-pdp-lightbox__arrow:disabled{opacity:.25;cursor:default}.magio-pdp-lightbox__arrow:not(:disabled):hover{opacity:.72}.magio-pdp-lightbox__count{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--magio-pdp-font-body, "Outfit", sans-serif);font-size:1.2rem;font-weight:400;line-height:1;color:#000;white-space:nowrap}@media screen and (max-width:989px){.magio-pdp-lightbox__dialog{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0}.magio-pdp-lightbox__close{top:2rem;right:2rem;font-size:1.1rem;letter-spacing:.08rem}.magio-pdp-lightbox__main{order:1;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;padding:5.6rem 2rem 2.4rem;box-sizing:border-box}.magio-pdp-lightbox__stage{width:min(100%,34rem);height:auto;aspect-ratio:388 / 460;min-height:min(36rem,calc(100vh - 22rem));max-height:calc(100vh - 22rem);background:#f2f2f2}.magio-pdp-lightbox__stage.is-expanded{width:min(100%,34rem);height:auto;aspect-ratio:388 / 460;min-height:min(36rem,calc(100vh - 22rem));max-height:calc(100vh - 22rem)}.magio-pdp-lightbox__image{object-fit:contain}.magio-pdp-lightbox__thumbs{position:static;top:auto;left:auto;order:2;flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.8rem;width:100%;max-height:none;margin:0;padding:0 2rem calc(3.2rem + env(safe-area-inset-bottom,0px));box-sizing:border-box;transform:none;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.magio-pdp-lightbox__thumbs::-webkit-scrollbar{display:none}.magio-pdp-lightbox__thumb{flex:0 0 7.2rem;width:7.2rem;height:7.2rem;border-radius:.4rem;border:.1rem solid transparent;background:#f2f2f2;opacity:1}.magio-pdp-lightbox__thumb.is-active{border-color:#000}.magio-pdp-lightbox__thumb-image{border-radius:.3rem;object-fit:contain}.magio-pdp-lightbox__nav{display:none}}html.magio-pdp-lightbox-open,body.magio-pdp-lightbox-open{overflow:hidden;height:100%}body.magio-pdp-lightbox-open{position:fixed;width:100%}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-magio-pdp-gallery-lightbox.css.map */