magic-move .shiki-magic-move-container{margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.shiki-magic-move-container{position:relative;white-space:pre}.shiki-magic-move-line-number{opacity:.3;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shiki-magic-move-item{display:inline-block;transition:color var(--smm-duration,.5s) var(--smm-easing,"ease")}.shiki-magic-move-enter-active,.shiki-magic-move-leave-active,.shiki-magic-move-move{transition:all var(--smm-duration,.5s) var(--smm-easing,"ease")}.shiki-magic-move-container-resize,.shiki-magic-move-container-restyle{transition:all var(--smm-duration,.5s) var(--smm-easing,"ease");transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-container, 1))}.shiki-magic-move-move{transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-move, 1) + var(--smm-stagger, 0));z-index:1}.shiki-magic-move-enter-active{transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-enter, 1) + var(--smm-stagger, 0));z-index:1}.shiki-magic-move-leave-active{transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-leave, 1) + var(--smm-stagger, 0))}.shiki-magic-move-enter-from,.shiki-magic-move-leave-to{opacity:0}br.shiki-magic-move-leave-active{display:none}magic-move{display:block;position:relative}.shiki-magic-move-container{margin:0;overflow-x:auto;overflow-y:hidden;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.75rem,2vw,.875rem);line-height:1.7;text-align:left;background:var(--shiki-background, #1e1e1e);color:var(--shiki-foreground, #d4d4d4);scrollbar-width:thin;min-height:calc(1.5rem + var(--min-lines, 0) * 1.7em)}.format-showcase:where(.astro-3g3srrte){display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:center;margin:2rem 0 1rem;min-width:0}.format-showcase-copy:where(.astro-3g3srrte){display:grid;gap:.85rem;min-width:0}.format-showcase-kicker:where(.astro-3g3srrte){margin:0;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--sl-color-accent) 80%,white)}.format-showcase-copy:where(.astro-3g3srrte) h3:where(.astro-3g3srrte){margin:0;font-size:clamp(1.35rem,1.05rem + 1.2vw,2.1rem);line-height:1.1}.format-showcase-copy:where(.astro-3g3srrte) p:where(.astro-3g3srrte){margin:0;color:var(--sl-color-gray-2);max-width:34rem}.format-showcase-copy:where(.astro-3g3srrte) code{font-size:inherit}.format-showcase-tags:where(.astro-3g3srrte){display:flex;flex-wrap:wrap;gap:.55rem}.format-showcase-tags:where(.astro-3g3srrte) span:where(.astro-3g3srrte){display:inline-flex;align-items:center;padding:.38rem .7rem;border-radius:999px;font-size:.76rem;color:var(--sl-color-gray-2);background:color-mix(in srgb,var(--sl-color-gray-6) 78%,transparent);border:1px solid color-mix(in srgb,var(--sl-color-gray-4) 28%,transparent)}.format-showcase-frame:where(.astro-3g3srrte){position:relative;padding:.9rem;border-radius:1.2rem;min-width:0;overflow:clip;border:1px solid color-mix(in srgb,var(--sl-color-gray-4) 22%,transparent);background:radial-gradient(circle at top right,color-mix(in srgb,var(--sl-color-accent) 22%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--sl-color-gray-6) 88%,transparent),color-mix(in srgb,var(--sl-color-black) 18%,transparent));box-shadow:inset 0 1px color-mix(in srgb,white 8%,transparent),0 24px 60px color-mix(in srgb,black 28%,transparent)}.format-showcase-toolbar:where(.astro-3g3srrte){display:grid;gap:.7rem;margin-bottom:.8rem}.format-showcase-tabs:where(.astro-3g3srrte){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;padding:.25rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--sl-color-gray-4) 22%,transparent);background:color-mix(in srgb,var(--sl-color-gray-6) 76%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 5%,transparent);min-width:0}.format-showcase-tab:where(.astro-3g3srrte){display:flex;align-items:center;justify-content:center;padding:.42rem .8rem;border-radius:999px;font-size:.73rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--sl-color-gray-2);border:1px solid transparent;background:transparent;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease;min-width:0}.format-showcase-tab:where(.astro-3g3srrte):hover{color:var(--sl-color-white)}.format-showcase-tab:where(.astro-3g3srrte):focus-visible{outline:2px solid color-mix(in srgb,var(--sl-color-accent) 78%,white);outline-offset:2px}.format-showcase-tab:where(.astro-3g3srrte).is-active{color:var(--sl-color-white);transform:translateY(-1px)}.format-showcase-tab:where(.astro-3g3srrte):disabled{cursor:default}.format-showcase-tab-input:where(.astro-3g3srrte).is-active{background:color-mix(in srgb,hsl(14 75% 58%) 16%,transparent);border-color:color-mix(in srgb,hsl(14 75% 58%) 34%,transparent);box-shadow:inset 0 1px color-mix(in srgb,hsl(14 75% 58%) 10%,white)}.format-showcase-tab-output:where(.astro-3g3srrte).is-active{background:color-mix(in srgb,var(--sl-color-accent) 15%,transparent);border-color:color-mix(in srgb,var(--sl-color-accent) 34%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--sl-color-accent) 14%,white)}.format-showcase-replay:where(.astro-3g3srrte){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.35rem;padding:.22rem .42rem .22rem .3rem;width:100%;min-width:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--sl-color-gray-3) 20%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--sl-color-gray-6) 90%,transparent),color-mix(in srgb,var(--sl-color-black) 16%,transparent));color:var(--sl-color-white);box-shadow:inset 0 1px color-mix(in srgb,white 6%,transparent),0 8px 18px color-mix(in srgb,black 18%,transparent);font-size:.76rem;font-weight:700;letter-spacing:.01em;line-height:1;transition:border-color .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease}.format-showcase-replay:where(.astro-3g3srrte) svg:where(.astro-3g3srrte){width:.95rem;height:.95rem}.format-showcase-replay-icon-shell:where(.astro-3g3srrte){display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:999px;background:color-mix(in srgb,white 7%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 8%,transparent);flex:0 0 auto}.format-showcase-replay-label:where(.astro-3g3srrte){display:inline-flex;align-items:center;white-space:nowrap}.format-showcase-replay:where(.astro-3g3srrte)[data-action=play] .format-showcase-replay-label-replay:where(.astro-3g3srrte){display:none}.format-showcase-replay:where(.astro-3g3srrte)[data-action=replay] .format-showcase-replay-label-play:where(.astro-3g3srrte){display:none}.format-showcase-replay:where(.astro-3g3srrte)[data-action=play] .format-showcase-icon-replay:where(.astro-3g3srrte){display:none}.format-showcase-replay:where(.astro-3g3srrte)[data-action=replay] .format-showcase-icon-play:where(.astro-3g3srrte){display:none}.format-showcase-replay:where(.astro-3g3srrte)[data-action=play] .format-showcase-replay-icon-shell:where(.astro-3g3srrte){background:color-mix(in srgb,hsl(14 75% 58%) 18%,transparent);color:#f3987c}.format-showcase-replay:where(.astro-3g3srrte)[data-action=replay] .format-showcase-replay-icon-shell:where(.astro-3g3srrte){background:color-mix(in srgb,var(--sl-color-accent) 18%,transparent);color:color-mix(in srgb,var(--sl-color-accent) 88%,white)}.format-showcase-replay:where(.astro-3g3srrte):hover{border-color:color-mix(in srgb,var(--sl-color-accent) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--sl-color-accent) 10%,var(--sl-color-gray-6)),color-mix(in srgb,var(--sl-color-black) 12%,transparent));transform:translateY(-1px);box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent),0 12px 24px color-mix(in srgb,black 22%,transparent)}.format-showcase-replay:where(.astro-3g3srrte):focus-visible{outline:2px solid color-mix(in srgb,var(--sl-color-accent) 78%,white);outline-offset:2px}.format-showcase-replay:where(.astro-3g3srrte):disabled{cursor:default}.format-showcase:where(.astro-3g3srrte)[data-animating=true] .format-showcase-tab:where(.astro-3g3srrte),.format-showcase:where(.astro-3g3srrte)[data-animating=true] .format-showcase-replay:where(.astro-3g3srrte){pointer-events:none}.format-showcase:where(.astro-3g3srrte)[data-animating=true] .format-showcase-tab:where(.astro-3g3srrte):not(.is-active){opacity:.72}.format-showcase:where(.astro-3g3srrte)[data-animating=true] .format-showcase-replay:where(.astro-3g3srrte){opacity:.82}.format-showcase:where(.astro-3g3srrte)[data-resetting=true] .format-magic-move{opacity:0;transition:opacity .08s ease}.format-showcase:where(.astro-3g3srrte) .format-magic-move{--shiki-background: hsl(220 20% 11%);--shiki-foreground: hsl(220 18% 88%);--shiki-token-keyword: hsl(348 81% 72%);--shiki-token-string: hsl(43 82% 72%);--shiki-token-function: hsl(198 86% 74%);--shiki-token-comment: hsl(132 21% 52%);--shiki-token-constant: hsl(263 82% 78%);--shiki-token-parameter: hsl(199 77% 76%);--shiki-token-punctuation: hsl(220 18% 88%);display:block;border-radius:1rem;overflow:hidden;border:1px solid color-mix(in srgb,white 7%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 5%,transparent),0 14px 34px color-mix(in srgb,black 30%,transparent);cursor:default!important}.format-showcase:where(.astro-3g3srrte) .format-magic-move .shiki-magic-move-container{height:21rem;padding:.95rem 1rem;font-size:.76rem;line-height:1.7;background:var(--shiki-background)}@media(min-width:48rem){.format-showcase-toolbar:where(.astro-3g3srrte){grid-template-columns:minmax(0,1fr) auto;align-items:center}.format-showcase-replay:where(.astro-3g3srrte){width:auto;min-width:8.25rem}}@media(min-width:56rem){.format-showcase:where(.astro-3g3srrte){grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1.5rem}.format-showcase:where(.astro-3g3srrte) .format-magic-move .shiki-magic-move-container{height:23.5rem;padding:1rem 1.2rem;font-size:.82rem}}@media(max-width:30rem){.format-showcase-frame:where(.astro-3g3srrte){padding:.75rem}.format-showcase-tab:where(.astro-3g3srrte){font-size:.68rem;padding-inline:.55rem}.format-showcase-replay:where(.astro-3g3srrte){gap:.4rem}}.speed-counter:where(.astro-ynrfiq5v){display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.5rem;padding:1.5rem 0}.speed-counter-number:where(.astro-ynrfiq5v){font-family:var(--sl-font-heading);font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;color:var(--sl-color-text-accent);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.speed-counter-label:where(.astro-ynrfiq5v){font-size:.9375rem;color:var(--sl-color-gray-2);line-height:1.5;max-width:36rem;padding-top:.5rem}.install-cmd:where(.astro-pejjuhee){display:flex;flex-direction:column;align-items:center;gap:.375rem;margin:.75rem 0;width:100%}.install-cmd-label:where(.astro-pejjuhee){font-family:var(--sl-font-heading);font-size:.75rem;font-weight:700;color:var(--sl-color-text-accent);text-transform:uppercase;letter-spacing:.06em}.install-cmd-box:where(.astro-pejjuhee){display:inline-grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--sl-color-gray-4) 30%,transparent);background:color-mix(in srgb,var(--sl-color-gray-6) 70%,transparent);backdrop-filter:blur(8px);font-family:var(--sl-font-mono);font-size:.8125rem;width:fit-content;max-width:min(100%,42rem);margin-inline:auto;overflow:hidden}.install-cmd-prompt:where(.astro-pejjuhee){color:var(--sl-color-gray-3);user-select:none}.install-cmd-text:where(.astro-pejjuhee){min-width:0;display:block;color:var(--sl-color-white);background:none;border:none;padding:0;font-size:inherit;box-shadow:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}.install-cmd-copy:where(.astro-pejjuhee){flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:.375rem;background:transparent;color:var(--sl-color-gray-3);line-height:0;cursor:pointer;transition:color .2s ease,background .2s ease}.install-cmd-copy:where(.astro-pejjuhee):hover{color:var(--sl-color-text-accent);background:color-mix(in srgb,var(--sl-color-accent) 10%,transparent)}.install-cmd-icon:where(.astro-pejjuhee){grid-area:1 / 1;width:16px;height:16px;display:block;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.install-cmd-icon-copy:where(.astro-pejjuhee){opacity:1;transform:none}.install-cmd-icon-check:where(.astro-pejjuhee){color:#21c45d;opacity:0;transform:scale(.9)}.install-cmd-copy:where(.astro-pejjuhee).is-copied .install-cmd-icon-copy:where(.astro-pejjuhee){opacity:0;transform:scale(.9)}.install-cmd-copy:where(.astro-pejjuhee).is-copied .install-cmd-icon-check:where(.astro-pejjuhee){opacity:1;transform:none}@media(max-width:40rem){.install-cmd-box:where(.astro-pejjuhee){padding:.5rem .75rem;gap:.5rem}}.why-grid:where(.astro-54uiihrj){display:grid;grid-template-columns:1fr;gap:1rem;margin:2rem 0}@media(min-width:36rem){.why-grid:where(.astro-54uiihrj){grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.why-grid:where(.astro-54uiihrj){grid-template-columns:repeat(3,1fr)}}.why-card:where(.astro-54uiihrj){display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--sl-color-gray-4) 22%,transparent);background:color-mix(in srgb,var(--sl-color-gray-6) 50%,transparent);backdrop-filter:blur(6px);transition:border-color .25s ease,box-shadow .25s ease}.why-card:where(.astro-54uiihrj):hover{border-color:color-mix(in srgb,var(--sl-color-accent) 35%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--sl-color-accent) 10%,transparent)}.why-icon:where(.astro-54uiihrj){display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.625rem;color:var(--sl-color-text-accent);background:color-mix(in srgb,var(--sl-color-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--sl-color-accent) 18%,transparent)}.why-icon:where(.astro-54uiihrj) svg:where(.astro-54uiihrj){width:1.1rem;height:1.1rem;flex:0 0 auto}.why-title:where(.astro-54uiihrj){margin:0;font-family:var(--sl-font-heading);font-size:.95rem;font-weight:700;color:var(--sl-color-white);letter-spacing:-.01em}.why-desc:where(.astro-54uiihrj){margin:0;font-size:.8125rem;line-height:1.6;color:var(--sl-color-gray-2)}.why-desc:where(.astro-54uiihrj) code:where(.astro-54uiihrj){font-size:.75rem;padding:.15em .3em;border-radius:.25rem;background:var(--sl-color-bg-inline-code);box-shadow:none}.why-desc:where(.astro-54uiihrj) strong:where(.astro-54uiihrj){color:var(--sl-color-text-accent)}@media(max-width:35.999rem){.why-card-extra:where(.astro-54uiihrj){display:none}.why-grid:where(.astro-54uiihrj)[data-expanded] .why-card-extra:where(.astro-54uiihrj){display:flex}}@media(min-width:36rem){.why-card-extra:where(.astro-54uiihrj){display:flex}}.why-expand-btn:where(.astro-54uiihrj){display:flex;align-items:center;justify-content:center;width:100%;padding:.6rem;margin-top:.5rem;border:1px solid color-mix(in srgb,var(--sl-color-gray-4) 22%,transparent);border-radius:.5rem;background:color-mix(in srgb,var(--sl-color-gray-6) 50%,transparent);color:var(--sl-color-text-accent);font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease}.why-expand-btn:where(.astro-54uiihrj):hover{border-color:color-mix(in srgb,var(--sl-color-accent) 35%,transparent);background:color-mix(in srgb,var(--sl-color-accent) 8%,transparent)}@media(min-width:36rem){.why-expand-btn:where(.astro-54uiihrj){display:none}}