.lab:where(.astro-jgyxbpwa){--anim-speed:1;padding:1rem}.grid:where(.astro-jgyxbpwa){gap:1rem;display:grid}@media (width>=64rem){.grid:where(.astro-jgyxbpwa){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}.output:where(.astro-jgyxbpwa){top:calc(var(--sl-nav-height,4rem) + 1rem);position:sticky}}fieldset:where(.astro-jgyxbpwa){border:0;margin:0 0 1rem;padding:0}legend:where(.astro-jgyxbpwa){text-transform:uppercase;letter-spacing:.08em;color:var(--sl-color-gray-3);margin-bottom:.45rem;font-size:.72rem;font-weight:600}.segmented:where(.astro-jgyxbpwa){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);border-radius:.65rem;flex-wrap:nowrap;gap:.15rem;max-width:100%;padding:.2rem;display:inline-flex;overflow-x:auto}.segmented:where(.astro-jgyxbpwa).wrap{flex-wrap:wrap}.segmented:where(.astro-jgyxbpwa) button:where(.astro-jgyxbpwa){color:var(--sl-color-gray-2);text-transform:capitalize;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:.45rem;padding:.3rem .65rem;font-size:.82rem;transition:background .2s,color .2s}.segmented:where(.astro-jgyxbpwa) button:where(.astro-jgyxbpwa):hover{color:var(--sl-color-white);background:var(--sl-color-gray-6)}.segmented:where(.astro-jgyxbpwa) button:where(.astro-jgyxbpwa)[aria-pressed=true]{background:var(--raya-gradient);color:#fff;box-shadow:0 4px 14px -6px var(--raya-coral)}.toggles:where(.astro-jgyxbpwa){flex-wrap:wrap;gap:.6rem 1.1rem;display:flex}.switch:where(.astro-jgyxbpwa){color:var(--sl-color-gray-1);cursor:pointer;align-items:center;gap:.5rem;font-size:.88rem;display:inline-flex}.switch:where(.astro-jgyxbpwa) input:where(.astro-jgyxbpwa){opacity:0;pointer-events:none;position:absolute}.switch:where(.astro-jgyxbpwa) .track:where(.astro-jgyxbpwa){background:var(--sl-color-gray-5);border-radius:999px;width:2.1rem;height:1.2rem;transition:background .2s;position:relative}.switch:where(.astro-jgyxbpwa) .thumb:where(.astro-jgyxbpwa){background:#fff;border-radius:50%;width:.9rem;height:.9rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:.15rem;left:.15rem}.switch:where(.astro-jgyxbpwa) input:where(.astro-jgyxbpwa):checked+.track:where(.astro-jgyxbpwa){background:var(--raya-coral)}.switch:where(.astro-jgyxbpwa) input:where(.astro-jgyxbpwa):checked+.track:where(.astro-jgyxbpwa) .thumb:where(.astro-jgyxbpwa){transform:translate(.9rem)}.switch:where(.astro-jgyxbpwa) input:where(.astro-jgyxbpwa):focus-visible+.track:where(.astro-jgyxbpwa){outline:2px solid var(--sl-color-accent);outline-offset:2px}.sliders:where(.astro-jgyxbpwa){gap:.5rem;margin-top:.7rem;display:grid}.sliders:where(.astro-jgyxbpwa) label:where(.astro-jgyxbpwa){color:var(--sl-color-gray-2);grid-template-columns:6.5rem 3.8rem 1fr;align-items:center;font-size:.85rem;display:grid}.sliders:where(.astro-jgyxbpwa) output:where(.astro-jgyxbpwa){font-family:var(--sl-font-mono);color:var(--sl-color-white);font-size:.8rem}input:where(.astro-jgyxbpwa)[type=range]{accent-color:var(--raya-coral);width:100%}.reset:where(.astro-jgyxbpwa){border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);cursor:pointer;background:0 0;border-radius:.55rem;padding:.4rem .9rem}.reset:where(.astro-jgyxbpwa):hover{color:var(--sl-color-white);border-color:var(--sl-color-gray-4)}.output:where(.astro-jgyxbpwa){gap:.75rem;display:grid}.panel:where(.astro-jgyxbpwa){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);border-radius:.75rem;overflow:hidden}.panel-head:where(.astro-jgyxbpwa){border-bottom:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .8rem;font-size:.75rem;font-weight:600;display:flex}.panel-head:where(.astro-jgyxbpwa) em:where(.astro-jgyxbpwa){text-transform:none;letter-spacing:0;font-style:normal;font-weight:400;font-family:var(--sl-font-mono);color:var(--sl-color-gray-3);margin-left:.4rem}.panel:where(.astro-jgyxbpwa) pre:where(.astro-jgyxbpwa){max-height:22rem;font-family:var(--sl-font-mono);color:var(--tok-text);margin:0;padding:.75rem .9rem;font-size:.8rem;line-height:1.6;overflow:auto}.copy:where(.astro-jgyxbpwa){border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);text-transform:none;letter-spacing:0;cursor:pointer;background:0 0;border-radius:.4rem;padding:.12rem .5rem;font-size:.7rem}.copy:where(.astro-jgyxbpwa):hover{color:var(--sl-color-white)}.speed:where(.astro-jgyxbpwa){font-family:var(--sl-font-mono);text-transform:none;letter-spacing:0;color:var(--raya-amber)}.bars:where(.astro-jgyxbpwa){transform-origin:50%;grid-template-columns:repeat(15,1fr);gap:.3rem;padding:.9rem .8rem .6rem;display:grid}.spin:where(.astro-jgyxbpwa) .bars:where(.astro-jgyxbpwa){animation:pan var(--rot) ease-in-out infinite alternate}@keyframes pan{0%{transform:perspective(600px)rotateY(-14deg)}to{transform:perspective(600px)rotateY(14deg)}}.band:where(.astro-jgyxbpwa){justify-items:center;gap:.3rem;display:grid}.band:where(.astro-jgyxbpwa) span:where(.astro-jgyxbpwa){color:var(--sl-color-gray-3);font-size:.58rem;font-family:var(--sl-font-mono)}.bar-wrap:where(.astro-jgyxbpwa){background:var(--sl-color-gray-6);border-radius:.35rem;width:100%;height:7rem;position:relative;overflow:hidden}.bar-wrap:where(.astro-jgyxbpwa):after{content:"";border-top:1px dashed var(--sl-color-gray-4);opacity:.6;position:absolute;bottom:20%;left:0;right:0}.bar:where(.astro-jgyxbpwa){height:var(--h,20%);background:var(--raya-gradient);animation:pulse calc(1.2s / var(--anim-speed)) ease-in-out infinite alternate;border-radius:.35rem .35rem 0 0;transition:height .45s cubic-bezier(.34,1.4,.64,1);position:absolute;inset:auto 0 0}.bar:where(.astro-jgyxbpwa).neg{background:linear-gradient(#7cc7ff,#6c7bff)}.band:where(.astro-jgyxbpwa):nth-child(3n) .bar:where(.astro-jgyxbpwa){animation-delay:-.4s}.band:where(.astro-jgyxbpwa):nth-child(3n+1) .bar:where(.astro-jgyxbpwa){animation-delay:-.8s}@keyframes pulse{to{filter:brightness(1.25);transform:scaleY(.94)}}.bar:where(.astro-jgyxbpwa){transform-origin:bottom}
