.vsc{--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--swap:.45s cubic-bezier(.2,.8,.2,1);margin-top:40px}.vsc :is(.vsc-window,.vsc-window *){transition:background-color var(--swap),color var(--swap),border-color var(--swap),box-shadow var(--swap)}.vsc-picker{contain:inline-size;flex-wrap:wrap;gap:10px;margin:0 0 30px;display:flex}.vsc-chip{border:1px solid var(--line);min-height:48px;color:var(--ink);letter-spacing:.02em;cursor:pointer;background:#ffffff8c;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 9px;font:700 .74rem Arial,Helvetica,sans-serif;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background .22s;display:inline-flex;position:relative;overflow:hidden}.vsc-chip img{border-radius:9px;flex:none;width:30px;height:30px}.vsc-chip i{background:linear-gradient(90deg,var(--chip-a) 0 25%,var(--chip-b) 25% 50%,var(--chip-c) 50% 75%,var(--chip-d) 75%);opacity:.9;height:3px;position:absolute;bottom:0;left:0;right:0}.vsc-chip[aria-checked=true]{border-color:var(--ink);background:#fff;box-shadow:4px 5px #9472c24d}.vsc-chip:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (hover:hover) and (pointer:fine){.vsc-chip:hover{background:#fff;transform:translateY(-2px)}}.vsc-chip:active{transform:translateY(1px)scale(.98)}.vsc-stage{contain:inline-size;grid-template-columns:minmax(0,1.75fr) minmax(250px,.85fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.vsc-window-wrap{isolation:isolate;min-width:0;position:relative}.vsc-window-wrap:before{content:"";z-index:-1;background:var(--status-bg);filter:blur(48px);opacity:.42;transition:background-color var(--swap);border-radius:40px;position:absolute;inset:8% 6% -4%}.vsc[data-dark] .vsc-window-wrap:before{background:var(--tab-accent);opacity:.3}.vsc-window{border:1px solid var(--frame);background:var(--e-bg);color:var(--e-fg);border-radius:14px;flex-direction:column;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:12px;display:flex;overflow:hidden;box-shadow:0 30px 70px #362a4c33,inset 0 2px #fff6}.vsc-title{background:var(--title-bg);height:36px;color:var(--title-fg);border-bottom:1px solid var(--panel-border);justify-content:center;align-items:center;padding:0 14px;font-size:12px;display:flex;position:relative}.vsc-lights{gap:7px;display:flex;position:absolute;left:14px}.vsc-lights i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.vsc-lights i:nth-child(2){background:#febc2e}.vsc-lights i:nth-child(3){background:#28c840}.vsc-body{grid-template-columns:44px 168px minmax(0,1fr);min-height:0;display:grid}.vsc-activity{background:var(--act-bg);color:var(--act-dim);border-right:1px solid var(--panel-border);justify-content:center;align-items:flex-start;padding-top:12px;display:flex}.vsc-activity svg{width:22px;height:auto}.vsc-activity .on{color:var(--act-fg);stroke:var(--act-fg)}.vsc-side{background:var(--side-bg);color:var(--side-fg);border-right:1px solid var(--panel-border);padding:10px 0}.vsc-side-title{letter-spacing:.1em;text-transform:uppercase;color:var(--side-title);margin:0 0 8px;padding:0 14px;font-size:10px;font-weight:700}.vsc-side ul{margin:0;padding:0;list-style:none}.vsc-side li{white-space:nowrap;text-overflow:ellipsis;padding:4px 14px;overflow:hidden}.vsc-side .vsc-folder{font-weight:700}.vsc-side .vsc-in{padding-left:26px}.vsc-side .vsc-in2{padding-left:38px}.vsc-side .vsc-on{background:var(--list-bg);color:var(--list-fg)}.vsc-main{background:var(--e-bg);flex-direction:column;min-width:0;display:flex}.vsc-tabs{background:var(--tabs-bg);display:flex}.vsc-tabs span{color:var(--tab-dim);white-space:nowrap;border-top:2px solid #0000;padding:10px 16px 9px}.vsc-tabs .vsc-tab-on{background:var(--tab-bg);color:var(--tab-fg);border-top-color:var(--tab-accent)}.vsc-crumbs{color:var(--e-ln);padding:6px 18px 2px;font-size:11px}.vsc-code{font:12.5px/1.68 var(--mono);color:var(--e-fg);background:var(--e-bg);tab-size:2;scrollbar-width:thin;margin:0;padding:8px 0 14px;overflow-x:auto}.vsc-code:focus-visible{outline:2px solid var(--tab-accent);outline-offset:-2px}.vsc-code code{min-width:max-content;font:inherit;display:block}.vsc-line{padding-right:18px;display:flex}.vsc-line-on{background:var(--e-line)}.vsc-ln{text-align:right;width:44px;color:var(--e-ln);-webkit-user-select:none;user-select:none;flex:none;padding-right:16px}.vsc-line-on .vsc-ln{color:var(--e-ln-active)}.vsc-src{white-space:pre}.vsc-cursor{vertical-align:-.22em;background:var(--tab-accent);width:2px;height:1.2em;margin-left:1px;animation:1.1s step-end infinite vsc-blink;display:inline-block}.vsc-code [class^=t-]{transition:color var(--swap)}.t-comment{color:var(--comment);font-weight:var(--comment-w);font-style:var(--comment-st)}.t-keyword{color:var(--keyword);font-weight:var(--keyword-w);font-style:var(--keyword-st)}.t-function{color:var(--function);font-weight:var(--function-w);font-style:var(--function-st)}.t-type{color:var(--type);font-weight:var(--type-w);font-style:var(--type-st)}.t-primitive{color:var(--primitive);font-weight:var(--primitive-w);font-style:var(--primitive-st)}.t-string{color:var(--string);font-weight:var(--string-w);font-style:var(--string-st)}.t-number{color:var(--number);font-weight:var(--number-w);font-style:var(--number-st)}.t-constant{color:var(--constant);font-weight:var(--constant-w);font-style:var(--constant-st)}.t-param{color:var(--param);font-weight:var(--param-w);font-style:var(--param-st)}.t-variable{color:var(--variable);font-weight:var(--variable-w);font-style:var(--variable-st)}.t-property{color:var(--property);font-weight:var(--property-w);font-style:var(--property-st)}.t-punct{color:var(--punct);font-weight:var(--punct-w);font-style:var(--punct-st)}.t-tag{color:var(--tag);font-weight:var(--tag-w);font-style:var(--tag-st)}.t-attr{color:var(--attr);font-weight:var(--attr-w);font-style:var(--attr-st)}.t-operator{color:var(--operator);font-weight:var(--operator-w);font-style:var(--operator-st)}.vsc-panel{background:var(--panel-bg);border-top:1px solid var(--panel-border);color:var(--term-fg);margin-top:auto}.vsc-panel-tabs{letter-spacing:.08em;text-transform:uppercase;opacity:.7;gap:18px;padding:8px 18px 0;font-size:10px;font-weight:700;display:flex}.vsc-panel-tabs .vsc-panel-on{opacity:1;border-bottom:1px solid;padding-bottom:5px}.vsc-term{font:11.5px/1.65 var(--mono);padding:8px 18px 14px}.vsc-term p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.vsc-prompt{color:var(--term-prompt);font-weight:700}.vsc-ok{color:var(--term-ok);font-weight:700}.vsc-typed{vertical-align:bottom;white-space:nowrap;max-width:calc(var(--n) * 1ch);display:inline-block;overflow:hidden}.vsc-status{background:var(--status-bg);height:24px;color:var(--status-fg);white-space:nowrap;align-items:center;gap:16px;padding:0 12px;font-size:11px;display:flex;overflow:hidden}.vsc-status-right{text-overflow:ellipsis;margin-left:auto;overflow:hidden}.vsc-info{min-width:0;position:sticky;top:180px}.vsc-meta{flex-wrap:wrap;gap:8px;margin:0;display:flex}.vsc-meta span{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;background:#ffffff80;border-radius:99px;padding:5px 9px;font-size:.62rem;font-weight:700}.vsc-info h3{letter-spacing:-.065em;margin:22px 0 12px;font-size:clamp(2.2rem,3.6vw,3.6rem);line-height:.92}.vsc-tagline{color:#252239cc;margin:0 0 26px;font:italic 1.1rem/1.45 Georgia,serif}.vsc-swatch-hint{letter-spacing:.09em;text-transform:uppercase;color:#25223999;margin:0 0 10px;font-size:.62rem;font-weight:700}.vsc-swatches{border-top:1px solid var(--line);margin:0 0 26px;padding:0;list-style:none}.vsc-swatches button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:copy;background:0 0;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:9px 2px;font-size:.8rem;transition:background .2s,padding .2s;display:grid}.vsc-swatches button:hover,.vsc-swatches button:focus-visible{background:#fff9;padding-left:8px}.vsc-swatches button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.vsc-swatches i{width:22px;height:22px;transition:background-color var(--swap);border-radius:7px;box-shadow:inset 0 0 0 1px #2522392e}.vsc-swatches small{color:#2522398c;font-size:.68rem;font-style:italic}.vsc-swatches code{font:.72rem var(--mono);letter-spacing:.02em}.vsc-actions{gap:10px}.vsc .card-actions button{min-height:42px;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;cursor:zoom-in;background:0 0;border:1px solid;border-radius:999px;justify-content:center;align-items:center;padding:9px 15px;font:700 .72rem Arial,Helvetica,sans-serif;transition:background .25s,color .25s,transform .25s,box-shadow .25s;display:inline-flex}.vsc .card-actions button:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px);box-shadow:0 9px 22px #362a4c24}.vsc .card-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.vsc-actions a:first-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}.vsc-actions a:first-child:hover{background:#3d3558}.vsc-install{border:1px solid var(--line);background:radial-gradient(circle at 92% 8%,#ffbad38c,#0000 32%),radial-gradient(circle at 6% 96%,#b7f1dd99,#0000 34%),linear-gradient(135deg,#fff8e6,#f3ecff 55%,#eafaf3);margin-top:clamp(50px,7vw,90px);padding:clamp(26px,4vw,48px)}.vsc-install-head h3{letter-spacing:-.06em;margin:16px 0 0;font-size:clamp(1.8rem,3.4vw,3.2rem);line-height:.98}.vsc-install-head h3 em{letter-spacing:-.04em;color:#8c528e;font-family:Georgia,serif;font-weight:400}.vsc-install ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:36px 0 26px;padding:0;list-style:none;display:grid}.vsc-install li{background:#ffffff9e;border:1px solid #25223924;min-width:0;padding:22px;box-shadow:0 14px 34px #45355d12}.vsc-step{background:var(--ink);width:38px;height:38px;color:var(--acid);border-radius:50%;place-items:center;font:italic 1rem Georgia,serif;display:inline-grid}.vsc-install h4{letter-spacing:-.03em;margin:20px 0 10px;font-size:1.15rem}.vsc-install li p{margin:0 0 12px;font-size:.88rem;line-height:1.6}.vsc-install kbd{min-width:1.7em;font:700 .72rem var(--mono);text-align:center;background:#fff;border:1px solid #25223940;border-bottom-width:2px;border-radius:6px;margin:0 1px;padding:1px 6px;line-height:1.6;display:inline-block}.vsc-copy{color:#f6f1ff;background:#252239;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;margin-top:10px;padding:10px 10px 10px 12px;display:grid}.vsc-copy-label{letter-spacing:.1em;text-transform:uppercase;color:#d9f3a7;grid-column:1/-1;font-size:.58rem;font-weight:700}.vsc-copy code{overflow-wrap:anywhere;min-width:0;font:.74rem/1.5 var(--mono)}.vsc-copy button{color:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f6f1ff59;border-radius:99px;padding:6px 10px;font:700 .62rem Arial,Helvetica,sans-serif;transition:background .2s,color .2s}.vsc-copy button:hover{color:#252239;background:#f6f1ff}.vsc-copy button:focus-visible{outline-offset:2px;outline:2px solid #d9f3a7}.vsc-footnote{color:#252239bf;max-width:820px;margin:0 0 22px;font-size:.82rem;line-height:1.6}.vsc-footnote a{text-underline-offset:3px;text-decoration:underline}.vsc-footnote code{font:.78rem var(--mono)}@keyframes vsc-blink{50%{opacity:0}}@keyframes vsc-type{0%{max-width:0}}@keyframes vsc-rise{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:no-preference){.vsc-typed{animation:.9s steps(40,end) .15s both vsc-type}.vsc-term-out{animation:.35s 1.15s both vsc-rise}}@media (prefers-reduced-motion:reduce){.vsc-cursor{animation:none}.vsc :is(.vsc-window,.vsc-window *),.vsc-chip,.vsc-swatches button,.vsc-window-wrap:before{transition:none}}@media (max-width:1180px){.vsc-stage{grid-template-columns:minmax(0,1fr)}.vsc-info{grid-template-columns:1fr 1fr;gap:0 40px;display:grid;position:static}.vsc-info>.vsc-meta{grid-area:1/1}.vsc-info>h3{grid-area:2/1}.vsc-info>.vsc-tagline{grid-area:3/1}.vsc-info>.vsc-actions{grid-area:4/1;align-self:start}.vsc-info>.vsc-swatch-hint{grid-area:1/2;align-self:end}.vsc-info>.vsc-swatches{grid-area:2/2/6/3}.vsc-install ol{grid-template-columns:1fr}}@media (max-width:740px){.vsc{margin-top:30px}.vsc-picker{scrollbar-width:none;flex-wrap:nowrap;margin:0 -24px 24px;padding:4px 24px 10px;overflow-x:auto}.vsc-picker::-webkit-scrollbar{display:none}.vsc-chip{flex:none}.vsc-body{grid-template-columns:38px minmax(0,1fr)}.vsc-side{display:none}.vsc-code{font-size:11px}.vsc-ln{width:34px;padding-right:12px}.vsc-status-right{display:none}.vsc-term p{white-space:normal;overflow-wrap:anywhere}.vsc .vsc-typed{white-space:normal;max-width:none;animation:none;display:inline}.vsc-info{display:block}.vsc-install{padding:24px 18px}}
