.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,#scene{background:#879aaa;width:100%;height:100%;margin:0;overflow:hidden}