.media-lightbox__dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:color-mix(in srgb,var(--color-ink) 95%,transparent);color:var(--color-bg);overflow:hidden}.media-lightbox__dialog[open]{display:flex;flex-direction:column;animation:lusq-fade .2s ease}.media-lightbox__dialog::backdrop{background:transparent}.media-lightbox__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}.media-lightbox__heading{display:flex;align-items:baseline;gap:12px;min-width:0}.media-lightbox__title{margin:0;overflow:hidden;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:16px;white-space:nowrap;text-overflow:ellipsis}.media-lightbox__counter{flex:none;margin:0;font-family:var(--font-mono);font-size:12px;color:var(--color-subtle)}.media-lightbox__actions{display:flex;flex:none;gap:8px}.media-lightbox__button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid color-mix(in srgb,var(--color-bg) 20%,transparent);border-radius:var(--radius-pill);background:transparent;color:var(--color-bg);cursor:pointer}.media-lightbox__button[hidden]{display:none}.media-lightbox__button--close{border-color:var(--color-bg);background:var(--color-bg);color:var(--color-ink)}.media-lightbox__button--zoom .media-lightbox__zoom-out,.media-lightbox__button--zoom[aria-pressed=true] .media-lightbox__zoom-in{display:none}.media-lightbox__button--zoom[aria-pressed=true] .media-lightbox__zoom-out{display:block}.media-lightbox__button:focus-visible,.media-lightbox__arrow:focus-visible,.media-lightbox__thumb:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.media-lightbox__stage{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:0;padding:8px 20px;overflow:hidden}.media-lightbox__slides{width:100%;height:100%;margin:0;padding:0;list-style:none}.media-lightbox__slide{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.media-lightbox__slide[hidden]{display:none}.media-lightbox__frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.media-lightbox__image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;border-radius:var(--radius-card);object-fit:contain;cursor:zoom-in}.media-lightbox__slide.is-zoomed .media-lightbox__frame{display:block;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x pan-y}.media-lightbox__slide.is-zoomed .media-lightbox__frame::-webkit-scrollbar{display:none}.media-lightbox__slide.is-zoomed .media-lightbox__image{width:200%;height:auto;max-width:none;max-height:none;border-radius:0;cursor:zoom-out}.media-lightbox__video,.media-lightbox__iframe,.media-lightbox__model,.media-lightbox__slide model-viewer{width:min(100%,1100px);height:100%;max-height:100%;border:0;border-radius:var(--radius-card)}.media-lightbox__slide--video{container-type:size}.media-lightbox__video{width:min(100cqw,1100px,calc(100cqh * var(--media-aspect, 1.7778)));height:auto;aspect-ratio:var(--media-aspect, 1.7778);object-fit:contain;background:transparent}.media-lightbox__iframe{height:auto;aspect-ratio:16 / 9}.media-lightbox__slide model-viewer{background:var(--color-surface-muted)}.media-lightbox__arrow{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-bg) 12%,transparent);color:var(--color-bg);cursor:pointer;transform:translateY(-50%);transition:background-color .15s ease}.media-lightbox__arrow:hover{background:color-mix(in srgb,var(--color-bg) 22%,transparent)}.media-lightbox__arrow--prev{left:24px}.media-lightbox__arrow--next{right:24px}.is-zoomed .media-lightbox__arrow{display:none}.media-lightbox__thumbs{display:flex;flex:none;gap:10px;margin:0;padding:14px 20px 22px;list-style:none;overflow-x:auto;scrollbar-width:none}.media-lightbox__thumbs>li:first-child{margin-left:auto}.media-lightbox__thumbs>li:last-child{margin-right:auto}.media-lightbox__thumb{position:relative;display:block;width:60px;height:60px;padding:0;border:2px solid transparent;border-radius:var(--radius-button);background:var(--color-surface-muted);overflow:hidden;opacity:.55;cursor:pointer;transition:opacity .15s ease,border-color .15s ease}.media-lightbox__thumb:hover{opacity:.85}.media-lightbox__thumb[aria-current=true]{border-color:var(--color-accent);opacity:1}.media-lightbox__thumb img{width:100%;height:100%;object-fit:cover}.media-lightbox__thumb-icon{position:absolute;right:4px;bottom:4px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 3px;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface);font-size:9px;font-weight:700}@media(prefers-reduced-motion:reduce){.media-lightbox__dialog[open]{animation:none}}@media(max-width:559px){.media-lightbox__arrow{display:none}.media-lightbox__header{padding:12px 14px}.media-lightbox__stage{padding:8px 12px}.media-lightbox__thumbs{padding:12px 14px 18px}.media-lightbox__thumb{width:52px;height:52px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-media-lightbox.css.map */
