:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--atlas-bg:#0f1013;--atlas-line:#292c32;--atlas-ink:#f1f3f5;--atlas-muted:#9da3ad;--atlas-accent:#55d989;background:var(--atlas-bg);color:var(--atlas-ink);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--atlas-bg);overflow:hidden}button,a{font:inherit}.demo-stage{background:#0f0f11;min-width:0;min-height:0;position:fixed;inset:0}.demo-frame-host,.demo-frame-host iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-switcher{z-index:4;top:max(58px, calc(env(safe-area-inset-top) + 10px));flex-direction:row-reverse;align-items:flex-start;display:flex;position:fixed;right:0}.demo-switcher-trigger{color:#b8bec8;cursor:pointer;opacity:.42;background:#17191ddb;border:1px solid #343840;border-right:0;border-radius:8px 0 0 8px;place-items:center;width:34px;height:38px;padding:0;transition:opacity .14s,background-color .14s,color .14s;display:grid;box-shadow:0 6px 24px #00000042}.demo-switcher-trigger svg{fill:currentColor;width:16px;height:16px}.demo-switcher:hover .demo-switcher-trigger,.demo-switcher.is-open .demo-switcher-trigger,.demo-switcher-trigger:focus-visible{opacity:1;color:var(--atlas-ink);background:#1d2025}.demo-switcher-trigger:focus-visible{outline:2px solid var(--atlas-accent);outline-offset:-3px}.demo-switcher-menu{background:#17191d;border:1px solid #343840;border-radius:9px;min-width:176px;margin:0 7px 0 0;padding:5px;box-shadow:0 16px 44px #0000007a}.demo-switcher-menu[hidden]{display:none}.demo-switcher-menu a{color:#c8cdd5;border-radius:5px;justify-content:space-between;align-items:center;gap:16px;min-height:38px;padding:0 10px;font-size:12px;text-decoration:none;display:flex}.demo-switcher-menu a:hover{color:var(--atlas-ink);background:#22262b}.demo-switcher-menu a[aria-current=page]{color:var(--atlas-ink);background:#24282d}.demo-switcher-menu small{color:#777f8b;letter-spacing:.07em;text-transform:uppercase;font-size:9px}.demo-state{z-index:2;text-align:center;background:var(--atlas-bg);align-content:center;justify-items:center;padding:24px;display:grid;position:absolute;inset:0}.demo-state[hidden],.demo-loader[hidden],.demo-error[hidden]{display:none}.demo-loader{background:#2a2d33;width:32px;height:2px;margin-bottom:20px;position:relative;overflow:hidden}.demo-loader:after{content:"";background:var(--atlas-accent);animation:1.1s cubic-bezier(.76,0,.24,1) infinite atlas-load;position:absolute;inset:0;transform:translate(-100%)}.demo-error p{color:var(--atlas-muted);margin:0 0 14px;font-size:13px}.demo-error-actions{align-items:center;gap:8px;display:flex}.demo-retry,.demo-error-actions a{border:1px solid var(--atlas-line);min-height:40px;color:var(--atlas-ink);cursor:pointer;background:#1a1d21;border-radius:7px;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.demo-retry:focus-visible,.demo-error-actions a:focus-visible{outline:2px solid var(--atlas-accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (pointer:coarse){.demo-retry,.demo-error-actions a{min-height:44px}.demo-switcher-trigger{opacity:.72;width:42px;height:44px}.demo-switcher-menu a{min-height:44px}}@media (prefers-reduced-motion:reduce){.demo-loader:after{animation-duration:.001ms}}@keyframes atlas-load{to{transform:translate(100%)}}