@layer components{.lx-stage{background:radial-gradient(120% 90% at 60% 45%,#16264f 0%,#0e1a3a 45%,#091127 100%)}.lx-stage-dusk{background:radial-gradient(120% 90% at 60% 45%,#121a30 0%,#0b1122 50%,#060a15 100%)}.lx-hotspot{--lift:26px;transition:opacity var(--dur-state) var(--ease-out);outline:none;flex-direction:column;align-items:center;display:flex;transform:translate(-50%)translateY(6px)}.lx-hotspot:before{content:"";position:absolute;inset:-8px}.lx-chip{margin-bottom:calc(var(--lift) + 8px);white-space:nowrap;-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);color:#f3f5fa;letter-spacing:-.006em;transition:background var(--dur-state) var(--ease-out), border-color var(--dur-state) var(--ease-out), padding var(--dur-state) var(--ease-out), gap var(--dur-state) var(--ease-out), margin var(--dur-state) var(--ease-out);background:#091024d1;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:0;padding:4px;font-size:.875rem;font-weight:500;font-stretch:96%;line-height:1.25;display:inline-flex;box-shadow:0 6px 24px -8px #0000008c}.lx-num{color:#7fd0ff;min-width:1.75rem;height:1.75rem;font-family:var(--font-plex-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;background:#00a2ff29;border-radius:999px;place-items:center;padding:0 .3rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-grid}.lx-autech .lx-num{color:#04101f;font-family:var(--font-instrument-sans), system-ui, sans-serif;background:#00a2ff;font-weight:600}.lx-name{text-overflow:ellipsis;opacity:0;max-width:0;transition:max-width var(--dur-transition) var(--ease-out), opacity var(--dur-state) var(--ease-out);padding-block:2px;overflow:hidden}.lx-labels .lx-chip,.lx-on .lx-chip,.lx-hotspot:focus-visible .lx-chip{gap:.5rem;padding:4px 12px 4px 4px}.lx-labels .lx-name,.lx-on .lx-name,.lx-hotspot:focus-visible .lx-name{opacity:1;max-width:18rem}.lx-stem{width:1px;height:calc(var(--lift) + 3px);transition:height var(--dur-state) var(--ease-out);background:linear-gradient(#ffffffbf,#ffffff40);position:absolute;bottom:5px}.lx-dot{width:11px;height:11px;transition:box-shadow var(--dur-state) var(--ease-out);background:#fff;border-radius:999px;position:absolute;bottom:-5px;box-shadow:0 0 0 2px #00a2ff,0 0 0 6px #00a2ff2e}.lx-dotnum{display:none}.lx-on .lx-chip,.lx-hotspot:focus-visible .lx-chip{color:#04101f;background:#00a2ff;border-color:#00a2ff}.lx-on .lx-num,.lx-hotspot:focus-visible .lx-num{color:#04101f;background:#04101f29}.lx-hotspot:focus-visible .lx-chip{outline-offset:3px;outline:2px solid #5cc2ff}.lx-on .lx-dot{box-shadow:0 0 0 2px #00a2ff,0 0 0 9px #00a2ff40}.lx-dim{opacity:.4}.lx-dim .lx-stem{opacity:0}.lx-dim:hover,.lx-dim:focus-visible{opacity:1}@media (max-width:639px){.lx-chip,.lx-stem{display:none}.lx-dot{background:#0b1430;place-items:center;width:24px;height:24px;display:grid;bottom:-12px;box-shadow:0 0 0 1.5px #00a2ff}.lx-dotnum{font-family:var(--font-plex-mono), ui-monospace, monospace;color:#f3f5fa;font-size:11px;font-weight:500;line-height:1;display:block}.lx-on .lx-dot{background:#00a2ff;box-shadow:0 0 0 6px #00a2ff40}.lx-on .lx-dotnum{color:#04101f}}.lx-panel{animation:lx-panel-in var(--dur-transition) var(--ease-out) both}@keyframes lx-panel-in{0%{opacity:0;transform:translateY(16px)}}@media (min-width:1024px){@keyframes lx-panel-in{0%{opacity:0;transform:translate(24px)}}}.lx-intro{transition:opacity var(--dur-transition) var(--ease-out)}.lx-portal{animation:lx-portal-in var(--dur-scene) var(--ease-out) both}@keyframes lx-portal-in{0%{opacity:0;transform:scale(.97)}}.lx-shot{animation:lx-portal-in var(--dur-transition) var(--ease-out) both}}@media (prefers-reduced-motion:reduce){.lx-chip,.lx-name,.lx-dot{transition:none}.lx-panel,.lx-portal,.lx-shot{animation:none}}
