.scroll-progress-bar.svelte-10ujhpr{position:fixed;left:0;right:0;height:var(--spb-height);z-index:9999;pointer-events:none;overflow:hidden;background:transparent}.scroll-progress-bar.pos-top.svelte-10ujhpr{top:0}.scroll-progress-bar.pos-bottom.svelte-10ujhpr{bottom:0}.fill.svelte-10ujhpr{height:100%;width:var(--spb-progress, 0%);background:var(--spb-color, #6366f1);transition:width 80ms linear;position:relative}.variant-gradient.svelte-10ujhpr .fill:where(.svelte-10ujhpr){background:linear-gradient(90deg,var(--spb-color, #6366f1),#ec4899,#f59e0b,#06b6d4,var(--spb-color, #6366f1));background-size:200% 100%;animation:svelte-10ujhpr-spb-gradient-flow 8s linear infinite}@keyframes svelte-10ujhpr-spb-gradient-flow{0%{background-position:0% 0%}to{background-position:200% 0%}}.variant-pulse.svelte-10ujhpr .fill:where(.svelte-10ujhpr){box-shadow:0 0 6px var(--spb-color, #6366f1),0 0 12px var(--spb-color, #6366f1)}.variant-pulse.svelte-10ujhpr .fill:where(.svelte-10ujhpr):after{content:"";position:absolute;right:0;top:0;height:100%;width:12px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85));filter:blur(1px);animation:svelte-10ujhpr-spb-pulse-glow 1.2s ease-in-out infinite}@keyframes svelte-10ujhpr-spb-pulse-glow{0%,to{opacity:.45}50%{opacity:.95}}.scroll-progress-bar.reduced.svelte-10ujhpr .fill:where(.svelte-10ujhpr),.scroll-progress-bar.reduced.svelte-10ujhpr .fill:where(.svelte-10ujhpr):after{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){.scroll-progress-bar.svelte-10ujhpr .fill:where(.svelte-10ujhpr),.scroll-progress-bar.svelte-10ujhpr .fill:where(.svelte-10ujhpr):after{transition:none;animation:none}}.spb-demo.svelte-rb7gj0{display:grid;gap:24px}.spb-lede.svelte-rb7gj0{margin:0;color:var(--fg-2);line-height:1.6}.spb-controls.svelte-rb7gj0{display:grid;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}.spb-control.svelte-rb7gj0{display:grid;gap:8px}.spb-control__label.svelte-rb7gj0{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-weight:500}.spb-buttons.svelte-rb7gj0{display:flex;flex-wrap:wrap;gap:8px}.spb-btn.svelte-rb7gj0{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);padding:7px 12px;border-radius:var(--r-1);font-size:13px;cursor:pointer;color:var(--fg-1);transition:all var(--dur-fast)}.spb-btn.svelte-rb7gj0:hover{border-color:var(--accent);color:var(--accent)}.spb-btn--active.svelte-rb7gj0{background:var(--accent);border-color:var(--accent);color:var(--fg-on-dark, #ffffff)}.spb-swatch.svelte-rb7gj0{width:32px;height:32px;padding:0;background:var(--swatch);border:1px solid transparent;border-radius:var(--r-1);cursor:pointer}.spb-swatch--active.svelte-rb7gj0{outline:2px solid var(--fg-1);outline-offset:2px}.spb-variants.svelte-rb7gj0{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.spb-variant.svelte-rb7gj0{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);padding:14px}.spb-variant.svelte-rb7gj0 h4:where(.svelte-rb7gj0){margin:0 0 8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--fg-3);text-transform:uppercase}.spb-static.svelte-rb7gj0{background:var(--surface-2);border-radius:var(--r-1);padding:20px 12px;position:relative;overflow:hidden}.spb-static__bar.svelte-rb7gj0{height:var(--demo-height, 4px);width:70%;background:var(--demo-color, #6366f1);border-radius:2px}.spb-static__bar--thin.svelte-rb7gj0{--demo-height: 2px}.spb-static__bar--bold.svelte-rb7gj0{--demo-height: 6px}.spb-static__bar--gradient.svelte-rb7gj0{--demo-height: 4px;background:linear-gradient(90deg,var(--demo-color, #6366f1),#ec4899,#f59e0b,#06b6d4,var(--demo-color, #6366f1));background-size:200% 100%;animation:svelte-rb7gj0-spb-flow 8s linear infinite}.spb-static__bar--pulse.svelte-rb7gj0{--demo-height: 4px;box-shadow:0 0 6px var(--demo-color, #6366f1),0 0 12px var(--demo-color, #6366f1)}@keyframes svelte-rb7gj0-spb-flow{0%{background-position:0% 0%}to{background-position:200% 0%}}.spb-filler.svelte-rb7gj0{display:grid;gap:16px}.spb-filler.svelte-rb7gj0 article:where(.svelte-rb7gj0){padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}.spb-filler.svelte-rb7gj0 h4:where(.svelte-rb7gj0){margin:0 0 6px;font-family:var(--font-display);font-weight:400;font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:var(--fg-1)}.spb-filler.svelte-rb7gj0 p:where(.svelte-rb7gj0){margin:0 0 8px;font-size:13px;line-height:1.6;color:var(--fg-2)}.spb-filler.svelte-rb7gj0 code:where(.svelte-rb7gj0){font-family:var(--font-mono);font-size:12px;background:var(--surface-2);padding:1px 5px;border-radius:var(--r-1)}