.art-lightbox{--lb-ink:oklch(100% 0 none);--lb-soft:oklch(100% 0 none/.9);--lb-line:oklch(100% 0 none/.28);--lb-scrim:oklch(0% 0 none/.62);--lb-control:oklch(21% .006 286/.72);--lb-hover:oklch(37.4% .01 286/.9);--lb-quick:.15s;--lb-fast:.25s;block-size:100dvh;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--lb-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:inherit;overscroll-behavior:contain;touch-action:none;opacity:0;transition:opacity var(--lb-quick) var(--ease-out), overlay var(--lb-quick) allow-discrete, display var(--lb-quick) allow-discrete;background:#000;border:0;margin:0;padding:0;display:none;position:fixed;inset:0;overflow:clip}.art-lightbox[open]{opacity:1;transition-duration:var(--lb-fast);display:block}.art-lightbox::backdrop{background:0 0}.art-lightbox :focus-visible{outline:3px solid var(--accent-pkmn);outline-offset:2px}@starting-style{.art-lightbox[open]{opacity:0}}.lb-bar,.lb-foot{z-index:2;isolation:isolate;transition:opacity var(--lb-fast) var(--ease-out);position:absolute;inset-inline:0}.lb-bar:before,.lb-foot:before{content:"";z-index:-1;background:var(--lb-scrim);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);position:absolute;inset:0}.art-lightbox.is-idle :is(.lb-bar,.lb-foot){opacity:0;pointer-events:none}.lb-bar{box-sizing:border-box;min-block-size:3.5rem;padding-block:max(.375rem, env(safe-area-inset-top)) .375rem;padding-inline:max(1rem, env(safe-area-inset-left)) max(.375rem, env(safe-area-inset-right));align-items:center;gap:.25rem;display:flex;inset-block-start:0}.lb-count,.lb-action{font:inherit;letter-spacing:normal;text-transform:none;font-size:1rem;font-weight:500}.lb-count{color:var(--lb-soft);font-variant-numeric:tabular-nums;margin-block:0;margin-inline:0 auto}.art-lightbox.is-single .lb-count{visibility:hidden}.lb-action{border-radius:var(--r-option);min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--lb-ink);cursor:pointer;transition:background-color var(--lb-quick) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;gap:.5rem;padding-inline:.75rem;line-height:1.2;text-decoration:none;display:inline-flex}.lb-action svg{block-size:1.375rem;inline-size:1.375rem}.lb-action:disabled{opacity:.5;cursor:wait}.lb-action[hidden]{display:none}@media (hover:hover) and (pointer:fine){.lb-action:hover{background:oklch(100% 0 none/.14)}}@media (width<=559px){.lb-bar{padding-inline:max(.75rem, env(safe-area-inset-left)) max(.25rem, env(safe-area-inset-right));gap:0}.lb-count{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:.875rem;overflow:hidden}.lb-action{flex-direction:column;flex:none;gap:2px;padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem;line-height:1.1}.lb-action svg{block-size:1.25rem;inline-size:1.25rem}.lb-label{white-space:nowrap}}.lb-stage{-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:clip}.lb-frame{inset-block:var(--lb-top,3.5rem) var(--lb-bottom,3.75rem);position:absolute;inset-inline:0}.lb-image{object-fit:scale-down;transform-origin:50%;will-change:transform;-webkit-user-drag:none;block-size:100%;inline-size:100%;max-inline-size:none;position:absolute;inset:0}.lb-image.is-preview{object-fit:contain;filter:blur(2px)}.lb-spinner{color:var(--lb-soft);pointer-events:none;place-content:center;justify-items:center;gap:.75rem;margin:0;font-size:.875rem;display:grid;position:absolute;inset:0}.lb-spinner[hidden]{display:none}.lb-ring{border:3px solid var(--lb-line);border-block-start-color:var(--lb-ink);border-radius:50%;block-size:2.5rem;inline-size:2.5rem}.lb-message,.lb-status{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:0;position:absolute;overflow:clip}.lb-stage.is-error .lb-ring{display:none}.lb-stage.is-error .lb-message{clip-path:none;block-size:auto;inline-size:auto;color:var(--lb-ink);position:static}.lb-foot{box-sizing:border-box;min-block-size:3.75rem;padding-block:.5rem max(.5rem, env(safe-area-inset-bottom));padding-inline:max(.5rem, env(safe-area-inset-left)) max(.5rem, env(safe-area-inset-right));align-items:center;gap:.5rem;display:flex;inset-block-end:0}.lb-nav{border:1px solid var(--lb-line);background:var(--lb-control);block-size:3rem;inline-size:3rem;color:var(--lb-ink);cursor:pointer;transition:background-color var(--lb-quick) var(--ease-out), border-color var(--lb-quick) var(--ease-out), opacity var(--lb-quick) var(--ease-out);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.lb-nav svg{block-size:1.75rem;inline-size:1.75rem}@media (hover:hover) and (pointer:fine){.lb-nav:hover{background:var(--lb-hover);border-color:oklch(100% 0 none/.5) oklch(100% 0 none/.5) oklch(100% 0 none/.5) oklch(100% 0 none/.5)}}.art-lightbox.is-single .lb-nav{display:none}.lb-caption{max-block-size:30dvh;color:var(--lb-soft);text-align:center;text-wrap:pretty;touch-action:pan-y;flex:1;margin:0;font-size:.9375rem;line-height:1.45;overflow-y:auto}@media (width>=640px){.lb-foot{padding-inline:1rem}.lb-nav{z-index:3;position:fixed;inset-block-start:50%;translate:0 -50%;box-shadow:0 2px 12px oklch(0% 0 none/.4)}.lb-prev{inset-inline-start:max(1rem, env(safe-area-inset-left))}.lb-next{inset-inline-end:max(1rem, env(safe-area-inset-right))}.art-lightbox.is-zoomed .lb-nav:not(:focus-visible){opacity:0;pointer-events:none}}@media (prefers-reduced-motion:no-preference){.lb-image.is-entering{animation:lb-in var(--lb-quick) var(--ease-out) both}.lb-image.is-leaving{animation:lb-out var(--lb-quick) var(--ease-out) both}.lb-image.is-animating{transition:transform .3s var(--ease-out)}.lb-ring{animation:.8s linear infinite lb-spin}.lb-spinner{animation:.2s both lb-in}.lb-action:active,.lb-nav:active{scale:var(--press-scale)}.lb-action,.lb-nav{transition-property:background-color,border-color,opacity,scale;transition-duration:var(--lb-quick);transition-timing-function:var(--ease-out)}}@keyframes lb-in{0%{opacity:0}}@keyframes lb-out{to{opacity:0}}@keyframes lb-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.art-lightbox,.lb-bar,.lb-foot{transition:none}.lb-message{clip-path:none;block-size:auto;inline-size:auto;position:static}}