@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.framework-example[data-astro-cid-zkxazlqd]{border:1px solid hsl(var(--line));background:hsl(var(--surface));min-width:0;box-shadow:0 18px 40px hsl(var(--ink) / .04);border-radius:1.15rem;gap:0;display:grid;overflow:hidden}.framework-example__toolbar[data-astro-cid-zkxazlqd],.framework-example__target[data-astro-cid-zkxazlqd],.framework-example__tools[data-astro-cid-zkxazlqd]{align-items:center;display:flex}.framework-example__toolbar[data-astro-cid-zkxazlqd]{border-bottom:1px solid hsl(var(--line));background:hsl(var(--surface-muted) / .64);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:.75rem .9rem}.framework-example__target[data-astro-cid-zkxazlqd]{color:hsl(var(--ink-muted));flex-wrap:wrap;gap:.65rem;font-size:.75rem;font-weight:700}.framework-example__target[data-astro-cid-zkxazlqd] .ui-badge{gap:.35rem}.framework-example__tools[data-astro-cid-zkxazlqd]{gap:.3rem}.framework-example__tools[data-astro-cid-zkxazlqd] .ui-button-group{background:hsl(var(--surface) / .8);border-radius:999px;gap:.15rem;padding:.15rem}.framework-example__tools[data-astro-cid-zkxazlqd] .ui-button{width:2.15rem;min-width:2.15rem;height:2.15rem;min-height:2.15rem;padding:0}.framework-example__tools[data-astro-cid-zkxazlqd] [aria-pressed=true]{background:hsl(var(--brand-soft));color:hsl(var(--brand-solid))}.framework-example__tool-divider[data-astro-cid-zkxazlqd]{background:hsl(var(--line));width:1px;height:1.4rem;margin-inline:.15rem}.framework-example__canvas[data-astro-cid-zkxazlqd]{background:hsl(var(--canvas));min-height:15rem;padding:1rem;display:grid;overflow:auto}.framework-example__canvas[data-astro-cid-zkxazlqd][data-playground-grid-visible=true]{background-color:hsl(var(--canvas));background-image:linear-gradient(hsl(var(--line) / .45) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--line) / .45) 1px, transparent 1px);background-size:1rem 1rem}.framework-example__canvas[data-astro-cid-zkxazlqd]:fullscreen{align-content:center;padding:clamp(1rem,4vw,4rem)}.framework-example__preview[data-astro-cid-zkxazlqd]{place-self:center;transition:max-width .18s,box-shadow .18s}.framework-example__preview[data-astro-cid-zkxazlqd][data-playground-viewport=tablet]{max-width:48rem}.framework-example__preview[data-astro-cid-zkxazlqd][data-playground-viewport=phone]{max-width:24rem}.framework-example__canvas[data-astro-cid-zkxazlqd] .framework-example__preview[data-astro-cid-zkxazlqd]{background:radial-gradient(circle at 5% 0%, hsl(var(--brand) / .09), transparent 35%), linear-gradient(145deg, hsl(var(--surface)), hsl(var(--surface-muted) / .74));min-height:13rem;box-shadow:inset 0 1px 0 #ffffff1f, 0 1rem 2.5rem hsl(var(--ink) / .08);border:0;border-radius:.85rem}.framework-example__code[data-astro-cid-zkxazlqd]{border-top:1px solid hsl(var(--line));gap:.85rem;min-width:0;padding:1rem;display:grid}.framework-example__code[data-astro-cid-zkxazlqd]>div[data-astro-cid-zkxazlqd]:first-child{gap:.2rem;display:grid}.framework-example__code-actions[data-astro-cid-zkxazlqd]{gap:.85rem;min-width:0;display:grid}.framework-example__browser-link[data-astro-cid-zkxazlqd]{justify-self:start}.framework-example__code[data-astro-cid-zkxazlqd] p[data-astro-cid-zkxazlqd],.framework-example__code[data-astro-cid-zkxazlqd] span[data-astro-cid-zkxazlqd]{margin:0}.framework-example__code[data-astro-cid-zkxazlqd] p[data-astro-cid-zkxazlqd]{color:hsl(var(--ink));font-size:.78rem;font-weight:900}.framework-example__code[data-astro-cid-zkxazlqd]>div[data-astro-cid-zkxazlqd]:first-child>span[data-astro-cid-zkxazlqd]{max-width:48rem;color:hsl(var(--ink-soft));font-size:.75rem;line-height:1.55}@media (width<=640px){.framework-example__tools[data-astro-cid-zkxazlqd]{width:100%;padding-bottom:.15rem;overflow-x:auto}.framework-example__canvas[data-astro-cid-zkxazlqd]{padding:.75rem}}.animated-logo-demo[data-astro-cid-uu3ws27f]{justify-items:start;gap:1.25rem;width:100%;display:grid}.animated-logo-demo__grid[data-astro-cid-uu3ws27f]{gap:1rem;width:100%;display:grid}figure[data-astro-cid-uu3ws27f]{background:hsl(var(--surface-muted));border:1px solid hsl(var(--line));border-radius:var(--ui-radius-lg);color:hsl(var(--ink));place-items:center;gap:1rem;min-height:12rem;margin:0;padding:1.5rem;display:grid}figcaption[data-astro-cid-uu3ws27f]{color:hsl(var(--ink-muted));letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.animated-logo-demo__lumen[data-astro-cid-uu3ws27f]{max-width:19rem;height:4rem}.animated-logo-demo__santi[data-astro-cid-uu3ws27f]{width:100%;max-width:28rem;height:4.5rem}@media (width>=48rem){.animated-logo-demo__grid[data-astro-cid-uu3ws27f]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.speed-dial-example[data-astro-cid-kdq5vfjz]{border:1px solid hsl(var(--line));background:hsl(var(--surface) / .78);width:min(100%,42rem);min-height:17rem;box-shadow:var(--ui-shadow-md);border-radius:1rem;justify-content:space-between;align-items:flex-end;gap:2rem;margin-inline:auto;padding:2rem;display:flex}.speed-dial-example__copy[data-astro-cid-kdq5vfjz]{align-self:flex-start;gap:.35rem;display:grid}.speed-dial-example__copy[data-astro-cid-kdq5vfjz] span[data-astro-cid-kdq5vfjz]{color:hsl(var(--brand));letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:800}.speed-dial-example__copy[data-astro-cid-kdq5vfjz] strong[data-astro-cid-kdq5vfjz]{color:hsl(var(--ink));font-size:1.1rem}.speed-dial-example__copy[data-astro-cid-kdq5vfjz] small[data-astro-cid-kdq5vfjz]{max-width:23rem;color:hsl(var(--ink-muted));line-height:1.55}@media (width<=36rem){.speed-dial-example[data-astro-cid-kdq5vfjz]{min-height:20rem;padding:1.25rem}.speed-dial-example__copy[data-astro-cid-kdq5vfjz]{max-width:11rem}}