.charge{background:#fff;border-radius:999px;place-self:start;align-items:center;gap:.71em;width:12.3em;height:2.86em;padding:0 1.14em 0 1em;font-size:max(.82em,13px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #16181d24,0 10px 30px -8px #00000038,0 2px 6px -2px #0000001f}.charge-fill{clip-path:inset(0 100% 0 0 round 999px);background:#1447e626;position:absolute;inset:0}.demo-win[data-flags~=hold-alt] .charge-fill{clip-path:inset(0 round 999px);transition:clip-path 1.3s linear}.demo-win[data-flags~=working] .charge-fill{clip-path:inset(0 round 999px);opacity:0;transition:opacity .22s cubic-bezier(.23,1,.32,1)}.charge-icon{flex:none;place-items:center;width:1.14em;height:1.14em;display:grid;position:relative}.charge-icon>*{grid-area:1/1;transition:opacity .14s ease-out,transform .14s ease-out}.charge-dot{background:#1447e6;border-radius:50%;width:.57em;height:.57em}.charge-spin{opacity:0;border:2px solid #1447e633;border-top-color:#1447e6;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite paused demo-spin;transform:scale(.5)}.demo[data-playing] .charge-spin{animation-play-state:running}.demo-win[data-flags~=working] .charge-dot{opacity:0;transform:scale(1.6)}.demo-win[data-flags~=working] .charge-spin{opacity:1;transform:none}@keyframes demo-spin{to{rotate:1turn}}.charge-label{color:#0c0e10d9;letter-spacing:.01em;white-space:nowrap;font-size:.93em;font-weight:500;display:grid;position:relative}.charge-label>span{grid-area:1/1;transition:opacity .18s ease-out}.charge-label>span+span,.demo-win[data-flags~=working] .charge-label>span:first-child{opacity:0}.demo-win[data-flags~=working] .charge-label>span+span{opacity:1}.sheen{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.sheen:before{content:"";background:linear-gradient(100deg,#0000 25%,#1447e629 50%,#0000 75%);position:absolute;inset:0;transform:translate(-100%)}.demo-win[data-flags~=working] .charge .sheen:before{animation:1.3s cubic-bezier(.45,0,.55,1) infinite demo-sheen}.demo-win[data-flags~=box] .rw-box .sheen:before{animation:1.1s cubic-bezier(.45,0,.55,1) .12s both demo-sheen}@keyframes demo-sheen{to{transform:translate(100%)}}.rw-box{flex-direction:column;gap:.43em;padding:.57em;display:flex;position:relative}.rw-box .rw-ask{padding:.29em .43em;line-height:1.43;position:relative}.rw-box .rw-foot{padding:0 0 0 .43em}.rw-ph{color:#5f6b70;transition:opacity 80ms linear;position:absolute;left:.6em}.rw-ask:has(.ch.on:not(.mark)) .rw-ph{opacity:0}@media (prefers-reduced-motion:reduce){.sheen:before,.charge-spin{animation:none!important}}.keys{z-index:3;display:grid;position:relative}.keycap{opacity:0;min-width:2.1em;height:2.1em;transition:opacity .2s ease-out, transform .2s var(--demo-ease);background:#fff;border:1px solid #cdd2da;border-bottom-width:.16em;border-radius:.45em;grid-area:1/1;justify-self:end;place-items:center;padding:0 .6em;font-size:max(.8em,13px);font-weight:600;line-height:1;display:grid;position:relative;transform:translateY(.4em)}.keycap:before{content:"";border-radius:inherit;opacity:0;background:#1447e61f;transition:opacity .12s ease-out;position:absolute;inset:-1px}.demo-win[data-flags~=key-1] .keycap[data-k="1"],.demo-win[data-flags~=key-alt] .keycap[data-k=alt],.demo-win[data-flags~=key-enter] .keycap[data-k=enter]{opacity:1;transform:none}.demo-win[data-flags~=press-1] .keycap[data-k="1"],.demo-win[data-flags~=press-alt] .keycap[data-k=alt],.demo-win[data-flags~=press-enter] .keycap[data-k=enter]{animation:.26s ease-out demo-press}.demo-win[data-flags~=hold-alt] .keycap[data-k=alt]{transform:translateY(.14em)scale(.95)}.demo-win[data-flags~=hold-alt] .keycap[data-k=alt]:before{opacity:1}@keyframes demo-press{40%{transform:translateY(.14em)scale(.94)}}.stack{display:grid}.stack>*{grid-area:1/1}.dw-body .stack>*{margin-top:0}.fade-a,.fade-b{transition:opacity .26s ease-out}.fade-b,.demo-win[data-flags~=done] .fade-a{opacity:0}.demo-win[data-flags~=done] .fade-b{opacity:1}.pop{opacity:0;transition:opacity .22s ease-out, transform .26s var(--demo-ease);transform:translateY(.5em)}.demo-win[data-flags~=charge] .pop-charge,.demo-win[data-flags~=panel] .pop-panel,.demo-win[data-flags~=box] .pop-box,.demo-win[data-flags~=result] .pop-result{opacity:1;transform:none}.rw{background:#fff;border-radius:1.57em;font-size:max(.82em,13px);line-height:1.5;box-shadow:0 0 0 .5px #16181d24,0 10px 30px -8px #00000038,0 2px 6px -2px #0000001f}.rw-list{flex-direction:column;gap:.14em;padding:.43em .43em 0;display:flex}.rw-row{border-radius:1.14em;align-items:baseline;gap:.71em;padding:.71em .86em;display:flex}.rw-row:first-child{background:#0c0e1012}.rw-row>small{color:#5f6b70;font-variant-numeric:tabular-nums;flex-shrink:0;width:.86em;font-size:.86em}.rw-row:first-child>small{color:#0c0e10;font-weight:500}.rw mark{color:inherit;background:#1447e621;border-radius:4px;padding:0 1px}.demo-win[data-flags~=panel] .fade-a{opacity:.6}.rw-foot{color:#5f6b70;flex-wrap:wrap;align-items:center;gap:.5em;padding:.5em 1em .6em;font-size:.86em;display:flex}.rw-foot kbd{color:#0c0e10d9;background:#fff;border:1px solid #0c0e101f;border-bottom-color:#0c0e1040;border-radius:5px;justify-content:center;align-items:center;min-width:1.83em;height:1.83em;padding:0 .5em;font-family:inherit;font-size:1em;font-weight:500;line-height:1;display:inline-flex;box-shadow:0 1px #0000000a}.rw-foot kbd+kbd{margin-left:-.17em}.rw-foot .gap{flex:1}.rw-ask{padding:.75em 1em .2em}.rw-chip{color:#16181d;background:#f1f2f4;border-radius:.5em;align-items:center;gap:.35em;padding:.15em .5em;display:inline-flex}.demo{--demo-ease:cubic-bezier(.23, 1, .32, 1);min-width:0}.demo-stage{container-type:inline-size}.demo-win{font-size:2.94118cqw;transition:opacity .28s ease-out;position:relative}.demo-win[data-flags~=out]{opacity:0}.demo-win[data-instant] *{transition:none!important}.dw{color:#16181d;text-align:left;background:#fff;border-radius:1.1em;flex-direction:column;line-height:1.55;display:flex;position:relative;overflow:clip;box-shadow:0 0 0 1px #16181d14}.dw-top{border-bottom:1px solid #e6e8ec;align-items:center;height:2.6em;padding:0 1.15em;font-size:max(.875em,13px);font-weight:600;display:flex}.dw-dots{gap:.5em;margin-right:1.2em;display:flex}.dw-dots i{background:#dfe2e7;border-radius:50%;width:.72em;height:.72em}.dw-body{flex:1;padding:.85em 1.2em}.dw-body p+p{margin-top:.9em}.dw-foot{justify-content:space-between;align-items:center;gap:1em;min-height:calc(2.1*max(.8em,13px));padding:0 1.2em 1.1em;display:flex}.dw-send{color:#fff;background:#1d3c96;border-radius:999px;padding:.38em 1.2em;font-size:max(.875em,13px);font-weight:600;display:inline-block}.ch{position:relative}.ch:not(.on){opacity:0}.ch.last:after,.w-caret,.w-good:after{content:"";background:#1d3c96;border-radius:1px;width:.1em;animation:1s steps(2,jump-none) infinite paused demo-blink;position:absolute;top:.12em;bottom:.06em}.ch.last:after{right:-.07em}.demo[data-playing] .ch.last:after,.demo[data-playing] .w-caret,.demo[data-playing] .w-good:after{animation-play-state:running}.demo-win[data-flags~=cw] .ch.last:after{visibility:hidden}@keyframes demo-blink{to{opacity:0}}.w{display:inline-grid;position:relative}.w-bad,.w-good{white-space:nowrap;grid-area:1/1;justify-self:start;position:relative}.w-bad{isolation:isolate;transition:opacity .2s ease-out}.w-good{opacity:0;transition:opacity .24s ease-out 80ms}.w-good:after{visibility:hidden;right:-.12em}.demo-win[data-flags~=fixed] .w-bad{opacity:0}.demo-win[data-flags~=fixed] .w-good{opacity:1}.demo-win[data-flags~=fixed] .w-good:after{visibility:visible}.w-caret{opacity:0;left:52%}.demo-win[data-flags~=cw] .w-caret{opacity:1}.w-ul{transform-origin:0;height:.1em;transition:transform .32s var(--demo-ease);background:#e5484d;border-radius:1px;position:absolute;bottom:.02em;left:0;right:0;transform:scaleX(0)}.w-grammar .w-ul{background:#b7791f}.w-tint{z-index:-1;opacity:0;background:#fdf0d9;border-radius:.2em;transition:opacity .24s ease-out;position:absolute;inset:-.04em -.14em}.demo-win[data-flags~=ul] .w-ul{transform:scaleX(1)}.demo-win[data-flags~=ul] .w-tint{opacity:1}.bar{z-index:2;white-space:nowrap;opacity:0;transform-origin:0 0;transition:opacity .2s ease-out, transform .24s var(--demo-ease);background:#fff;border-radius:999px;align-items:center;gap:.1em;padding:.24em;line-height:1.3;display:flex;position:absolute;top:calc(100% + .6em);left:-.7em;transform:translateY(-.35em)scale(.98);box-shadow:0 0 0 .5px #16181d24,0 10px 30px -8px #00000038,0 2px 6px -2px #0000001f}.demo-win[data-flags~=bar] .bar{opacity:1;transform:none}.bar-item{isolation:isolate;border-radius:999px;align-items:baseline;gap:.4em;padding:.42em .85em;font-size:1.04em;display:inline-flex;position:relative}.bar-item small{color:#5d6470;font-size:max(.7em,13px)}.bar-item:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:#1447e6;transition:opacity .12s ease-out;position:absolute;inset:0}.demo-win[data-flags~=pick] .bar-first,.demo-win[data-flags~=pick] .bar-first small{color:#fff}.demo-win[data-flags~=pick] .bar-first:before{opacity:1}.bar-label{color:#8a4a0b;background:#fdf0d9;border-radius:999px;padding:.5em .9em;font-size:max(.9em,13px)}.bar-div{background:#e6e8ec;width:1px;height:1.4em;margin:0 .2em}.demo-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.demo-caption{text-wrap:pretty;align-items:center;min-height:2.8em;font-size:15px;line-height:1.4;display:flex}.demo-replay{cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:14px;font-weight:500;transition:transform .15s ease-out;display:inline-flex}.demo-replay:active{transform:scale(.97)}.demo-page .demo-caption,.demo-page .demo-replay{color:var(--color-fg)}.demo-page .demo-replay{box-shadow:inset 0 0 0 1px var(--color-rule)}.demo-page .dw{box-shadow:0 0 0 1px var(--color-rule)}.demo-blue .demo-caption,.demo-blue .demo-replay{color:#fff}.demo-blue .demo-replay{box-shadow:inset 0 0 0 1px #fff6}@media (prefers-reduced-motion:reduce){.demo-replay{display:none}.demo-win,.demo-win *{transition:none!important;animation:none!important}}.room{padding-bottom:2.9em}@media (width<=639px){.demo-win{font-size:16px}.dw-top{height:40px;font-size:14px}.dw-body{padding:14px 16px}.dw-foot{min-height:30px;padding:0 16px 14px}.dw-send,.keycap{font-size:14px}.keycap{height:30px}.bar-item{gap:5px;padding:.45em .6em;font-size:14px}.bar-item small,.bar-label,.rw{font-size:14px}.rw-row>small,.rw-foot{font-size:12px}.rw-chip{font-size:14px}}.chat[data-astro-cid-7olfujx5]{border-bottom:1px solid #e6e8ec;flex-direction:column;gap:.5em;margin:0 -1.2em;padding:.4em 1.2em 1em;font-size:max(.94em,13px);display:flex}.dw-body .chat[data-astro-cid-7olfujx5] p[data-astro-cid-7olfujx5]+p[data-astro-cid-7olfujx5]{margin-top:0}.chat[data-astro-cid-7olfujx5] p[data-astro-cid-7olfujx5]{border-radius:1em;max-width:80%;padding:.45em .85em}.them[data-astro-cid-7olfujx5]{background:#f0f2f5;border-bottom-left-radius:.35em;align-self:flex-start}.me[data-astro-cid-7olfujx5]{color:#fff;background:#2f5fd0;border-bottom-right-radius:.35em;align-self:flex-end}.chat-reply[data-astro-cid-7olfujx5]{min-height:5.6em;padding-top:.75em}