.demo[data-v-01cac7ca]{background:var(--surface);border-radius:10px;box-shadow:0 0 0 1px var(--line);margin:16px 0 20px;position:relative}.stage[data-v-01cac7ca]{aspect-ratio:2/1}.foot[data-v-01cac7ca]{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:.8125rem;justify-content:space-between;min-height:40px;padding:0 4px 0 14px}.stage[data-v-01cac7ca] svg{display:block;height:100%;width:100%}.toggle[data-v-01cac7ca]{background:transparent;border:0;border-radius:var(--radius);color:var(--muted);cursor:pointer;display:grid;height:36px;padding:0;place-items:center;width:36px}.toggle[data-v-01cac7ca]:hover{background:var(--hover);color:var(--fg)}.toggle[data-v-01cac7ca]:focus-visible{outline:2px solid var(--link);outline-offset:0}@media(prefers-reduced-motion:reduce){.toggle[data-v-01cac7ca]{display:none}}:where(.demo-frame .anim){animation-duration:var(--demo-duration,7s);animation-iteration-count:infinite;animation-play-state:paused;animation-timing-function:ease-in-out;transform-box:fill-box;transform-origin:center}:where(.demo-frame.playing .anim){animation-play-state:running}.demo-frame text{fill:var(--fg);font:500 14px var(--font-sans);stroke:none}.demo-frame .mono{font-family:var(--font-mono);font-size:13px}.demo-frame .small{font-size:11px}.demo-frame .code{fill:var(--fg);font:400 11px var(--font-mono)}.demo-frame .muted{fill:var(--muted);font-weight:400}.demo-frame .ok{fill:var(--ok)}.demo-frame .link{fill:var(--link)}.demo-frame .on-accent{fill:var(--on-accent)}.demo-frame .zone{fill:var(--accent-soft);stroke:var(--link);stroke-dasharray:6 5;stroke-width:1.5}.demo-frame .card,.demo-frame .page,.demo-frame .panel{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.25}.demo-frame .panel{stroke:var(--line)}.demo-frame .sky{fill:var(--hover)}.demo-frame .sun{fill:var(--line-strong)}.demo-frame .hill{fill:var(--muted);opacity:.45}.demo-frame .text-line{fill:var(--line-strong);opacity:.55}.demo-frame .chip{fill:var(--hover)}.demo-frame .badge{fill:none;stroke:var(--ok);stroke-width:1.25}.demo-frame .press{fill:var(--bg);stroke:var(--line)}.demo-frame .stroke,.demo-frame .stroke-accent,.demo-frame .stroke-err,.demo-frame .stroke-ok,.demo-frame .stroke-on-accent{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.demo-frame .stroke{stroke:var(--fg)}.demo-frame .stroke-accent{stroke:var(--link)}.demo-frame .stroke-on-accent{stroke:var(--on-accent);stroke-width:2}.demo-frame .stroke-ok{stroke:var(--ok)}.demo-frame .stroke-err{stroke:var(--err)}.demo-frame .track{fill:var(--line)}.demo-frame .bar{fill:var(--link)}.demo-frame .button{fill:var(--accent)}@media(prefers-reduced-motion:reduce){.demo-frame .anim{animation:none!important}}