:where(.amb-root){--amb-bg:#fff;--amb-fg:#18181b;--amb-muted:#71717a;--amb-border:#e4e4e7;--amb-toolbar-bg:#f4f4f5;--amb-button-bg:#fff;--amb-button-hover:#e4e4e7;--amb-accent:#18181b;--amb-accent-fg:#fafafa;--amb-code-bg:#f4f4f5;--amb-link:#2563eb;--amb-radius:.375rem;--amb-font-sans:ui-sans-serif, system-ui, sans-serif;--amb-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}@media (prefers-color-scheme:dark){:where(:root:not(.light,.dark,[data-theme]) .amb-root){--amb-bg:#09090b;--amb-fg:#fafafa;--amb-muted:#a1a1aa;--amb-border:#27272a;--amb-toolbar-bg:#18181b;--amb-button-bg:#09090b;--amb-button-hover:#27272a;--amb-accent:#fafafa;--amb-accent-fg:#18181b;--amb-code-bg:#27272a;--amb-link:#60a5fa}}:where(.dark .amb-root,[data-theme=dark] .amb-root){--amb-bg:#09090b;--amb-fg:#fafafa;--amb-muted:#a1a1aa;--amb-border:#27272a;--amb-toolbar-bg:#18181b;--amb-button-bg:#09090b;--amb-button-hover:#27272a;--amb-accent:#fafafa;--amb-accent-fg:#18181b;--amb-code-bg:#27272a;--amb-link:#60a5fa}.amb-root{border:1px solid var(--amb-border);border-radius:var(--amb-radius);background:var(--amb-bg);color:var(--amb-fg);font-family:var(--amb-font-sans);margin:2rem 0;overflow:hidden}.amb-root *,.amb-root :before,.amb-root :after{box-sizing:border-box}.amb-toolbar{border-bottom:1px solid var(--amb-border);background:var(--amb-toolbar-bg);justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex}.amb-title{min-width:0;color:var(--amb-muted);align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;display:flex}.amb-title-text{color:var(--amb-fg);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.amb-mode{flex-shrink:0}.amb-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.amb-icon{flex-shrink:0;width:1rem;height:1rem}.amb-button{border:1px solid var(--amb-border);border-radius:var(--amb-radius);background:var(--amb-button-bg);height:2rem;color:var(--amb-fg);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding:0 .625rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s,transform .15s;display:inline-flex}.amb-button:hover{background:var(--amb-button-hover)}.amb-button:active{transform:scale(.98)}.amb-button:focus-visible{outline:2px solid var(--amb-accent);outline-offset:2px}.amb-button-icon{width:2rem;padding:0}.amb-button[aria-pressed=true]{border-color:var(--amb-accent);background:var(--amb-accent);color:var(--amb-accent-fg)}.amb-body{overflow:auto}.amb-source{width:max-content;min-width:100%;color:var(--amb-fg);font-family:var(--amb-font-mono);white-space:pre;background:0 0;margin:0;padding:.75rem 1rem;font-size:.8125rem;line-height:1.625}.amb-source[data-wrap]{overflow-wrap:anywhere;white-space:pre-wrap;width:auto}.amb-preview{overflow-wrap:break-word;padding:.75rem 1rem;font-size:.9375rem;line-height:1.7}.amb-preview>:first-child{margin-top:0}.amb-preview>:last-child{margin-bottom:0}.amb-preview :where(h1,h2,h3,h4,h5,h6){margin:1.5em 0 .5em;font-weight:600;line-height:1.3}.amb-preview :where(h1){font-size:1.6em}.amb-preview :where(h2){font-size:1.35em}.amb-preview :where(h3){font-size:1.15em}.amb-preview :where(p,ul,ol,blockquote,pre,table){margin:.75em 0}.amb-preview :where(ul,ol){padding-left:1.5em}.amb-preview :where(li+li){margin-top:.25em}.amb-preview :where(li.task-list-item){list-style:none}.amb-preview :where(ul.contains-task-list){padding-left:.25em}.amb-preview :where(a){color:var(--amb-link);text-underline-offset:2px;text-decoration:underline}.amb-preview :where(code){background:var(--amb-code-bg);font-family:var(--amb-font-mono);border-radius:.25rem;padding:.125em .375em;font-size:.875em}.amb-preview :where(pre){border-radius:var(--amb-radius);background:var(--amb-code-bg);padding:.75em 1em;overflow-x:auto}.amb-preview :where(pre code){background:0 0;padding:0}.amb-preview :where(blockquote){border-left:3px solid var(--amb-border);color:var(--amb-muted);padding-left:1em}.amb-preview :where(table){border-collapse:collapse;display:block;overflow-x:auto}.amb-preview :where(th,td){border:1px solid var(--amb-border);text-align:left;padding:.375em .75em}.amb-preview :where(th){background:var(--amb-toolbar-bg);font-weight:600}.amb-preview :where(hr){border:0;border-top:1px solid var(--amb-border);margin:1.5em 0}.amb-preview :where(img){max-width:100%}:root{--bg:#fff;--fg:#18181b;--muted:#52525b;--border:#e4e4e7;--surface:#f4f4f5;--code-bg:#fafafa;--link:#2563eb;color-scheme:light}:root.dark{--bg:#09090b;--fg:#fafafa;--muted:#a1a1aa;--border:#27272a;--surface:#18181b;--code-bg:#09090b;--link:#60a5fa;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{background:var(--bg);color:var(--fg);margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:1.6}code,pre,.brand-name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}h1,h2,h3{text-wrap:balance}h1{letter-spacing:-.035em;margin:.75rem 0;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;line-height:1.08}h2{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.25}h3{letter-spacing:-.01em;margin:1.75rem 0 .5rem;font-size:1.0625rem;font-weight:600}p{margin:0 0 1rem}main :where(p,li,dd) a{color:var(--link);text-underline-offset:2px}main :not(pre)>code{background:var(--surface);border-radius:.25rem;padding:.125em .35em;font-size:.875em}.skip{z-index:40;background:var(--fg);color:var(--bg);border-radius:.375rem;padding:.5rem .75rem;text-decoration:none;position:absolute;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip:focus{transform:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:min(100%,74rem);margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem)}.nav{z-index:20;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0}.nav-inner{align-items:center;gap:1rem;height:3.5rem;display:flex}.brand-name{min-width:0;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:.9375rem;font-weight:600;text-decoration:none;overflow:hidden}.nav-links,.nav-tools{align-items:center;gap:1.15rem;display:flex}.nav-tools{gap:.5rem}.nav-links{font-size:.875rem}.nav-links a,.nav-menu a,.footer-links a{color:var(--muted);text-decoration:none}.nav-links a:hover,.nav-menu a:hover,.footer-links a:hover,.footer-name:hover,.nav-links a[aria-current=page],.nav-menu a[aria-current=page]{color:var(--fg)}.icon-btn,.theme-toggle,.nav-menu summary{border:1px solid var(--border);width:2.25rem;height:2.25rem;color:var(--fg);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;padding:0;list-style:none;display:inline-flex}.icon-btn svg,.theme-toggle svg,.nav-menu summary svg{width:1rem;height:1rem}.icon-btn:hover,.theme-toggle:hover{background:var(--surface)}.icon{flex-shrink:0;width:1rem;height:1rem}.footer-links a,.package-links a{align-items:center;gap:.375rem;display:inline-flex}.nav-menu summary::-webkit-details-marker{display:none}.light .icon-sun,.dark .icon-moon,.nav-menu .icon-close,.nav-menu[open] .icon-menu{display:none}.nav-menu[open] .icon-close{display:block}.nav-menu{display:none;position:relative}.nav-menu:not([open])>nav{display:none}.nav-menu[open]>nav{border:1px solid var(--border);background:var(--bg);border-radius:.75rem;flex-direction:column;gap:.125rem;width:14rem;padding:.375rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0}.nav-menu a{color:var(--fg);border-radius:.375rem;padding:.5rem .75rem}.nav-menu a:hover{background:var(--surface)}.hero{isolation:isolate;padding-block:3.5rem 4rem;scroll-margin-top:4.5rem;position:relative;overflow:hidden}.hero-bg{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 80% 10%, color-mix(in srgb, var(--fg) 7%, transparent), transparent 60%), radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 0) 0 0 / 22px 22px;position:absolute;inset:0;mask-image:linear-gradient(#000 70%,#0000)}.hero-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}.hero-copy,.hero-stage{min-width:0}.hero-copy{max-width:40rem}.hero-copy h1{margin:.5rem 0 1rem;font-size:clamp(2.5rem,6vw,4.25rem)}.eyebrow{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.band{padding-block:4.5rem;scroll-margin-top:4.5rem}.band h2{font-size:clamp(1.75rem,3vw,2.35rem)}.band-alt{border-block:1px solid var(--border);background:var(--surface)}.docs{padding-block:3.5rem 2rem}.docs-hero{max-width:40rem;margin-bottom:1rem}.section{margin-top:3.25rem;scroll-margin-top:4.5rem}.pills{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.pill{border:1px solid var(--border);height:1.5rem;color:var(--muted);border-radius:999px;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}a.pill:hover{border-color:var(--muted);color:var(--fg)}.lede,.section-lead,.gallery-desc,.note,.lede{max-width:38rem;margin:0;font-size:1.125rem;line-height:1.55}.section-lead,.gallery-desc{max-width:42rem}.section-lead{margin:0 0 1.25rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 1rem;display:flex}.button,.copy-btn{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.button{border-radius:.5rem;height:2.5rem;padding:0 .9rem;font-size:.875rem}.button:hover,.copy-btn:hover{background:var(--surface)}.button.primary{border-color:var(--fg);background:var(--fg);color:var(--bg)}.button.primary:hover{background:color-mix(in srgb, var(--fg) 88%, var(--bg))}.button:disabled,.copy-btn:disabled{opacity:.45;cursor:not-allowed}.copy-btn{height:1.75rem;color:var(--muted);border-radius:.375rem;padding:0 .5rem;font-size:.75rem}.copy-btn:hover{color:var(--fg)}.feature-grid{border:1px solid var(--border);background:var(--border);border-radius:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.feature{background:var(--bg);margin:0;padding:1.25rem}.feature-icon{border:1px solid var(--border);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--fg);border-radius:.6rem;justify-content:center;align-items:center;margin-bottom:.85rem;display:inline-flex}.feature-icon svg{width:1.25rem;height:1.25rem}.feature h3{margin:0 0 .25rem;font-size:.9375rem}.feature p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.step{margin-top:1.75rem}.step h3{align-items:center;gap:.625rem;margin:0 0 .5rem;display:flex}.step p{max-width:42rem}.step-index{background:var(--fg);width:1.5rem;height:1.5rem;color:var(--bg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.tabs{width:100%;min-width:0;min-inline-size:0;border:0;max-width:100%;margin:1rem 0 0;padding:0;position:relative}.tab-inputs{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.tablist{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;gap:.25rem;width:fit-content;max-width:100%;margin-bottom:.75rem;padding:.25rem;display:flex}.tablist label{color:var(--muted);cursor:pointer;border-radius:.375rem;padding:.3rem .75rem;font-size:.875rem;font-weight:500}#usage-astro:checked~.tablist label[for=usage-astro],#usage-mdx:checked~.tablist label[for=usage-mdx],#usage-react:checked~.tablist label[for=usage-react]{background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 1px var(--border)}#usage-astro:focus-visible~.tablist label[for=usage-astro],#usage-mdx:focus-visible~.tablist label[for=usage-mdx],#usage-react:focus-visible~.tablist label[for=usage-react]{outline:2px solid var(--fg);outline-offset:2px}.tab-panel{display:none}#usage-astro:checked~.panel-astro,#usage-mdx:checked~.panel-mdx,#usage-react:checked~.panel-react{display:block}.snippet,.codeblock,.tab-panel,.stack,.gallery,.pg,.frame{min-width:0;max-width:100%;position:relative}.snippet .copy-btn,.codeblock .copy-btn{z-index:1;position:absolute;top:.5rem;right:.5rem}.astro-code,.codeblock pre{border:1px solid var(--border);background:var(--code-bg);width:100%;max-width:100%;color:var(--fg);tab-size:2;border-radius:.5rem;margin:0;padding:1rem 4.75rem 1rem 1rem;font-size:.8125rem;line-height:1.65;display:block;overflow-x:auto}.astro-code code,.codeblock pre code{width:max-content;min-width:100%;display:block}html.light .astro-code,html.light .astro-code span{color:var(--shiki-light);background-color:var(--shiki-light-bg);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);text-decoration:var(--shiki-light-text-decoration)}html.dark .astro-code,html.dark .astro-code span{color:var(--shiki-dark);background-color:var(--shiki-dark-bg);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);text-decoration:var(--shiki-dark-text-decoration)}.segments{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;flex-wrap:wrap;gap:.25rem;margin:0 0 .75rem;padding:.25rem;display:flex}.segments button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.375rem;padding:.35rem .7rem;font-size:.8125rem;font-weight:500}.segments button:hover,.segments button[aria-selected=true]{color:var(--fg)}.segments button[aria-selected=true]{background:var(--bg);box-shadow:inset 0 0 0 1px var(--border)}.frame .amb-root{max-width:100%;margin:0}.frame .amb-preview :where(pre,table){max-width:100%}.gallery .frame .amb-body{max-height:20rem}.gallery-desc{margin:.25rem 0 1rem}.stack{margin-top:1rem}.code-label{margin:0 0 .375rem;font-size:.8125rem;font-weight:600}.hint{margin:-.5rem 0 0;font-size:.8125rem}.brand{--amb-accent:#7c3aed;--amb-accent-fg:#fff;--amb-border:#ddd6fe;--amb-toolbar-bg:#f5f3ff;--amb-radius:.75rem}.dark .brand{--amb-border:#4c1d95;--amb-toolbar-bg:#2e1065}.table{border:1px solid var(--border);border-radius:.5rem;max-width:100%;overflow-x:auto}.table table{border-collapse:collapse;width:100%;font-size:.875rem}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.625rem .75rem}.table th{background:var(--surface);font-weight:600}.table tbody tr:last-child td{border-bottom:0}.table code{overflow-wrap:anywhere}.details{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin:0;display:grid}.details div{border:1px solid var(--border);border-radius:.5rem;min-width:0;padding:.875rem 1rem}.details dt{color:var(--muted);font-size:.8125rem}.details dd{overflow-wrap:anywhere;margin:.125rem 0 0;font-weight:500}.note{margin:1rem 0 0;font-size:.875rem}.package-links{flex-wrap:wrap;gap:.75rem 1.25rem;margin:1rem 0 0;font-size:.875rem;display:flex}.site-footer{border-top:1px solid var(--border)}.footer-inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-block:1.5rem 2rem;font-size:.875rem;display:flex}.footer-name{color:var(--fg);font-weight:600;text-decoration:none}.footer-links{flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.8125rem}.link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.link-grid a{border:1px solid var(--border);height:100%;color:var(--fg);border-radius:.75rem;flex-direction:column;gap:.25rem;padding:1rem 1.125rem;text-decoration:none;transition:border-color .15s;display:flex}.link-grid a:hover{border-color:var(--muted)}.link-grid span{color:var(--muted);font-size:.875rem;line-height:1.5}.next-row{margin-top:3rem}.pg-controls{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1rem;padding:.75rem;display:flex}.pg-controls .field{color:var(--muted);flex-direction:column;flex:10rem;gap:.25rem;font-size:.8125rem;font-weight:500;display:flex}.pg-controls input,.dd-button,.pg textarea{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;border-radius:.375rem;font-size:.875rem}.pg-controls input,.dd-button{height:2.25rem;padding:0 .625rem}.dd{position:relative}.dd-button{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dd-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd svg{width:1rem;height:1rem;color:var(--muted);flex-shrink:0}.dd-button[aria-expanded=true] svg{transform:rotate(180deg)}.dd-list{z-index:10;border:1px solid var(--border);background:var(--bg);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--fg) 30%, transparent);border-radius:.5rem;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;right:0}.dd-list[hidden]{display:none}.dd-list li{color:var(--fg);cursor:pointer;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.875rem;font-weight:400;display:flex}.dd-list li[data-active]{background:var(--surface)}.dd-list li[aria-selected=false] svg{visibility:hidden}.pg-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.pg-pane{flex-direction:column;min-width:0;display:flex}.pg-head{justify-content:space-between;align-items:center;height:1.75rem;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:flex}.pg textarea{resize:none;background:var(--code-bg);tab-size:2;flex:1;min-height:16rem;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.6}.nav-links a:focus-visible,.nav-menu a:focus-visible,.footer-links a:focus-visible,.footer-name:focus-visible,.brand-name:focus-visible,.pill:focus-visible,.button:focus-visible,.copy-btn:focus-visible,.segments button:focus-visible,.icon-btn:focus-visible,.theme-toggle:focus-visible,.nav-menu summary:focus-visible,.pg :where(input,textarea,.dd-button):focus-visible,.link-grid a:focus-visible,.package-links a:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.button,.copy-btn,.segments button,.pill,.nav-links a,.icon-btn,.theme-toggle{transition:background-color .15s,color .15s,border-color .15s}@media (width<=840px){.nav-links{display:none}.nav-menu{display:block}}@media (width<=960px){.hero{padding-block:2.25rem 2.75rem}}@media (width<=800px){.feature-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pg-split{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.footer-inner{flex-direction:column;align-items:flex-start}.table table,.table tbody,.table tr,.table td{width:100%;display:block}.table thead{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.table tr{border-bottom:1px solid var(--border);padding:.75rem .875rem}.table td{border:0;padding:.2rem 0}.table td:before{content:attr(data-label);color:var(--muted);margin-bottom:.125rem;font-size:.75rem;font-weight:600;display:block}.table tbody tr:last-child{border-bottom:0}}@media (width<=520px){.feature-grid,.link-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.amb-button:active{transform:none}}