.dialog-window.media-lightbox{--thumb-size: calc(60 * var(--px));width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;background:var(--lightbox-fill, rgb(var(--color-background)))}.media-lightbox--blend{--lightbox-fill: var(--blend-color)}.media-lightbox--blend .media-lightbox__slide img{mix-blend-mode:multiply}.media-lightbox__stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.media-lightbox__slides{position:absolute;top:0;right:0;bottom:0;left:0}.media-lightbox__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;padding:var(--space-64) var(--space-16) var(--space-16)}.media-lightbox__slide[hidden]{display:none}.media-lightbox__slide img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform var(--motion-time) var(--motion-ease);cursor:zoom-in;-webkit-user-drag:none}.media-lightbox__stage.is-zoomed img{cursor:zoom-out}.media-lightbox__slide img.media-lightbox__image--moving{transition:none}.media-lightbox__step{position:absolute;top:50%;z-index:2;translate:0 -50%}.media-lightbox__step--previous{inset-inline-start:var(--space-16)}.media-lightbox__step--next{inset-inline-end:var(--space-16)}.media-lightbox__counter{margin:0;padding:var(--space-12);text-align:center}.media-lightbox__strip{display:flex;flex:none;justify-content:safe center;gap:var(--space-8);padding:var(--space-20);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.media-lightbox__thumb{position:relative;flex:none;width:var(--thumb-size);height:var(--thumb-size);padding:0;border:0;cursor:pointer}.media-lightbox__thumb:not(.photo-blend){background:none}.media-lightbox__thumb[hidden]{display:none}.media-lightbox__thumb[aria-current]:after{content:"";position:absolute;right:0;bottom:calc(var(--space-8) * -1);left:0;height:var(--line-thick);background:rgb(var(--color-foreground))}@media screen and (min-width:600px){.dialog-window.media-lightbox{--thumb-size: calc(80 * var(--px))}}@media screen and (min-width:769px){.media-lightbox__slide{padding:0}.media-lightbox__step--previous{inset-inline-start:var(--space-24)}.media-lightbox__step--next{inset-inline-end:var(--space-24)}.media-lightbox__strip{position:absolute;inset-inline:0;inset-block-end:0;pointer-events:none}.media-lightbox__thumb{pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-media-lightbox.css.map */