.vs-demos{background:var(--paper);color:var(--text);overflow-x:clip}:where(.vs-demos) :is(h1,h2,h3){color:inherit;margin:0}:where(.vs-demos) p{margin:0}.vs-demos .dm-crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0 10px;padding-top:12px;font-size:15px;display:flex}.vs-demos .dm-crumbs a{min-height:44px;color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;align-items:center;font-weight:600;display:inline-flex}.vs-demos .dm-hero{padding-block:8px clamp(28px,3.5vw,44px)}.vs-demos .dm-hero .vs-kicker{margin-top:16px}.vs-demos .dm-hero h1{text-wrap:balance;max-width:14em}.vs-demos .dm-hero .vs-lede{color:var(--text);margin-top:20px}.vs-demos .dm-honest{border-left:4px solid var(--mark);background:var(--sheet);border-radius:0 var(--r) var(--r) 0;max-width:40em;color:var(--muted);margin-top:18px;padding:12px 16px;font-size:16.5px;line-height:1.5}.vs-demos .dm-honest b{color:var(--text)}.vs-demos .dm-main{border-top:1px solid var(--line);background:var(--sheet);padding-bottom:clamp(40px,5vw,72px)}.vs-demos .dm-pick-title{font:450 clamp(1.5rem,1.2rem + 1vw,2rem)/1.15 var(--serif);letter-spacing:-.015em;padding-top:clamp(28px,3.5vw,44px)}.vs-demos .dm-picker ol{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.vs-demos .dm-picker a{border:1.5px solid var(--line);background:var(--paper);height:100%;min-height:64px;color:var(--text);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:flex;position:relative}.vs-demos .dm-picker a:hover{border-color:var(--muted);background:var(--sheet)}.vs-demos .dm-picker a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.vs-demos .dm-picker a[aria-current=true]{border-color:var(--ink);background:var(--sheet);box-shadow:inset 0 0 0 1px var(--ink)}.vs-demos .dm-pick-n{border:1.5px solid var(--muted);width:30px;height:30px;font:500 1.05rem/1 var(--serif);color:var(--text);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.vs-demos .dm-picker a[aria-current=true] .dm-pick-n{background:var(--ink);border-color:var(--ink);color:#fff}.vs-demos .dm-pick-txt{gap:2px;min-width:0;display:grid}.vs-demos .dm-pick-txt b{font:650 16px/1.3 var(--sans)}.vs-demos .dm-pick-txt span{color:var(--muted);font-size:14.5px;line-height:1.4}.vs-demos .dm-picker a[aria-current=true] .dm-pick-txt b{box-shadow:inset 0 -.4em 0 var(--mark)}.vs-demos .dm-stage{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 84px);margin-top:28px}.vs-demos .dm-panel{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 84px)}.vs-demos .dm-panel[hidden]{display:none}.vs-demos .dm-panel+.dm-panel{border-top:1px solid var(--line);margin-top:56px;padding-top:40px}.vs-demos .dm-panel-head{max-width:52em;margin-bottom:18px}.vs-demos .dm-panel-kicker{font:650 15px/1.3 var(--sans);color:var(--ok)}.vs-demos .dm-panel-title{font:450 clamp(1.7rem,1.3rem + 1.6vw,2.5rem)/1.1 var(--serif);letter-spacing:-.02em;text-wrap:balance;margin-top:6px}.vs-demos .dm-panel-title:focus{outline:none}.vs-demos .dm-panel-title:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.vs-demos .dm-panel-sub{color:var(--muted);margin-top:10px;font-size:17px;line-height:1.55}.vs-demos .dm-after{border:1.5px solid var(--text);background:var(--sheet);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;margin-top:20px;padding:20px 22px;display:flex}.vs-demos .dm-after-txt{flex:20rem;max-width:30em}.vs-demos .dm-after-q{font:450 clamp(1.25rem,1.1rem + .5vw,1.5rem)/1.25 var(--serif)}.vs-demos .dm-after-p{color:var(--muted);margin-top:6px;font-size:16px;line-height:1.5}.vs-demos .dm-next{justify-content:flex-end;margin-top:14px;display:flex}.vs-demos .dm-next a{color:var(--text);display:inline}.vs-demos .dm-cat{margin-top:12px}@media (max-width:640px){.vs-demos .vs-wrap{padding-inline:16px}.vs-demos .dm-hero .vs-d1{font-size:2.3rem}.vs-demos .dm-picker ol{grid-template-columns:1fr;gap:8px}.vs-demos .dm-picker a{min-height:56px;padding:10px 12px}.vs-demos .dm-stage{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 72px);margin-top:24px}.vs-demos .dm-panel{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 72px)}.vs-demos .dm-panel-sub{font-size:16px}.vs-demos .dm-after{padding:16px}.vs-demos .dm-next{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.vs-demos .dm-picker a{transition:none}}