.toc[data-astro-cid-t232isfd]{border:1px solid color-mix(in oklab, var(--color-parchment) 18%, transparent);color:var(--color-parchment-dim);border-radius:9999px;padding:.3rem .8rem;transition:border-color .15s,color .15s}.toc[data-astro-cid-t232isfd]:hover{border-color:color-mix(in oklab, var(--color-air) 60%, transparent);color:var(--color-parchment)}.guide[data-astro-cid-t232isfd]{gap:3rem;display:grid}.guide[data-astro-cid-t232isfd] section[data-astro-cid-t232isfd]{scroll-margin-top:1.5rem}@media (width>=46rem){.guide[data-astro-cid-t232isfd] section[data-astro-cid-t232isfd]:has(>.demo){grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:2rem;display:grid}.guide[data-astro-cid-t232isfd] section[data-astro-cid-t232isfd]:has(>.demo)>[data-astro-cid-t232isfd]:not(.demo){grid-column:1}.guide[data-astro-cid-t232isfd] section[data-astro-cid-t232isfd]>.demo{grid-area:1/2/span 30;position:sticky;top:1.5rem}.guide[data-astro-cid-t232isfd] section[data-astro-cid-t232isfd]:nth-of-type(2n):has(>.demo){grid-template-columns:auto minmax(0,1fr)}.guide[data-astro-cid-t232isfd] section[data-astro-cid-t232isfd]:nth-of-type(2n):has(>.demo)>[data-astro-cid-t232isfd]:not(.demo){grid-column:2}.guide[data-astro-cid-t232isfd] section[data-astro-cid-t232isfd]:nth-of-type(2n)>.demo{grid-column:1}}.guide[data-astro-cid-t232isfd] .demo{border:1px solid color-mix(in oklab, var(--color-parchment) 12%, transparent);background:linear-gradient(#181c30d1,#0a0c16e6);border-radius:1rem;width:8.6rem;margin:1rem auto 0;padding:.5rem;position:relative}.guide[data-astro-cid-t232isfd] .demo-pair{background:0 0;border:none;gap:.6rem;width:auto;padding:0;display:flex}.guide[data-astro-cid-t232isfd] .demo-cell{border:1px solid color-mix(in oklab, var(--color-parchment) 12%, transparent);background:linear-gradient(#181c30d1,#0a0c16e6);border-radius:1rem;width:8.6rem;margin:0;padding:.5rem;position:relative}.guide[data-astro-cid-t232isfd] .demo-cell figcaption{text-align:center;font-family:var(--font-ui);color:var(--color-air);margin-bottom:.35rem;font-size:.7rem}.guide[data-astro-cid-t232isfd] .demo-finger{pointer-events:none;opacity:0;background:radial-gradient(circle,#fffffff2 0 35%,#ffffff73 60%,#fff0 72%);border-radius:9999px;position:absolute;top:0;left:0}.guide[data-astro-cid-t232isfd] .demo-raise{border:1px solid color-mix(in oklab, var(--color-parchment) 30%, transparent);font-family:var(--font-ui);color:var(--color-parchment-dim);border-radius:9999px;margin-top:.15rem;padding:.1rem .7rem;font-size:.7rem;transition:background-color .12s,color .12s,border-color .12s}.guide[data-astro-cid-t232isfd] .demo-raise.is-on{border-color:var(--color-air);background:color-mix(in oklab, var(--color-air) 22%, transparent);color:var(--color-parchment)}.guide[data-astro-cid-t232isfd] .cap-icons{justify-content:center;gap:.45rem;display:flex}.guide[data-astro-cid-t232isfd] .cap-icons svg{fill:none;width:1.25rem;height:1.25rem;stroke:var(--color-air);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.guide[data-astro-cid-t232isfd] .demo-key{min-height:1.35rem;font-family:var(--font-ui);color:var(--color-parchment);border:1px solid #0000;border-radius:9999px;margin-top:.15rem;padding:.05rem .6rem;font-size:.7rem;transition:background-color .12s,border-color .12s}.guide[data-astro-cid-t232isfd] .demo-key.is-on{border-color:var(--color-air);background:color-mix(in oklab, var(--color-air) 22%, transparent)}.guide[data-astro-cid-t232isfd] .demo-wide{width:16rem}.guide[data-astro-cid-t232isfd] .demo-sm{flex:none;width:7.4rem;margin:0}.guide[data-astro-cid-t232isfd] .demo .demo-stage{justify-content:center;gap:10px;display:flex}.guide[data-astro-cid-t232isfd] .demo .demo-board{justify-items:center;gap:.25rem;display:grid;position:relative}.guide[data-astro-cid-t232isfd] .demo canvas{border-radius:.5rem;display:block}.guide[data-astro-cid-t232isfd] .demo .demo-label{font-family:var(--font-ui);color:var(--color-parchment-dim);font-size:.7rem}.guide[data-astro-cid-t232isfd] .demo .demo-pops{pointer-events:none;position:absolute;inset:0}.guide[data-astro-cid-t232isfd] .demo .demo-pop{white-space:nowrap;font-family:var(--font-display);color:#fff;text-shadow:0 0 10px var(--color-air), 0 2px 4px #000c;font-weight:700;animation:.85s ease-out forwards demo-pop;position:absolute;transform:translate(-50%)}@keyframes demo-pop{0%{opacity:0;transform:translate(-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,2px)scale(1.15)}55%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.guide[data-astro-cid-t232isfd] .demo .demo-overlay{font-family:var(--font-nav);color:var(--color-parchment);cursor:pointer;background:#07080c9e;border:none;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-size:1rem;transition:background-color .15s;display:flex;position:absolute;inset:0}.guide[data-astro-cid-t232isfd] .demo .demo-overlay[hidden]{display:none}.guide[data-astro-cid-t232isfd] .demo .demo-overlay:hover{background:#07080c80}.guide[data-astro-cid-t232isfd] .demo .demo-overlay:focus-visible{outline:2px solid var(--color-air);outline-offset:2px}.guide[data-astro-cid-t232isfd] .demo .demo-icon{border:1px solid color-mix(in oklab, var(--color-air) 60%, transparent);background:color-mix(in oklab, var(--color-air) 14%, transparent);width:2.6rem;height:2.6rem;color:var(--color-air);border-radius:9999px;place-items:center;font-size:1.3rem;display:grid}.guide[data-astro-cid-t232isfd] .reactions{gap:1.25rem;margin-top:1.25rem;display:grid}.guide[data-astro-cid-t232isfd] .reaction{align-items:flex-start;gap:1.1rem;display:flex}.guide[data-astro-cid-t232isfd] .reaction:nth-child(2n){flex-direction:row-reverse}.guide[data-astro-cid-t232isfd] .reaction h3{font-weight:400}.guide[data-astro-cid-t232isfd] .reaction p{margin-top:.35rem}.guide[data-astro-cid-t232isfd] .reaction .effect{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;margin-top:.1rem;color:var(--color-air)!important;font-size:.8rem!important}@media (width<=30rem){.guide[data-astro-cid-t232isfd] .reaction,.guide[data-astro-cid-t232isfd] .reaction:nth-child(2n){flex-direction:column;align-items:center}}.guide[data-astro-cid-t232isfd] h2[data-astro-cid-t232isfd]{font-family:var(--font-display);letter-spacing:.02em;font-size:1.6rem}.guide[data-astro-cid-t232isfd] p,.guide[data-astro-cid-t232isfd] li[data-astro-cid-t232isfd],.guide[data-astro-cid-t232isfd] dd{color:color-mix(in oklab, var(--color-parchment) 90%, transparent);font-size:1.15rem;line-height:1.55}.guide[data-astro-cid-t232isfd] p{margin-top:.75rem}.guide[data-astro-cid-t232isfd] ul[data-astro-cid-t232isfd]{gap:.5rem;margin-top:.75rem;padding-left:1.2rem;list-style:outside;display:grid}.guide[data-astro-cid-t232isfd] li[data-astro-cid-t232isfd]::marker{color:var(--color-air)}.guide[data-astro-cid-t232isfd] a[data-astro-cid-t232isfd]{text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--color-parchment) 30%, transparent);text-decoration-color:color-mix(in oklab, var(--color-parchment) 30%, transparent);text-underline-offset:4px}.guide[data-astro-cid-t232isfd] a[data-astro-cid-t232isfd]:hover{color:var(--color-air)}.guide[data-astro-cid-t232isfd] dl{gap:.25rem 0;margin-top:.75rem;display:grid}.guide[data-astro-cid-t232isfd] dt{font-family:var(--font-nav);margin-top:.9rem;font-size:1.25rem}.guide[data-astro-cid-t232isfd] dt:first-child{margin-top:0}.guide[data-astro-cid-t232isfd] .pair{font-family:var(--font-ui);color:var(--color-air);margin-left:.4rem;font-size:.85rem}.guide[data-astro-cid-t232isfd] .react-name{color:#0000;font-family:var(--font-display);-webkit-background-clip:text;background-clip:text;font-size:1.35rem}.tiles[data-astro-cid-t232isfd]{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.tiles[data-astro-cid-t232isfd] figure[data-astro-cid-t232isfd]{font-family:var(--font-ui);color:var(--color-parchment-dim);justify-items:center;gap:.3rem;margin:0;font-size:.85rem;display:grid}.tiles[data-astro-cid-t232isfd] img[data-astro-cid-t232isfd]{width:3.5rem;height:3.5rem}table[data-astro-cid-t232isfd]{border-collapse:collapse;width:100%;font-family:var(--font-ui);margin-top:.75rem;font-size:.95rem}th[data-astro-cid-t232isfd],td[data-astro-cid-t232isfd]{border-bottom:1px solid color-mix(in oklab, var(--color-parchment) 10%, transparent);text-align:left;vertical-align:top;padding:.5rem .6rem .5rem 0}thead[data-astro-cid-t232isfd] th[data-astro-cid-t232isfd]{color:var(--color-air);font-weight:600}tbody[data-astro-cid-t232isfd] th[data-astro-cid-t232isfd]{white-space:nowrap;font-weight:600}kbd[data-astro-cid-t232isfd]{border:1px solid color-mix(in oklab, var(--color-parchment) 25%, transparent);font-family:var(--font-ui);border-radius:.3rem;padding:0 .35rem;font-size:.85em}.keys[data-astro-cid-t232isfd]{font-family:var(--font-ui);color:var(--color-parchment-dim)!important;font-size:.95rem!important}.who[data-astro-cid-t232isfd]{vertical-align:middle;border-radius:9999px;width:.6rem;height:.6rem;display:inline-block}.who[data-astro-cid-t232isfd].is-live{background:#6ee08a;box-shadow:0 0 8px #6ee08a}.who[data-astro-cid-t232isfd].is-bot{background:#555a66}@media (width<=40rem){table[data-astro-cid-t232isfd],thead[data-astro-cid-t232isfd],tbody[data-astro-cid-t232isfd],tr[data-astro-cid-t232isfd]{display:block}thead[data-astro-cid-t232isfd]{display:none}tbody[data-astro-cid-t232isfd] tr[data-astro-cid-t232isfd]{border-bottom:1px solid color-mix(in oklab, var(--color-parchment) 10%, transparent);grid-template-columns:6rem 1fr;padding:.4rem 0;display:grid}th[data-astro-cid-t232isfd],td[data-astro-cid-t232isfd]{border:none;padding:.15rem 0}td[data-astro-cid-t232isfd]:before{color:var(--color-air);font-size:.75rem;display:block}td[data-astro-cid-t232isfd]:first-of-type:before{content:"Touch and mouse"}td[data-astro-cid-t232isfd]:nth-of-type(2):before{content:"Keyboard"}td[data-astro-cid-t232isfd]:nth-of-type(3):before{content:"Controller"}tbody[data-astro-cid-t232isfd] th[data-astro-cid-t232isfd]{grid-row:span 3}}