html.lightbox-open{overflow:hidden}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:transparent;color:var(--paper, #FCFCFB);overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto auto;place-items:center}.lightbox::backdrop{background:#101214eb;-webkit-backdrop-filter:blur(16px) saturate(.7);backdrop-filter:blur(16px) saturate(.7)}.lightbox:not([open]){display:none}.lightbox__fig{grid-row:1;min-height:0;margin:0;display:grid;place-items:center;width:min(100vw - 2rem,1400px);padding:clamp(1rem,4vw,3.5rem) clamp(1rem,4vw,4.5rem) 0;overflow:hidden}.lightbox__fig img{max-width:100%;max-height:calc(100dvh - 12rem);width:auto;height:auto;display:block;object-fit:contain;cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.lightbox__fig img[data-zoomed=true]{cursor:grab}.lightbox__fig img.is-dragging{cursor:grabbing}.lightbox__cap,.lightbox__count{margin:0;padding:var(--space-3, .75rem) var(--space-4, 1rem);text-align:center;font-family:var(--font-text, system-ui, sans-serif);font-size:var(--t-micro, .76rem);letter-spacing:var(--tracking-label, .16em);text-transform:uppercase;color:#fcfcfb9e}.lightbox__cap{grid-row:2;padding-bottom:.35rem;max-width:62ch;text-transform:none;letter-spacing:0;font-size:.82rem;line-height:1.5}.lightbox__meta{grid-row:3;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.35rem 1.25rem;padding:0 var(--space-4, 1rem) clamp(1rem,3vh,2rem)}.lightbox__count{padding:0;font-family:var(--font-mono, ui-monospace, monospace);color:var(--gold-bright, #D9B75C);font-variant-numeric:tabular-nums}.lightbox__hint{padding:0;font-family:var(--font-mono, ui-monospace, monospace);font-size:.64rem;color:#fcfcfb6b}.hint--coarse{display:none}@media(pointer:coarse){.hint--fine{display:none}.hint--coarse{display:inline}}.lightbox__cap[hidden],.lightbox__count[hidden]{display:none}.lightbox__close,.lightbox__nav{position:fixed;z-index:2;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgb(252 252 251 / .2);border-radius:50%;background:#1012148c;color:var(--paper, #FCFCFB);font-size:1.4rem;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .16s ease,border-color .16s ease,transform .12s ease}.lightbox__close:hover,.lightbox__nav:hover{background:#101214d9;border-color:var(--gold-bright, #D9B75C)}.lightbox__close:active,.lightbox__nav:active{transform:scale(.94)}.lightbox__close:focus-visible,.lightbox__nav:focus-visible{outline:2px solid var(--gold-bright, #D9B75C);outline-offset:3px}.lightbox__close{top:clamp(.75rem,2vh,1.5rem);right:clamp(.75rem,2vw,1.5rem)}.lightbox__nav--prev{left:clamp(.5rem,2vw,1.5rem);top:50%;transform:translateY(-50%)}.lightbox__nav--next{right:clamp(.5rem,2vw,1.5rem);top:50%;transform:translateY(-50%)}.lightbox__nav--prev:active,.lightbox__nav--next:active{transform:translateY(-50%) scale(.94)}.lightbox__nav[hidden]{display:none}.lightbox[data-zoomed=true] .lightbox__nav{opacity:.35}.lightbox[data-zoomed=true] .lightbox__nav:hover{opacity:1}.zoom-btn{position:absolute;right:var(--space-3, .75rem);top:var(--space-3, .75rem);z-index:3;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border:1px solid var(--rule-strong, #C4C9C4);border-radius:var(--radius-pill, 999px);background:#fcfcfbe0;color:var(--ink, #16181A);font-family:var(--font-mono, ui-monospace, monospace);font-size:.66rem;letter-spacing:var(--tracking-label, .16em);text-transform:uppercase;cursor:zoom-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .16s ease,background .16s ease,color .16s ease}.zoom-btn:hover{border-color:var(--gold, #B8933F);background:var(--paper, #FCFCFB);color:var(--gold-deep, #7E611F)}.zoom-btn:focus-visible{outline:2px solid var(--gold-deep, #7E611F);outline-offset:2px}.zoom-btn svg{flex:none}@media(max-width:599px){.zoom-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.zoom-btn{padding:.45rem}}@media(max-width:599px){.lightbox__fig{width:100vw;padding:3.25rem .5rem 0}}@media(prefers-reduced-motion:reduce){.lightbox__fig img,.zoom-btn,.lightbox__close,.lightbox__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sib-lightbox.css.map */