.title-accent:where(.astro-ecbhh6jz){background-image:linear-gradient(90deg, var(--color-success-text), var(--color-info-text));color:#0000;-webkit-background-clip:text;background-clip:text}.demo-grid:where(.astro-mugov7nw){background-image:linear-gradient(to right, color-mix(in oklch, var(--color-agent) 30%, var(--color-border)) 1px, transparent 1px);background-size:12.5% 100%}.tok-k:where(.astro-mugov7nw){color:var(--color-ansi-magenta)}.tok-f:where(.astro-mugov7nw){color:var(--color-info-text)}.tok-s:where(.astro-mugov7nw){color:var(--color-success-text)}.tok-c:where(.astro-mugov7nw){color:var(--color-muted-foreground)}.demo-hot:where(.astro-mugov7nw){border-left:2px solid var(--color-success);background-color:var(--color-success-subtle)}.demo-swap:where(.astro-mugov7nw){display:inline-grid}.demo-swap:where(.astro-mugov7nw)>:where(.astro-mugov7nw){grid-area:1/1}.demo-old:where(.astro-mugov7nw){opacity:0}.demo-step:where(.astro-mugov7nw){color:var(--color-muted-foreground)}.demo-step-3:where(.astro-mugov7nw){color:var(--color-foreground)}.demo-code:where(.astro-mugov7nw) [role=tabpanel]{padding-top:0}.demo-code:where(.astro-mugov7nw) div:has(>[role=tabpanel]){display:grid}.demo-code:where(.astro-mugov7nw) [role=tabpanel]{grid-area:1/1}.demo-code:where(.astro-mugov7nw) [role=tabpanel][hidden]{visibility:hidden;display:block}@media (prefers-reduced-motion:no-preference){.demo:where(.astro-mugov7nw)[data-run] .demo-in:where(.astro-mugov7nw){animation:demo-in .48s var(--ease-out) both;animation-delay:var(--d)}.demo:where(.astro-mugov7nw)[data-run] .demo-bar:where(.astro-mugov7nw){transform-origin:0;animation:demo-grow .7s var(--ease-out) both;animation-delay:calc(var(--d) + .2s)}.demo:where(.astro-mugov7nw)[data-run] .demo-progress:where(.astro-mugov7nw){animation:demo-grow var(--demo-duration) linear both}.demo:where(.astro-mugov7nw)[data-run] .demo-hot:where(.astro-mugov7nw){animation:demo-hot var(--demo-duration) linear both}.demo:where(.astro-mugov7nw)[data-run] .demo-old:where(.astro-mugov7nw){animation:demo-old var(--demo-duration) steps(1, end) both}.demo:where(.astro-mugov7nw)[data-run] .demo-new:where(.astro-mugov7nw){animation:demo-new var(--demo-duration) steps(1, end) both}.demo:where(.astro-mugov7nw)[data-run] .demo-step-1:where(.astro-mugov7nw){animation:demo-step-1 var(--demo-duration) steps(1, end) both}.demo:where(.astro-mugov7nw)[data-run] .demo-step-2:where(.astro-mugov7nw){animation:demo-step-2 var(--demo-duration) steps(1, end) both}.demo:where(.astro-mugov7nw)[data-run] .demo-step-3:where(.astro-mugov7nw){animation:demo-step-3 var(--demo-duration) steps(1, end) both}.demo:where(.astro-mugov7nw)[data-run] .demo-step-bar:where(.astro-mugov7nw){transform-origin:0}.demo:where(.astro-mugov7nw)[data-run] .demo-step-1:where(.astro-mugov7nw) .demo-step-bar:where(.astro-mugov7nw){animation:demo-bar-1 var(--demo-duration) linear both}.demo:where(.astro-mugov7nw)[data-run] .demo-step-2:where(.astro-mugov7nw) .demo-step-bar:where(.astro-mugov7nw){animation:demo-bar-2 var(--demo-duration) linear both}.demo:where(.astro-mugov7nw)[data-run] .demo-step-3:where(.astro-mugov7nw) .demo-step-bar:where(.astro-mugov7nw){animation:demo-bar-3 var(--demo-duration) linear both}.demo:where(.astro-mugov7nw)[data-state=paused],.demo:where(.astro-mugov7nw)[data-state=paused] :where(.astro-mugov7nw){animation-play-state:paused!important}html.js-demo .demo:where(.astro-mugov7nw) :where(.astro-mugov7nw)[data-demo-controls]{display:inline-flex}}@keyframes demo-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes demo-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes demo-hot{0%,32%{border-left-color:var(--color-agent);background-color:var(--color-agent-subtle)}32.5%,74.9%{border-left-color:var(--color-danger);background-color:var(--color-danger-subtle)}75%,to{border-left-color:var(--color-success);background-color:var(--color-success-subtle)}}@keyframes demo-old{0%{opacity:1}75%,to{opacity:0}}@keyframes demo-new{0%{opacity:0}75%,to{opacity:1}}@keyframes demo-step-1{0%{color:var(--color-foreground)}32%,to{color:var(--color-muted-foreground)}}@keyframes demo-step-2{0%{color:var(--color-muted-foreground)}32%{color:var(--color-foreground)}59%,to{color:var(--color-muted-foreground)}}@keyframes demo-step-3{0%{color:var(--color-muted-foreground)}59%,to{color:var(--color-foreground)}}@keyframes demo-bar-1{0%{transform:scaleX(0)}32%,to{transform:scaleX(1)}}@keyframes demo-bar-2{0%,32%{transform:scaleX(0)}59%,to{transform:scaleX(1)}}@keyframes demo-bar-3{0%,59%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.demo:where(.astro-mugov7nw) :where(.astro-mugov7nw){animation:none!important}}