.lb:not([open]){display:none}.lb{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;border:0;display:flex;flex-direction:column;background:color-mix(in srgb,var(--color-ink) 92%,transparent);color:var(--color-ink-on-dark)}.lb::backdrop{background:transparent}.lb--fullscreen .lb__bar,.lb--fullscreen .lb__nav,.lb--fullscreen .lb__strip,.lb--fullscreen .lb__caption{display:none}.lb--fullscreen .lb__stage{padding:0}.lb--fullscreen .lb__media{max-width:100%;max-height:100dvh}.lb__bar{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem}.lb__counter{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--text-ui);font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--color-ink-on-dark) 70%,transparent)}.lb .lb__bar .lb__tools-start{margin-inline-start:auto}.lb__spacer{flex:1}.lb__divider{width:1px;height:1.25rem;background:color-mix(in srgb,var(--color-ink-on-dark) 25%,transparent)}.lb .lb__bar .gdh-iconbtn{background:var(--color-surface-dark-2)}.lb .lb__bar .gdh-iconbtn:not(:disabled):hover{background:color-mix(in srgb,var(--color-ink-on-dark) 20%,var(--color-surface-dark-2))}.lb__zoom{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;font-family:var(--font-mono);font-size:var(--text-ui);font-variant-numeric:tabular-nums;color:var(--color-ink-on-dark)}.lb__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:1.25rem .75rem;overflow:hidden}.lb__body{display:flex;flex-direction:column;align-items:center;max-width:100%}.lb__frame{touch-action:none;position:relative;margin:0;display:flex;align-items:center;justify-content:center;min-width:0}.lb__media{max-width:90%;max-height:75dvh;object-fit:contain;transition:transform .22s var(--ease-standard)}.lb__media--zoomed{cursor:grab;touch-action:none}.lb__media--dragging{cursor:grabbing;transition:none}.lb__caption{flex:none;width:min(48rem,100%);margin:0 auto;padding:.75rem 1.25rem 1.25rem;text-align:center;font-family:var(--font-sans)}.lb__caption-title{display:block;font-size:var(--text-body);font-weight:600;line-height:var(--text-body--line-height);color:var(--color-ink-on-dark)}.lb__caption-meta{display:block;margin-bottom:.25rem;font-size:var(--text-ui);color:color-mix(in srgb,var(--color-ink-on-dark) 70%,transparent)}.lb__caption-description{display:block;margin:.5rem 0 0;font-size:var(--text-body);font-weight:400;line-height:var(--text-body--line-height);color:color-mix(in srgb,var(--color-ink-on-dark) 85%,transparent)}.lb__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-ink) 60%,transparent);color:var(--color-ink-on-dark);pointer-events:none}.lb__play--lg{width:4.5rem;height:4.5rem}.lb__play--lg svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.lb__play--sm{width:1.75rem;height:1.75rem}.lb__play--sm svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.lb__nav{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:0;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-ink-on-dark) 12%,transparent);color:var(--color-ink-on-dark);cursor:pointer;transition:background var(--transition-fast) var(--ease-standard);z-index:var(--z-content)}.lb__nav svg{width:var(--icon-size);height:var(--icon-size)}.lb__nav:hover{background:color-mix(in srgb,var(--color-ink-on-dark) 24%,transparent)}.lb__nav:active{transform:translateY(-50%) translateY(1px)}.lb__nav:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color-on-dark);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.lb__nav:disabled{cursor:not-allowed;opacity:.3}.lb__nav--prev{left:1rem}.lb__nav--next{right:1rem}.lb__strip{display:flex;justify-content:safe center;gap:.5rem;padding:0 1.25rem 1rem;overflow-x:auto;scrollbar-width:none}.lb__strip::-webkit-scrollbar{display:none}.lb__thumb{--lb-thumb-h: 90px;--lb-thumb-w: 138px;position:relative;flex:none;width:var(--lb-thumb-w);height:var(--lb-thumb-h);padding:0;border:2px solid transparent;border-radius:var(--radius-sm);background:none;cursor:pointer;overflow:hidden;transition:border-color var(--transition-base) var(--ease-standard)}.lb__thumb img{width:100%;height:100%;object-fit:cover}.lb__thumb:hover{border-color:color-mix(in srgb,var(--color-ink-on-dark) 50%,transparent)}.lb__thumb[aria-current=true]{border-color:var(--color-ink-on-dark)}.lb__thumb:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color-on-dark);outline-offset:var(--focus-ring-offset)}@media(min-width:768px){.lb .lb__bar .gdh-iconbtn[data-size=sm]{width:var(--iconbtn-box-md);height:var(--iconbtn-box-md);--icon-size: unset}}@media(max-width:640px){.lb__bar{padding:.75rem 1rem}.lb__nav{width:2.25rem;height:2.25rem}}@media(pointer:coarse),(max-width:640px){.lb__zoomtool{display:none}}@media(max-width:640px){.lb__stage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;column-gap:1.5rem;row-gap:.75rem;padding:.75rem 0}.lb__body{grid-column:1 / -1;grid-row:1;min-height:0;height:100%;justify-content:center}.lb__frame{flex:0 1 auto;min-height:0;max-height:100%}.lb__media{max-width:100%;max-height:100%}.lb__nav{position:relative;grid-row:2;top:auto;left:auto;right:auto;transform:none;width:2.75rem;height:2.75rem}.lb__nav--prev{justify-self:end}.lb__nav--next{justify-self:start}.lb__nav:active{transform:translateY(1px)}.lb__caption{flex:0 1 auto;min-height:0;max-height:30%;overflow-y:auto;padding:.5rem 1rem .75rem}.lb__strip{justify-content:flex-start;gap:.375rem;padding:0 1rem .75rem}.lb__thumb{--lb-thumb-h: 44px;--lb-thumb-w: 64px}}