.luma-example-infobox{--luma-infobox-surface:#080c14e8;--luma-infobox-card:#09121fc9;--luma-infobox-control:#1e293a;--luma-infobox-border:#7e9bcd42;--luma-infobox-card-border:#899fc21c;--luma-infobox-control-border:#8ca9d14d;--luma-infobox-text:#e7ece9;--luma-infobox-muted:#8293a2;--luma-infobox-heading:#8fb4e7;--luma-infobox-accent:#86cbbd;box-sizing:border-box;color:var(--luma-infobox-text);background:var(--luma-infobox-surface);border:1px solid var(--luma-infobox-border);-webkit-backdrop-filter:blur(14px)saturate(145%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#617a8e transparent;border-radius:8px;padding:12px;font:12px/1.4 system-ui,sans-serif;box-shadow:0 12px 30px #0004}.luma-example-infobox[data-info-box-appearance=light]{--luma-infobox-surface:#fffffff5;--luma-infobox-card:#f8fafc;--luma-infobox-control:#fff;--luma-infobox-border:#0f172a26;--luma-infobox-card-border:#0f172a1a;--luma-infobox-control-border:#0f172a40;--luma-infobox-text:#111;--luma-infobox-muted:#596579;--luma-infobox-heading:#365b86;--luma-infobox-accent:#167565;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.luma-example-infobox--overlay{z-index:1;width:258px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);position:absolute;top:12px;left:12px;overflow-y:auto}.luma-example-infobox h1{letter-spacing:-.5px;color:inherit;margin:2px 0 9px;font-size:22px;font-weight:600}.luma-example-infobox .eyebrow{color:var(--luma-infobox-accent);text-transform:uppercase;letter-spacing:2px;margin:0;font-size:10px}.luma-example-infobox .control-card{border:1px solid var(--luma-infobox-card-border);background:var(--luma-infobox-card);border-radius:7px;min-width:0;margin:8px 0 0;padding:8px}.luma-example-infobox .control-card h2{color:var(--luma-infobox-heading);letter-spacing:.075em;text-transform:uppercase;margin:0 0 5px;font-size:9px;font-weight:700}.luma-example-infobox .control-card label{grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:8px;margin:6px 0;font-size:11px;display:grid}.luma-example-infobox .control-card .toggle{cursor:pointer}.luma-example-infobox .control-card .toggle>input{grid-area:1/2;justify-self:start}.luma-example-infobox .control-card :is(select,button,input[type=color]){background:var(--luma-infobox-control);color:inherit;border:1px solid var(--luma-infobox-control-border);font:inherit;border-radius:4px;padding:4px 6px}.luma-example-infobox .control-card select{box-sizing:border-box;justify-self:end;width:min(96px,100%);min-width:0;max-width:100%}.luma-example-infobox .control-card button{cursor:pointer;padding:4px 8px}.luma-example-infobox input{accent-color:var(--luma-infobox-accent)}.luma-example-infobox .control-card input[type=range]{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;min-width:0;height:20px;margin:0;padding:0}.luma-example-infobox input[type=range]::-webkit-slider-runnable-track{background:var(--luma-infobox-control-border);height:2px}.luma-example-infobox input[type=range]::-moz-range-track{background:var(--luma-infobox-control-border);height:2px}.luma-example-infobox input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:1px solid var(--luma-infobox-accent);background:var(--luma-infobox-accent);border-radius:1px;width:10px;height:12px;margin-top:-5px;box-shadow:inset 0 1px #ffffff40,0 1px 1px #00000059}.luma-example-infobox input[type=range]::-moz-range-thumb{box-sizing:border-box;border:1px solid var(--luma-infobox-accent);background:var(--luma-infobox-accent);border-radius:1px;width:10px;height:12px;box-shadow:inset 0 1px #ffffff40,0 1px 1px #00000059}.luma-example-infobox input:is([type=checkbox],[type=radio]){appearance:none;box-sizing:border-box;border:1px solid var(--luma-infobox-control-border);background:var(--luma-infobox-control);cursor:pointer;border-radius:1px;flex:0 0 14px;place-content:center;width:14px;height:14px;margin:0;display:inline-grid;box-shadow:inset 0 1px #ffffff26,0 1px 1px #00000059}.luma-example-infobox input[type=radio]:before{content:"";background:var(--luma-infobox-control);width:8px;height:8px;transform:scale(0)}.luma-example-infobox input:is([type=checkbox],[type=radio]):checked{border-color:var(--luma-infobox-accent);background:var(--luma-infobox-accent)}.luma-example-infobox input[type=radio]:checked:before{transform:scale(1)}.luma-example-infobox input[type=radio]{border-radius:50%}.luma-example-infobox input[type=radio]:before{clip-path:none;border-radius:50%;width:6px;height:6px}.luma-example-infobox input:disabled{opacity:.4;cursor:not-allowed}.luma-example-infobox::-webkit-scrollbar{width:5px;height:5px}.luma-example-infobox::-webkit-scrollbar-thumb{background:#617a8e;border-radius:1px}@media (forced-colors:active){.luma-example-infobox input:is([type=checkbox],[type=radio]),.luma-example-infobox .control-card input[type=range]{appearance:auto}.luma-example-infobox input:is([type=checkbox],[type=radio]):before{display:none}}.luma-example-infobox .control-card input[type=color]{width:38px;height:24px;padding:1px}.luma-example-infobox :is(input,select,button,a):focus-visible{outline:2px solid var(--luma-infobox-accent);outline-offset:2px}.luma-example-infobox output{margin-top:8px;font-size:10px;display:block}.luma-example-infobox .selection{border-top:1px solid var(--luma-infobox-border);padding-top:8px}.luma-example-infobox .hint{color:var(--luma-infobox-muted);margin:8px 0 0;font-size:10px}@media (width<=600px){.luma-example-infobox{padding:10px}.luma-example-infobox--overlay{width:238px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);top:8px;left:8px}.luma-example-infobox h1{font-size:20px}}[data-info-box-appearance] [data-luma-example-chrome-action]{transition:border-color .15s,background-color .15s,color .15s}[data-info-box-appearance] [data-luma-example-chrome-action]:hover,[data-info-box-appearance] [data-luma-example-chrome-action]:focus-visible{border-color:var(--luma-example-accent)!important;color:var(--luma-example-accent)!important}[data-info-box-appearance] [data-luma-example-chrome-action]:focus-visible{outline:2px solid var(--luma-example-accent);outline-offset:2px}[data-luma-example-source] .theme-code-block,[data-luma-example-source] .theme-code-block pre,[data-luma-example-source] .theme-code-block code{background:var(--luma-example-surface)!important;color:var(--luma-example-text)!important}[data-luma-example-source] .theme-code-block{box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important}[data-luma-example-source] .theme-code-block pre{margin:0!important;padding:14px!important}[data-info-box-appearance=cinematic] [data-luma-example-source] .token.comment{color:var(--luma-example-text-muted)!important}[data-info-box-appearance=cinematic] [data-luma-example-info-content] pre{background:var(--luma-example-surface)!important;color:var(--luma-example-text)!important}[data-info-box-appearance=cinematic] [data-luma-example-info-content] :not(pre)>code{background:var(--luma-example-surface-raised)!important;border:1px solid var(--luma-example-border)!important;color:var(--luma-example-text)!important}@media (prefers-reduced-motion:reduce){[data-info-box-appearance] [data-luma-example-chrome-action]{transition:none}}html,body{background:#050c14;width:100%;height:100%;margin:0;overflow:hidden}#flow{width:100%;height:100%;position:absolute;inset:0}#observatory-panels{z-index:2;pointer-events:none;position:absolute;inset:12px}#observatory-panels .luma-example-infobox{pointer-events:auto}.observatory-status{pointer-events:none;color:#b4c5ce;font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font:11px/1.5 system-ui,sans-serif;display:flex;position:absolute;bottom:12px;left:20px;right:20px}.observatory-legend{letter-spacing:.08em;align-items:center;gap:10px;font-size:9px;display:flex}.observatory-legend i{background:linear-gradient(90deg,#164d9b,#24d8db,#c7e9a0,#ffb365);width:100px;height:3px}.observatory-telemetry{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:6px 16px;display:grid}.observatory-telemetry dd{text-align:right;margin:0}.observatory-source{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:11px/1.5 monospace;overflow:auto}#error{z-index:3;color:#ffe0cb;background:#162533;padding:24px;font:14px/1.8 system-ui,sans-serif;position:absolute;inset:25% 10%}@media (width<=600px){.observatory-status{font-size:10px;left:12px;right:12px}.observatory-legend{display:none}}