@layer starlight.components{.card-grid:where(.astro-7qmvx3iy){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-7qmvx3iy)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-7qmvx3iy){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-7qmvx3iy){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-7qmvx3iy)>:nth-child(2n){transform:translateY(var(--stagger-height))}}.sl-link-card:where(.astro-zaaezwya){border:1px solid var(--sl-color-gray-5);box-shadow:var(--sl-shadow-sm);border-radius:.5rem;grid-template-columns:1fr auto;gap:.5rem;padding:1rem;display:grid;position:relative}a:where(.astro-zaaezwya){line-height:var(--sl-line-height-headings);text-decoration:none}a:where(.astro-zaaezwya):before{content:"";position:absolute;inset:0}.stack:where(.astro-zaaezwya){flex-direction:column;gap:.5rem}.title:where(.astro-zaaezwya){color:var(--sl-color-white);font-weight:600;font-size:var(--sl-text-lg)}.description:where(.astro-zaaezwya){color:var(--sl-color-gray-3);line-height:1.5}.icon:where(.astro-zaaezwya){color:var(--sl-color-gray-3)}.sl-link-card:where(.astro-zaaezwya):hover{background:var(--sl-color-gray-7,var(--sl-color-gray-6));border-color:var(--sl-color-gray-2)}.sl-link-card:where(.astro-zaaezwya):hover .icon:where(.astro-zaaezwya){color:var(--sl-color-white)}}.shiki-magic-move-container{white-space:pre;position:relative}.shiki-magic-move-line-number{opacity:.3;user-select:none}.shiki-magic-move-item{transition:color var(--smm-duration,.5s) var(--smm-easing,"ease");display:inline-block}.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}magic-move .shiki-magic-move-container{scrollbar-width:thin;text-align:left;color:var(--shiki-foreground);background:var(--shiki-background);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:auto hidden}.format-showcase:where(.astro-sh43gkp4){grid-template-columns:1fr;align-items:center;gap:1.25rem;min-width:0;margin:2rem 0 1rem;display:grid}.format-showcase-copy:where(.astro-sh43gkp4){gap:.85rem;min-width:0;display:grid}.format-showcase-kicker:where(.astro-sh43gkp4){letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--sl-color-accent) 80%, white);margin:0;font-size:.76rem;font-weight:700}.format-showcase-copy:where(.astro-sh43gkp4) h3:where(.astro-sh43gkp4){margin:0;font-size:clamp(1.35rem,1.05rem + 1.2vw,2.1rem);line-height:1.1}.format-showcase-copy:where(.astro-sh43gkp4) p:where(.astro-sh43gkp4){color:var(--sl-color-gray-2);max-width:34rem;margin:0}.format-showcase-copy:where(.astro-sh43gkp4) code{font-size:inherit}.format-showcase-tags:where(.astro-sh43gkp4){flex-wrap:wrap;gap:.55rem;display:flex}.format-showcase-tags:where(.astro-sh43gkp4) span:where(.astro-sh43gkp4){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);border-radius:999px;align-items:center;padding:.38rem .7rem;font-size:.76rem;display:inline-flex}.format-showcase-frame:where(.astro-sh43gkp4){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));border-radius:1.2rem;min-width:0;padding:.9rem;position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff14,0 24px 60px #00000047}.format-showcase-toolbar:where(.astro-sh43gkp4){gap:.7rem;margin-bottom:.8rem;display:grid}.format-showcase-tabs:where(.astro-sh43gkp4){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);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;min-width:0;padding:.25rem;display:grid;box-shadow:inset 0 1px #ffffff0d}.format-showcase-tab:where(.astro-sh43gkp4){letter-spacing:.03em;text-transform:uppercase;color:var(--sl-color-gray-2);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:0;padding:.42rem .8rem;font-size:.73rem;font-weight:700;transition:color .2s,border-color .2s,background .2s,transform .2s;display:flex}.format-showcase-tab:where(.astro-sh43gkp4):hover{color:var(--sl-color-white)}.format-showcase-tab:where(.astro-sh43gkp4):focus-visible{outline:2px solid color-mix(in srgb, var(--sl-color-accent) 78%, white);outline-offset:2px}.format-showcase-tab:where(.astro-sh43gkp4).is-active{color:var(--sl-color-white);transform:translateY(-1px)}.format-showcase-tab:where(.astro-sh43gkp4):disabled{cursor:default}.format-showcase-tab-input:where(.astro-sh43gkp4).is-active{background:#e4694429;border-color:#e4694457;box-shadow:inset 0 1px #fcf0ec}.format-showcase-tab-output:where(.astro-sh43gkp4).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 0 color-mix(in srgb, var(--sl-color-accent) 14%, white)}.format-showcase-replay:where(.astro-sh43gkp4){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));width:100%;min-width:0;height:2.35rem;color:var(--sl-color-white);letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.22rem .42rem .22rem .3rem;font-size:.76rem;font-weight:700;line-height:1;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #0000002e}.format-showcase-replay:where(.astro-sh43gkp4) svg:where(.astro-sh43gkp4){width:.95rem;height:.95rem}.format-showcase-replay-icon-shell:where(.astro-sh43gkp4){background:#ffffff12;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.format-showcase-replay-label:where(.astro-sh43gkp4){white-space:nowrap;align-items:center;display:inline-flex}.format-showcase-replay:where(.astro-sh43gkp4)[data-action=play] .format-showcase-replay-label-replay:where(.astro-sh43gkp4),.format-showcase-replay:where(.astro-sh43gkp4)[data-action=replay] .format-showcase-replay-label-play:where(.astro-sh43gkp4),.format-showcase-replay:where(.astro-sh43gkp4)[data-action=play] .format-showcase-icon-replay:where(.astro-sh43gkp4),.format-showcase-replay:where(.astro-sh43gkp4)[data-action=replay] .format-showcase-icon-play:where(.astro-sh43gkp4){display:none}.format-showcase-replay:where(.astro-sh43gkp4)[data-action=play] .format-showcase-replay-icon-shell:where(.astro-sh43gkp4){color:#f3987c;background:#e469442e}.format-showcase-replay:where(.astro-sh43gkp4)[data-action=replay] .format-showcase-replay-icon-shell:where(.astro-sh43gkp4){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-sh43gkp4):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 #ffffff1a,0 12px 24px #00000038}.format-showcase-replay:where(.astro-sh43gkp4):focus-visible{outline:2px solid color-mix(in srgb, var(--sl-color-accent) 78%, white);outline-offset:2px}.format-showcase-replay:where(.astro-sh43gkp4):disabled{cursor:default}.format-showcase:where(.astro-sh43gkp4)[data-animating=true] .format-showcase-tab:where(.astro-sh43gkp4),.format-showcase:where(.astro-sh43gkp4)[data-animating=true] .format-showcase-replay:where(.astro-sh43gkp4){pointer-events:none}.format-showcase:where(.astro-sh43gkp4)[data-animating=true] .format-showcase-tab:where(.astro-sh43gkp4):not(.is-active){opacity:.72}.format-showcase:where(.astro-sh43gkp4)[data-animating=true] .format-showcase-replay:where(.astro-sh43gkp4){opacity:.82}.format-showcase:where(.astro-sh43gkp4)[data-resetting=true] .format-magic-move{opacity:0;transition:opacity 80ms}.format-showcase:where(.astro-sh43gkp4) .format-magic-move{--shiki-background:#161a22;--shiki-foreground:#dbdfe6;--shiki-token-keyword:#f17e95;--shiki-token-string:#f2d17d;--shiki-token-function:#84d4f6;--shiki-token-comment:#6b9e75;--shiki-token-constant:#bc99f5;--shiki-token-parameter:#93d3f1;--shiki-token-punctuation:#dbdfe6;border:1px solid #ffffff12;border-radius:1rem;display:block;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 14px 34px #0000004d;cursor:default!important}.format-showcase:where(.astro-sh43gkp4) .format-magic-move .shiki-magic-move-container{background:var(--shiki-background);height:21rem;padding:.95rem 1rem;font-size:.76rem;line-height:1.7}@media (width>=48rem){.format-showcase-toolbar:where(.astro-sh43gkp4){grid-template-columns:minmax(0,1fr) auto;align-items:center}.format-showcase-replay:where(.astro-sh43gkp4){width:auto;min-width:8.25rem}}@media (width>=56rem){.format-showcase:where(.astro-sh43gkp4){grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1.5rem}.format-showcase:where(.astro-sh43gkp4) .format-magic-move .shiki-magic-move-container{height:23.5rem;padding:1rem 1.2rem;font-size:.82rem}}@media (width<=30rem){.format-showcase-frame:where(.astro-sh43gkp4){padding:.75rem}.format-showcase-tab:where(.astro-sh43gkp4){padding-inline:.55rem;font-size:.68rem}.format-showcase-replay:where(.astro-sh43gkp4){gap:.4rem}}.speed-counter:where(.astro-y5m56ytv){flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.5rem;padding:1.5rem 0;display:flex}.speed-counter-number:where(.astro-y5m56ytv){font-family:var(--sl-font-heading);color:var(--sl-color-text-accent);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;line-height:1}.speed-counter-label:where(.astro-y5m56ytv){color:var(--sl-color-gray-2);max-width:36rem;padding-top:.5rem;font-size:.9375rem;line-height:1.5}.install-cmd:where(.astro-uq2yzx25){flex-direction:column;align-items:center;gap:.375rem;width:100%;margin:.75rem 0;display:flex}.install-cmd-label:where(.astro-uq2yzx25){font-family:var(--sl-font-heading);color:var(--sl-color-text-accent);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.install-cmd-box:where(.astro-uq2yzx25){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);border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;width:fit-content;max-width:min(100%,42rem);margin-inline:auto;padding:.5rem 1rem;font-size:.8125rem;display:inline-grid;overflow:hidden}.install-cmd-prompt:where(.astro-uq2yzx25){color:var(--sl-color-gray-3);user-select:none}.install-cmd-text:where(.astro-uq2yzx25){min-width:0;color:var(--sl-color-white);font-size:inherit;box-shadow:none;white-space:nowrap;scrollbar-width:thin;background:0 0;border:none;padding:0;display:block;overflow:auto hidden}.install-cmd-copy:where(.astro-uq2yzx25){width:28px;height:28px;color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;place-items:center;line-height:0;transition:color .2s,background .2s;display:grid}.install-cmd-copy:where(.astro-uq2yzx25):hover{color:var(--sl-color-text-accent);background:color-mix(in srgb, var(--sl-color-accent) 10%, transparent)}.install-cmd-icon:where(.astro-uq2yzx25){pointer-events:none;grid-area:1/1;width:16px;height:16px;transition:opacity .16s,transform .16s;display:block}.install-cmd-icon-copy:where(.astro-uq2yzx25){opacity:1;transform:none}.install-cmd-icon-check:where(.astro-uq2yzx25){color:#21c45d;opacity:0;transform:scale(.9)}.install-cmd-copy:where(.astro-uq2yzx25).is-copied .install-cmd-icon-copy:where(.astro-uq2yzx25){opacity:0;transform:scale(.9)}.install-cmd-copy:where(.astro-uq2yzx25).is-copied .install-cmd-icon-check:where(.astro-uq2yzx25){opacity:1;transform:none}@media (width<=40rem){.install-cmd-box:where(.astro-uq2yzx25){gap:.5rem;padding:.5rem .75rem}}.why-grid:where(.astro-hpnoybl7){grid-template-columns:1fr;gap:1rem;margin:2rem 0;display:grid}@media (width>=36rem){.why-grid:where(.astro-hpnoybl7){grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.why-grid:where(.astro-hpnoybl7){grid-template-columns:repeat(3,1fr)}}.why-card:where(.astro-hpnoybl7){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);border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1.25rem;transition:border-color .25s,box-shadow .25s;display:flex}.why-card:where(.astro-hpnoybl7):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-hpnoybl7){width:2.25rem;height:2.25rem;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);border-radius:.625rem;justify-content:center;align-items:center;display:inline-flex}.why-icon:where(.astro-hpnoybl7) svg:where(.astro-hpnoybl7){flex:none;width:1.1rem;height:1.1rem}.why-title:where(.astro-hpnoybl7){font-family:var(--sl-font-heading);color:var(--sl-color-white);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:700}.why-desc:where(.astro-hpnoybl7){color:var(--sl-color-gray-2);margin:0;font-size:.8125rem;line-height:1.6}.why-desc:where(.astro-hpnoybl7) code:where(.astro-hpnoybl7){background:var(--sl-color-bg-inline-code);box-shadow:none;border-radius:.25rem;padding:.15em .3em;font-size:.75rem}.why-desc:where(.astro-hpnoybl7) strong:where(.astro-hpnoybl7){color:var(--sl-color-text-accent)}@media (width<=35.999rem){.why-card-extra:where(.astro-hpnoybl7){display:none}.why-grid:where(.astro-hpnoybl7)[data-expanded] .why-card-extra:where(.astro-hpnoybl7){display:flex}}@media (width>=36rem){.why-card-extra:where(.astro-hpnoybl7){display:flex}}.why-expand-btn:where(.astro-hpnoybl7){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);width:100%;color:var(--sl-color-text-accent);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;margin-top:.5rem;padding:.6rem;font-size:.8125rem;font-weight:600;transition:border-color .2s,background .2s;display:flex}.why-expand-btn:where(.astro-hpnoybl7):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 (width>=36rem){.why-expand-btn:where(.astro-hpnoybl7){display:none}}