.icon:where(.astro-ccg5yoga){width:1em;height:1em;color:var(--dark,var(--icon-fallback,currentColor));flex:none}:root[data-theme=light] .icon:where(.astro-ccg5yoga){color:var(--light,var(--icon-fallback,currentColor))}.fill:where(.astro-ccg5yoga){fill:currentColor}.stroke:where(.astro-ccg5yoga){fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}:root{--bg:var(--sl-color-black);--panel:var(--sl-color-gray-6);--line:var(--sl-color-gray-5);--text:var(--sl-color-white);--muted:var(--sl-color-gray-3);--accent:var(--sl-color-accent);--red:#f87171;--green:#4ade80}:root[data-theme=light]{--panel:var(--sl-color-gray-7);--red:#c62828;--green:#1b7f3b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sl-font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a:where(.astro-lcdefpme){color:var(--accent)}code:where(.astro-lcdefpme),pre:where(.astro-lcdefpme){font-family:var(--sl-font-mono);font-size:.875rem}:where(.astro-lcdefpme):is(p,li)>code{border:1px solid var(--line);background:var(--panel);color:var(--text);white-space:nowrap;border-radius:.3rem;padding:.1rem .35rem;font-size:.85em}.wrap:where(.astro-lcdefpme){max-width:72rem;margin:0 auto;padding:0 1rem}section:where(.astro-lcdefpme).wrap{padding-top:5rem}section:where(.astro-lcdefpme).hero.wrap{padding-top:1.5rem}.top:where(.astro-lcdefpme){justify-content:space-between;align-items:center;max-width:72rem;margin:0 auto;padding:1rem;display:flex}.brand-row:where(.astro-lcdefpme){align-items:center;gap:.75rem;min-width:0;display:flex}.brand:where(.astro-lcdefpme){color:var(--text);font-family:var(--sl-font-mono);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:flex}.logo:where(.astro-lcdefpme) svg{width:1.5rem;height:1.5rem;display:block}.top:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){gap:1.25rem;display:flex}.top:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--muted);text-decoration:none}.top:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--text)}.top:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) .github:where(.astro-lcdefpme){align-items:center;gap:.4rem;display:inline-flex}.badge:where(.astro-lcdefpme){white-space:nowrap;border:1px solid var(--line);font-family:var(--sl-font-mono);color:var(--muted);border-radius:999px;margin:0;padding:.15rem .6rem;font-size:.75rem;display:inline-block}h1:where(.astro-lcdefpme){font-family:var(--sl-font-mono);letter-spacing:-.03em;text-wrap:balance;margin:0 0 1rem;font-size:clamp(2rem,6vw,3.75rem);line-height:1.1}h2:where(.astro-lcdefpme){font-family:var(--sl-font-mono);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.5rem,3.5vw,2.25rem)}.hash:where(.astro-lcdefpme){color:var(--accent)}h3:where(.astro-lcdefpme){margin:0 0 .5rem;font-size:1.1rem}.lead:where(.astro-lcdefpme){color:var(--muted);max-width:42rem;font-size:1.15rem}.section-lead:where(.astro-lcdefpme){color:var(--muted);max-width:42rem;margin:0 0 2rem}.muted:where(.astro-lcdefpme){color:var(--muted);font-size:.95rem}.note:where(.astro-lcdefpme){color:var(--muted);font-size:.85rem}.actions:where(.astro-lcdefpme){flex-wrap:wrap;gap:.75rem;margin:1.75rem 0 2.5rem;display:flex}.button:where(.astro-lcdefpme){border:1px solid var(--line);color:var(--text);font-family:var(--sl-font-mono);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.button:where(.astro-lcdefpme):hover{border-color:var(--muted)}.button:where(.astro-lcdefpme).primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}figure:where(.astro-lcdefpme){margin:0}.file:where(.astro-lcdefpme),.terminal:where(.astro-lcdefpme){border:1px solid var(--line);background:var(--panel);border-radius:.5rem;min-width:0;overflow:hidden}.file:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme),.terminal:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme){border-bottom:1px solid var(--line);font-family:var(--sl-font-mono);color:var(--muted);padding:.4rem .75rem;font-size:.75rem}.terminal:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme){gap:.35rem;display:flex}.terminal:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme) span:where(.astro-lcdefpme){background:var(--line);border-radius:50%;width:.6rem;height:.6rem}pre:where(.astro-lcdefpme){scrollbar-color:var(--line) transparent;margin:0;padding:.75rem;line-height:1.55;overflow-x:auto}.demo:where(.astro-lcdefpme) pre:where(.astro-lcdefpme){white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.demo:where(.astro-lcdefpme) pre:where(.astro-lcdefpme) code:where(.astro-lcdefpme){font-size:inherit}.astro-code{line-height:1.55;font-family:var(--sl-font-mono);scrollbar-color:var(--line) transparent;margin:0;padding:.75rem;font-size:.875rem}.astro-code code{font-size:inherit}.demo:where(.astro-lcdefpme){border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 50%, transparent);border-radius:.75rem;padding:1rem}.demo-tabs:where(.astro-lcdefpme){grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.demo-tabs:where(.astro-lcdefpme) li:where(.astro-lcdefpme){display:flex;position:relative}.demo-tabs:where(.astro-lcdefpme) li:where(.astro-lcdefpme):not(:last-child):after{content:"→";color:var(--muted);position:absolute;top:50%;right:-1.15rem;transform:translateY(-50%)}.demo-tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme){border:1px solid var(--line);color:var(--muted);font:inherit;font-family:var(--sl-font-mono);text-align:left;cursor:pointer;background:0 0;border-radius:.5rem;flex:1;align-items:center;gap:.5rem;padding:.5rem .6rem;font-size:.8rem;display:flex;position:relative;overflow:hidden}.demo-tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme):hover{color:var(--text)}.demo-tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme)[aria-current=step]{border-color:var(--accent);background:var(--panel);color:var(--text);font-weight:600}.tab-n:where(.astro-lcdefpme){border:1px solid;border-radius:50%;flex:none;place-items:center;width:1.4rem;height:1.4rem;font-size:.75rem;display:grid;position:relative}.demo-tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme)[aria-current=step] .tab-n:where(.astro-lcdefpme){border-color:var(--line);color:var(--accent)}.demo-tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme)[data-done] .tab-n:where(.astro-lcdefpme){border-color:var(--accent);color:var(--accent)}.tab-phone-label:where(.astro-lcdefpme){font-family:var(--sl-font-mono);margin:0 0 .75rem;font-size:.85rem;font-weight:600;display:none}@property --ring{syntax:"<percentage>";inherits:false;initial-value:100%}.tab-n:where(.astro-lcdefpme):before{content:"";background:conic-gradient(var(--accent) var(--ring), transparent 0);border-radius:50%;display:none;position:absolute;inset:-1px;mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}.demo-tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme)[aria-current=step] .tab-n:where(.astro-lcdefpme):before{display:block}.demo:where(.astro-lcdefpme)[data-playing] :where(.astro-lcdefpme)[aria-current=step] .tab-n:where(.astro-lcdefpme):before{animation:ring var(--step-time) linear both}@keyframes ring{0%{--ring:0%}}.demo-files:where(.astro-lcdefpme){grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid;position:relative}.links:where(.astro-lcdefpme){pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.links:where(.astro-lcdefpme) path:where(.astro-lcdefpme){fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;opacity:.8;transition:stroke .3s}.links:where(.astro-lcdefpme) .halo:where(.astro-lcdefpme){stroke:color-mix(in srgb, var(--panel) 50%, var(--bg));stroke-width:8px;opacity:1}.links:where(.astro-lcdefpme) path:where(.astro-lcdefpme)[data-state=bad]{stroke:var(--red)}.links:where(.astro-lcdefpme) path:where(.astro-lcdefpme)[data-state=good]{stroke:var(--green)}.demo:where(.astro-lcdefpme)[data-step="1"] .links:where(.astro-lcdefpme) path:where(.astro-lcdefpme){animation:1.2s ease-out .3s both draw}.demo:where(.astro-lcdefpme)[data-step="1"] .links:where(.astro-lcdefpme) path:where(.astro-lcdefpme)+path:where(.astro-lcdefpme){animation-delay:1s}@keyframes draw{0%{stroke-dashoffset:1px}}.demo:where(.astro-lcdefpme) .demo-files:where(.astro-lcdefpme){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,.9fr);align-items:center;column-gap:3rem}.rule-file:where(.astro-lcdefpme){border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 45%, var(--panel))}.rule-caption:where(.astro-lcdefpme){font-family:var(--sl-font-mono);color:var(--muted);margin:0;padding:.4rem .75rem 0;font-size:.75rem}.rule-file:where(.astro-lcdefpme) pre:where(.astro-lcdefpme){padding-top:.35rem}.dependents:where(.astro-lcdefpme){gap:.75rem;min-width:0;display:grid}.demo:where(.astro-lcdefpme) .terminal:where(.astro-lcdefpme){align-self:stretch}.focus-ring:where(.astro-lcdefpme){border:1.5px solid color-mix(in srgb, var(--bw-color-focus) 70%, transparent);pointer-events:none;border-radius:calc(.5rem + 4px);transition:left .6s cubic-bezier(.65,0,.35,1),top .6s cubic-bezier(.65,0,.35,1),width .6s cubic-bezier(.65,0,.35,1),height .6s cubic-bezier(.65,0,.35,1),opacity .3s;position:absolute}.focus-ring:where(.astro-lcdefpme).hidden{opacity:0}.demo:where(.astro-lcdefpme) .terminal:where(.astro-lcdefpme) sup:where(.astro-lcdefpme),.dim:where(.astro-lcdefpme),.prompt:where(.astro-lcdefpme){color:var(--muted)}.tk-k{color:var(--astro-code-token-keyword)}.tk-s{color:var(--astro-code-token-string-expression)}.tk-c{color:var(--astro-code-token-comment)}.tk-f{color:var(--astro-code-token-function)}.tk-p{color:var(--astro-code-token-punctuation)}.file:where(.astro-lcdefpme) pre:where(.astro-lcdefpme),.terminal:where(.astro-lcdefpme) pre:where(.astro-lcdefpme){color:var(--astro-code-foreground)}.dim:where(.astro-lcdefpme){opacity:.75}.val:where(.astro-lcdefpme){background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--text);border-radius:.2rem;padding:0 .2rem;font-weight:600;transition:background-color .3s,color .3s}.val:where(.astro-lcdefpme)[data-state=bad]{background:color-mix(in srgb, var(--red) 22%, transparent)}.demo:where(.astro-lcdefpme):not([data-step="1"]) .src:where(.astro-lcdefpme),.val:where(.astro-lcdefpme)[data-state=good]{background:color-mix(in srgb, var(--green) 22%, transparent)}.demo:where(.astro-lcdefpme)[data-step="1"] .val:where(.astro-lcdefpme){animation:1.2s ease-in-out 2 pulse}@keyframes pulse{50%{box-shadow:0 0 0 .25rem color-mix(in srgb, var(--accent) 35%, transparent)}}.caret:where(.astro-lcdefpme){vertical-align:text-bottom;background:var(--accent);width:.55em;height:1.1em;margin-left:1px;animation:1s step-end infinite blink;display:none}:where(.astro-lcdefpme)[data-typing]+.caret:where(.astro-lcdefpme),.demo:where(.astro-lcdefpme)[data-step="1"] .t-idle:where(.astro-lcdefpme),.demo:where(.astro-lcdefpme)[data-step="2"] .t-idle:where(.astro-lcdefpme){display:inline-block}@keyframes blink{50%{opacity:0}}.t-run:where(.astro-lcdefpme),.t-block:where(.astro-lcdefpme){visibility:hidden}.t-out:where(.astro-lcdefpme){display:grid}.t-block:where(.astro-lcdefpme){grid-area:1/1}.t-block:where(.astro-lcdefpme)>span:where(.astro-lcdefpme){display:block}.demo:where(.astro-lcdefpme)[data-step="3"] .t-run:where(.astro-lcdefpme),.demo:where(.astro-lcdefpme)[data-step="4"] .t-run:where(.astro-lcdefpme),.demo:where(.astro-lcdefpme)[data-step="3"] .t-fail:where(.astro-lcdefpme),.demo:where(.astro-lcdefpme)[data-step="4"] .t-pass:where(.astro-lcdefpme){visibility:visible}.demo:where(.astro-lcdefpme)[data-step="3"] .t-fail:where(.astro-lcdefpme)>span:where(.astro-lcdefpme),.demo:where(.astro-lcdefpme)[data-step="4"] .t-pass:where(.astro-lcdefpme)>span:where(.astro-lcdefpme){animation:.25s both appear;animation-delay:calc(var(--i) * .7s)}.demo:where(.astro-lcdefpme)[data-step="4"] .t-run:where(.astro-lcdefpme){animation:.25s 4.3s both appear}.demo:where(.astro-lcdefpme)[data-step="4"] .t-pass:where(.astro-lcdefpme)>span:where(.astro-lcdefpme){animation-delay:calc(4.5s + var(--i) * .7s)}@keyframes appear{0%{opacity:0;transform:translateY(.25rem)}}@media (prefers-reduced-motion:reduce){.demo:where(.astro-lcdefpme) :where(.astro-lcdefpme),.demo:where(.astro-lcdefpme) :where(.astro-lcdefpme):before{transition:none!important;animation:none!important}}.fail:where(.astro-lcdefpme){color:var(--red);font-weight:600}.ok:where(.astro-lcdefpme){color:var(--green);font-weight:600}.steps:where(.astro-lcdefpme){counter-reset:step;grid-template-columns:minmax(0,1fr);gap:2.5rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.steps:where(.astro-lcdefpme)>li:where(.astro-lcdefpme){counter-increment:step;padding-left:3rem;position:relative}.steps:where(.astro-lcdefpme)>li:where(.astro-lcdefpme):before{content:counter(step);border:1px solid var(--accent);width:2rem;height:2rem;color:var(--accent);font-family:var(--sl-font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.1rem;left:0}.tabs:where(.astro-lcdefpme){flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;display:flex}.tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme){font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.85rem;display:inline-flex}.tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme)[aria-selected=true]{border-color:var(--line);color:var(--text);background:var(--panel)}.copy-box:where(.astro-lcdefpme){border:1px solid var(--line);background:var(--panel);border-radius:.5rem;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.copy-box:where(.astro-lcdefpme)[hidden]{display:none}.install-panels:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr);display:grid}.install-panels:where(.astro-lcdefpme)>.copy-box:where(.astro-lcdefpme){grid-area:1/1;align-items:center}.install-panels:where(.astro-lcdefpme)>.copy-box:where(.astro-lcdefpme)[hidden]{visibility:hidden;display:flex}.copy-box:where(.astro-lcdefpme) code:where(.astro-lcdefpme),.copy-box:where(.astro-lcdefpme) .astro-code{white-space:pre;min-width:0;padding:0;overflow-x:auto}.prompt-box:where(.astro-lcdefpme) code:where(.astro-lcdefpme){white-space:normal}.copy:where(.astro-lcdefpme){font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:.35rem;flex:none;padding:.2rem .7rem;font-size:.8rem}.copy:where(.astro-lcdefpme):hover{border-color:var(--accent)}.two:where(.astro-lcdefpme),.split:where(.astro-lcdefpme){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.split:where(.astro-lcdefpme){gap:2.5rem}.facts:where(.astro-lcdefpme){gap:.75rem;margin:0;padding-left:1.1rem;display:grid}.facts:where(.astro-lcdefpme) li:where(.astro-lcdefpme)::marker{color:var(--accent)}.grid:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.card:where(.astro-lcdefpme){border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:.5rem;flex-direction:column;min-width:0;padding:1rem;text-decoration:none;display:flex}.card:where(.astro-lcdefpme):hover{border-color:var(--accent)}.card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme) code:where(.astro-lcdefpme){color:var(--accent);font-size:1rem}.card:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--muted);flex:1;margin:0 0 .75rem;font-size:.9rem}.card:where(.astro-lcdefpme) .astro-code{overflow-wrap:anywhere;border-radius:.35rem;padding:.5rem;font-size:.75rem;background:var(--bg)!important}.languages:where(.astro-lcdefpme){flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.languages:where(.astro-lcdefpme) li:where(.astro-lcdefpme){border:1px solid var(--line);font-family:var(--sl-font-mono);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem .25rem .6rem;font-size:.85rem;display:flex}.languages:where(.astro-lcdefpme){--icon-fallback:var(--muted)}.faq:where(.astro-lcdefpme){gap:.5rem;max-width:48rem;display:grid}details:where(.astro-lcdefpme){border:1px solid var(--line);background:var(--panel);border-radius:.5rem;padding:.75rem 1rem}summary:where(.astro-lcdefpme){cursor:pointer;padding-left:1.2rem;font-weight:600;list-style:none;display:block}summary:where(.astro-lcdefpme)::-webkit-details-marker{display:none}summary:where(.astro-lcdefpme):before{content:"";vertical-align:.1em;background:var(--muted);clip-path:polygon(12.5% 0,87.5% 50%,12.5% 100%);width:.45rem;height:.45rem;margin-left:-1.2rem;margin-right:.75rem;transition:rotate .15s;display:inline-block}details:where(.astro-lcdefpme)[open] summary:where(.astro-lcdefpme):before{rotate:90deg}summary:where(.astro-lcdefpme) .short:where(.astro-lcdefpme){color:var(--accent);white-space:nowrap;margin-left:.4em;font-weight:700}summary:where(.astro-lcdefpme) .short:where(.astro-lcdefpme):before{content:"— ";color:var(--muted);font-weight:400}details:where(.astro-lcdefpme)[open] .short:where(.astro-lcdefpme){display:none}details:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--muted);margin:.5rem 0 0}.final:where(.astro-lcdefpme){text-align:center;padding-bottom:3rem}.final:where(.astro-lcdefpme) .section-lead:where(.astro-lcdefpme){margin:0 auto}.final:where(.astro-lcdefpme) .actions:where(.astro-lcdefpme){justify-content:center}footer:where(.astro-lcdefpme){border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:1.5rem;font-size:.9rem;display:flex;padding-top:2rem!important;padding-bottom:3rem!important}footer:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--muted)}@media (width<=40rem){.badge-long:where(.astro-lcdefpme){display:none}.demo:where(.astro-lcdefpme) pre:where(.astro-lcdefpme){font-size:.75rem}.demo-tabs:where(.astro-lcdefpme){margin-bottom:.5rem}.demo-tabs:where(.astro-lcdefpme) .tab-label:where(.astro-lcdefpme){display:none}.demo-tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme){justify-content:center}.tab-phone-label:where(.astro-lcdefpme){display:block}}@media (width<=52rem){.demo:where(.astro-lcdefpme) .demo-files:where(.astro-lcdefpme),.two:where(.astro-lcdefpme),.split:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr)}section:where(.astro-lcdefpme).wrap{padding-top:3.5rem}}