@layer fx.reset;@layer fx.tokens{.fx-lightbox{--fx-color-gray-50:#f9fafb;--fx-color-gray-900:#101828;--fx-color-gray-950:#0c111d;--fx-color-neutral-50:var(--fx-color-gray-50);--fx-color-neutral-900:var(--fx-color-gray-900);--fx-color-neutral-950:var(--fx-color-gray-950);--fx-color-white:#fff;--fx-color-black:#000;--fx-space-1:4px;--fx-space-2:8px;--fx-space-3:12px;--fx-space-4:16px;--fx-space-5:20px;--fx-space-12:48px;--fx-font-size-sm:14px;--fx-duration-fast:.12s;--fx-duration-base:.2s;--fx-duration-instant:60ms;--fx-ease-standard:cubic-bezier(.2, 0, 0, 1);--fx-ease-emphasized:cubic-bezier(.2, .7, .2, 1);--fx-ease-exit:cubic-bezier(.4, 0, 1, 1);--fx-ease-enter:cubic-bezier(0, 0, .2, 1);--fx-text-on-brand:var(--fx-color-white);--fx-bg-brand-solid:var(--fx-color-neutral-900);--fx-bg-overlay:var(--fx-color-neutral-950);--fx-border-width-default:1px;--fx-border-width-focus:2px;--fx-knob-density:1;--fx-knob-motion:1;--fx-knob-motion-press:1;--fx-radius-surface:12px;--fx-radius-circle:9999px;--fx-size-control-md:44px;--fx-size-min-target:24px;--fx-size-touch-target:44px;--fx-motion-scale-press:.97}[data-fx-scheme=light] .fx-lightbox{--fx-text-on-brand:var(--fx-color-white);--fx-bg-brand-solid:var(--fx-color-neutral-900);--fx-bg-overlay:var(--fx-color-neutral-950)}@media (prefers-color-scheme:dark){:root:not([data-fx-scheme=light]) .fx-lightbox{--fx-text-on-brand:var(--fx-color-neutral-900);--fx-bg-brand-solid:var(--fx-color-neutral-50);--fx-bg-overlay:var(--fx-color-black)}}[data-fx-scheme=dark] .fx-lightbox{--fx-text-on-brand:var(--fx-color-neutral-900);--fx-bg-brand-solid:var(--fx-color-neutral-50);--fx-bg-overlay:var(--fx-color-black)}[data-fx-personality=hard] .fx-lightbox{--fx-knob-motion:.85;--fx-radius-surface:4px}[data-fx-personality=medium] .fx-lightbox{--fx-knob-motion:1;--fx-radius-surface:12px}[data-fx-personality=soft] .fx-lightbox,[data-fx-personality=round] .fx-lightbox{--fx-knob-motion:1.15;--fx-radius-surface:14px}.fx-lightbox{--fx-control-h-md:max(var(--fx-size-min-target), calc(var(--fx-size-control-md) * var(--fx-knob-density)));--fx-motion-fast:calc(var(--fx-duration-fast) * var(--fx-knob-motion));--fx-motion-base:calc(var(--fx-duration-base) * var(--fx-knob-motion));--fx-motion-instant:calc(var(--fx-duration-instant) * var(--fx-knob-motion));--fx-motion-exit-base:calc(var(--fx-duration-base) * var(--fx-knob-motion) * .7);--fx-motion-press:calc(1 - (1 - var(--fx-motion-scale-press)) * var(--fx-knob-motion-press))}@media (pointer:coarse){.fx-lightbox{--fx-control-h-md:max(var(--fx-size-touch-target), calc(var(--fx-size-control-md) * var(--fx-knob-density)))}}}@layer fx.base;@layer fx.components{.fx-lightbox{background:color-mix(in oklab, var(--fx-bg-overlay) 94%, transparent);block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--_lb-fg);--_lb-fg:var(--fx-color-white);opacity:0;transition:opacity var(--fx-motion-exit-base) var(--fx-ease-exit), display var(--fx-motion-exit-base) allow-discrete, overlay var(--fx-motion-exit-base) allow-discrete;border:0;margin:0;padding:0}.fx-lightbox[open]{opacity:1;transition-duration:var(--fx-motion-base);transition-timing-function:var(--fx-ease-enter);grid-template-rows:auto minmax(0,1fr) auto;display:grid}@starting-style{.fx-lightbox[open]{opacity:0}}.fx-lightbox::backdrop{background:0 0}.fx-lightbox__bar{min-block-size:calc(var(--fx-control-h-md) + var(--fx-space-3) * 2)}.fx-lightbox__count{z-index:1;font-size:var(--fx-font-size-sm);font-variant-numeric:tabular-nums;position:absolute;inset-block-start:calc(var(--fx-space-3) + var(--fx-control-h-md) / 2);inset-inline-start:var(--fx-space-4);translate:0 -50%}.fx-lightbox__actions{z-index:1;gap:var(--fx-space-2);display:flex;position:absolute;inset-block-start:var(--fx-space-3);inset-inline-end:var(--fx-space-4)}.fx-lightbox__stage{touch-action:pan-y;place-items:center;min-block-size:0;display:grid;position:relative;overflow:hidden}.fx-lightbox__img{object-fit:contain;max-block-size:100%;max-inline-size:100%;transition:scale var(--fx-motion-base) var(--fx-ease-emphasized);user-select:none;-webkit-user-drag:none}.fx-lightbox[data-zoomable] .fx-lightbox__img{cursor:zoom-in}.fx-lightbox[data-zoom] .fx-lightbox__img{cursor:zoom-out;scale:2.2}.fx-lightbox__stage,.fx-lightbox__bar{cursor:default}.fx-lightbox__caption{padding:var(--fx-space-3) var(--fx-space-4) var(--fx-space-4);text-align:center;font-size:var(--fx-font-size-sm);color:color-mix(in oklab, var(--_lb-fg) 82%, transparent);margin:0}.fx-lightbox__btn{inline-size:var(--fx-control-h-md);block-size:var(--fx-control-h-md);border:var(--fx-border-width-default) solid color-mix(in oklab, var(--_lb-fg) 16%, transparent);border-radius:var(--fx-radius-circle);background:color-mix(in oklab, var(--_lb-fg) 10%, transparent);backdrop-filter:blur(12px);color:color-mix(in oklab, var(--_lb-fg) 85%, transparent);font:inherit;cursor:pointer;transition:background-color var(--fx-motion-fast) var(--fx-ease-standard), scale var(--fx-motion-instant) var(--fx-ease-standard);place-items:center;padding:0;line-height:1;display:inline-grid}.fx-lightbox__btn svg{block-size:55%;inline-size:55%}.fx-lightbox__btn:hover{background:color-mix(in oklab, var(--_lb-fg) 18%, transparent);border-color:color-mix(in oklab, var(--_lb-fg) 28%, transparent);color:var(--_lb-fg)}.fx-lightbox__btn:active{scale:var(--fx-motion-press)}.fx-lightbox__btn[aria-pressed=true]{background:var(--fx-bg-brand-solid);color:var(--fx-text-on-brand);border-color:#0000}.fx-lightbox__btn:focus-visible{outline:var(--fx-border-width-focus) solid var(--_lb-fg);outline-offset:var(--fx-border-width-focus)}.fx-lightbox__zoom,.fx-lightbox__close{flex:none}.fx-lightbox__nav{z-index:1;position:absolute;inset-block-start:50%;translate:0 -50%}.fx-lightbox__nav[data-dir=prev]{inset-inline-start:var(--fx-space-4)}.fx-lightbox__nav[data-dir=next]{inset-inline-end:var(--fx-space-4)}.fx-lightbox[data-single] .fx-lightbox__nav{display:none}@supports (anchor-name:--a){@media (width>=600px){.fx-lightbox{--_lb-btn:var(--fx-control-h-md);--_lb-gap:var(--fx-space-5)}.fx-lightbox__bar{min-block-size:calc(var(--_lb-btn) + var(--fx-space-4) * 2)}.fx-lightbox__img{anchor-name:--fx-lightbox-img;max-inline-size:calc(100vw - (var(--_lb-btn) + var(--_lb-gap) + var(--fx-space-4)) * 2);max-block-size:calc(100dvh - (var(--_lb-btn) + var(--fx-space-4) * 2) - var(--fx-space-12) * 2.5);border-radius:var(--fx-radius-surface)}.fx-lightbox__actions,.fx-lightbox__nav,.fx-lightbox__count{position-anchor:--fx-lightbox-img;margin:0;position:fixed;inset:auto;translate:none}.fx-lightbox__actions{bottom:calc(anchor(top) + var(--fx-space-3));right:anchor(right)}.fx-lightbox__nav{top:anchor(center);translate:0 -50%}.fx-lightbox__nav[data-dir=prev]{inset-inline-start:auto;right:calc(anchor(left) + var(--_lb-gap))}.fx-lightbox__nav[data-dir=next]{inset-inline-end:auto;left:calc(anchor(right) + var(--_lb-gap))}.fx-lightbox__count{top:calc(anchor(bottom) + var(--fx-space-3));left:anchor(center);translate:-50%}.fx-lightbox__caption{position-anchor:--fx-lightbox-img;inset:auto;top:calc(anchor(bottom) + var(--fx-space-3) + var(--fx-font-size-sm) * 1.6 + var(--fx-space-1));left:anchor(center);inline-size:max-content;max-inline-size:anchor-size(width);padding:0;position:fixed;translate:-50%}}}}@layer fx.utilities;@property --fx-knob-pill{syntax:"<number>";inherits:true;initial-value:0}@property --fx-knob-density{syntax:"<number>";inherits:true;initial-value:1}@property --fx-knob-depth{syntax:"<number>";inherits:true;initial-value:1}@property --fx-knob-motion{syntax:"<number>";inherits:true;initial-value:1}@property --fx-knob-blur{syntax:"<number>";inherits:true;initial-value:1}@property --fx-knob-outline{syntax:"<number>";inherits:true;initial-value:1}@property --fx-knob-field-fill{syntax:"<number>";inherits:true;initial-value:0}@property --fx-knob-motion-press{syntax:"<number>";inherits:true;initial-value:1}@property --fx-knob-motion-lift{syntax:"<number>";inherits:true;initial-value:0}@property --fx-knob-motion-stagger{syntax:"<number>";inherits:true;initial-value:0}@property --fx-knob-motion-loop{syntax:"<number>";inherits:true;initial-value:1}@property --fx-knob-page-tint{syntax:"<number>";inherits:true;initial-value:0}