.pasito-container{--pill-dot-size: 8px;--pill-active-width: 24px;--pill-gap: 6px;--pill-duration: .5s;--pill-easing: cubic-bezier(.215, .61, .355, 1);--pill-bg: rgba(0, 0, 0, .12);--pill-active-bg: rgba(0, 0, 0, .8);--pill-fill-bg: rgba(255, 255, 255, .45);--pill-container-bg: rgba(0, 0, 0, .04);--pill-container-radius: 999px;--pill-container-border: rgba(0, 0, 0, .06);display:inline-flex;padding:6px 10px;background:var(--pill-container-bg);border-radius:var(--pill-container-radius);border:1px solid var(--pill-container-border);overflow:hidden}.pasito-track{display:flex;align-items:center;margin-left:calc(-1 * var(--pill-gap));transition:transform var(--pill-duration) var(--pill-easing)}.pasito-vertical .pasito-track{flex-direction:column;margin-left:0;margin-top:calc(-1 * var(--pill-gap))}.pasito-step{position:relative;width:var(--pill-dot-size);height:var(--pill-dot-size);border-radius:999px;border:none;padding:0;cursor:pointer;background:var(--pill-bg);flex-shrink:0;overflow:hidden;margin-left:var(--pill-gap);margin-top:0;transform-origin:center center;transition:width var(--pill-duration) var(--pill-easing),height var(--pill-duration) var(--pill-easing),background var(--pill-duration) var(--pill-easing),opacity var(--pill-duration) var(--pill-easing),transform var(--pill-duration) var(--pill-easing),margin-left var(--pill-duration) var(--pill-easing),margin-top var(--pill-duration) var(--pill-easing)}.pasito-vertical .pasito-step{margin-left:0;margin-top:var(--pill-gap)}.pasito-step:focus-visible{outline:2px solid rgba(0,0,0,.3);outline-offset:2px}.pasito-step-active{width:var(--pill-active-width);background:var(--pill-active-bg)}.pasito-vertical .pasito-step-active{width:var(--pill-dot-size);height:var(--pill-active-width)}.pasito-step:after{content:"";position:absolute;top:0;left:0;bottom:0;width:0;border-radius:inherit;background:var(--pill-fill-bg);pointer-events:none}.pasito-vertical .pasito-step:after{right:0;bottom:auto;width:auto;height:0}.pasito-step-filling:after{width:100%;transition:width var(--pill-fill-duration, 3s) linear}.pasito-vertical .pasito-step-filling:after{width:auto;height:100%;transition:height var(--pill-fill-duration, 3s) linear}.pasito-entering{width:0;margin-left:0;margin-top:0;opacity:0;transform:scale(0);transition-duration:.25s}.pasito-vertical .pasito-entering{width:var(--pill-dot-size);height:0}.pasito-exiting{width:0;margin-left:0;margin-top:0;opacity:0;transform:scale(0);transition-duration:.25s}.pasito-vertical .pasito-exiting{width:var(--pill-dot-size);height:0}@media(prefers-reduced-motion:reduce){.pasito-step,.pasito-track{transition-duration:0ms!important}.pasito-step-filling:after{transition-duration:0ms!important}}.page.svelte-1uha8ag{--bg: #ffffff;--fg: #171717;--muted: #525252;--faint: #8a8a8a;--surface: #fafaf9;--chip: #f5f5f4;--border: #e7e5e4;--border-soft: #f5f5f4;--accent: #171717;--ctl-bg: rgba(0, 0, 0, .2);--ctl-bg-hover: rgba(0, 0, 0, .3);--ctl-fg: #ffffff;--ctl-border: transparent;--ctl-bw: 1px;--ctl-shadow: none;--ctl-radius: 999px;background:var(--bg);color:var(--fg);transition:background-color .3s ease,color .3s ease}@media(prefers-color-scheme:dark){.page.svelte-1uha8ag{--bg: #0a0a0a;--fg: #f5f5f5;--muted: #a3a3a3;--faint: #737373;--surface: #262626;--chip: #262626;--border: #404040;--border-soft: #262626;--accent: #f5f5f5}}.page[data-theme=minimal].svelte-1uha8ag{--ctl-bg: transparent;--ctl-bg-hover: rgba(255, 255, 255, .15);--ctl-border: rgba(255, 255, 255, .6)}.page[data-theme=hacker].svelte-1uha8ag{--bg: #050805;--fg: #00ff41;--muted: rgba(0, 255, 65, .7);--faint: rgba(0, 255, 65, .45);--surface: rgba(0, 255, 65, .05);--chip: rgba(0, 255, 65, .08);--border: rgba(0, 255, 65, .2);--border-soft: rgba(0, 255, 65, .1);--accent: #00ff41;--ctl-bg: rgba(0, 0, 0, .55);--ctl-bg-hover: rgba(0, 255, 65, .18);--ctl-fg: #00ff41;--ctl-border: rgba(0, 255, 65, .5);--ctl-radius: 0px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.page[data-theme=warm].svelte-1uha8ag{--bg: #faf5f0;--fg: #3b2a20;--muted: #7a5c4a;--faint: #a0826e;--surface: #f1e4d8;--chip: #f1e4d8;--border: rgba(194, 120, 92, .3);--border-soft: rgba(194, 120, 92, .14);--accent: #c2785c;--ctl-bg: #c2785c;--ctl-bg-hover: #b06a4e;--ctl-fg: #faf5f0;--ctl-border: #b06a4e}@media(prefers-color-scheme:dark){.page[data-theme=warm].svelte-1uha8ag{--bg: #2a2118;--fg: #faf5f0;--muted: #d6c2b2;--faint: #a08672;--surface: #3a2d21;--chip: #3a2d21;--border: rgba(194, 120, 92, .35);--border-soft: rgba(194, 120, 92, .16)}}.page[data-theme=brutalist].svelte-1uha8ag{--bg: #f2f0e9;--fg: #000000;--muted: #1f1f1f;--faint: #555555;--surface: #ffffff;--chip: #ffe600;--border: #000000;--border-soft: #000000;--accent: #ff3b00;--ctl-bg: #ffe600;--ctl-bg-hover: #ffd000;--ctl-fg: #000000;--ctl-border: #000000;--ctl-bw: 2px;--ctl-shadow: 3px 3px 0 #000;--ctl-radius: 0px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.muted.svelte-1uha8ag{color:var(--muted)}.faint.svelte-1uha8ag{color:var(--faint)}.link.svelte-1uha8ag:hover{color:var(--fg)}.surface.svelte-1uha8ag{background:var(--surface)}.chip.svelte-1uha8ag{background:var(--chip);color:var(--fg);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.rule.svelte-1uha8ag{border-color:var(--border)}.rule-soft.svelte-1uha8ag{border-color:var(--border-soft)}.current.svelte-1uha8ag{color:var(--fg)}.card.svelte-1uha8ag{border-color:var(--border)}.card.selected.svelte-1uha8ag{border-color:var(--accent)}.card-name.svelte-1uha8ag{background:var(--surface);color:var(--faint);border-top:1px solid var(--border)}.card.selected.svelte-1uha8ag .card-name:where(.svelte-1uha8ag){color:var(--fg)}.frame.svelte-1uha8ag{background:var(--surface);transition:border-radius .3s ease,box-shadow .3s ease}.ctl.svelte-1uha8ag{background:var(--ctl-bg);color:var(--ctl-fg);border:var(--ctl-bw) solid var(--ctl-border);border-radius:var(--ctl-radius);box-shadow:var(--ctl-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:background-color .15s ease,color .3s ease,border-color .3s ease,border-radius .3s ease,transform .1s ease,box-shadow .1s ease}.ctl.svelte-1uha8ag:hover{background:var(--ctl-bg-hover)}.switcher.svelte-1uha8ag{background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--border);border-radius:999px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #00000026}.swatch-btn.svelte-1uha8ag{border-radius:999px;color:var(--faint);transition:background-color .15s ease}.swatch-btn.on.svelte-1uha8ag{background:var(--chip);color:var(--fg)}.swatch.svelte-1uha8ag{display:block;width:16px;height:16px;border-radius:999px;box-shadow:inset 0 0 0 1px #00000026}.swatch-default.svelte-1uha8ag{background:linear-gradient(135deg,#e8b9a0,#6d93ab)}.swatch-minimal.svelte-1uha8ag{background:#fff}.swatch-hacker.svelte-1uha8ag{background:radial-gradient(circle,#00ff41 0 35%,#050805 40%)}.swatch-warm.svelte-1uha8ag{background:#c2785c}.swatch-brutalist.svelte-1uha8ag{background:#ffe600;border-radius:0;box-shadow:inset 0 0 0 2px #000}.page[data-theme=hacker].svelte-1uha8ag .title:where(.svelte-1uha8ag){font-family:inherit}.page[data-theme=hacker].svelte-1uha8ag .code:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag){color:inherit}.page[data-theme=hacker].svelte-1uha8ag .frame:where(.svelte-1uha8ag){border-radius:0;box-shadow:0 0 0 1px #00ff4159}.page[data-theme=hacker].svelte-1uha8ag .card:where(.svelte-1uha8ag),.page[data-theme=hacker].svelte-1uha8ag .switcher:where(.svelte-1uha8ag),.page[data-theme=hacker].svelte-1uha8ag .swatch-btn:where(.svelte-1uha8ag){border-radius:0}.page[data-theme=brutalist].svelte-1uha8ag .title:where(.svelte-1uha8ag),.page[data-theme=brutalist].svelte-1uha8ag h2:where(.svelte-1uha8ag){font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.page[data-theme=brutalist].svelte-1uha8ag .frame:where(.svelte-1uha8ag){border-radius:0;box-shadow:0 0 0 2px #000,8px 8px #000}.page[data-theme=brutalist].svelte-1uha8ag .surface:where(.svelte-1uha8ag){border-radius:0;box-shadow:0 0 0 2px #000,4px 4px #000}.page[data-theme=brutalist].svelte-1uha8ag .chip:where(.svelte-1uha8ag){border-radius:0;box-shadow:inset 0 0 0 1px #000}.page[data-theme=brutalist].svelte-1uha8ag .stepctl:where(.svelte-1uha8ag){box-shadow:0 0 0 2px #000,3px 3px 0 2px #000}.page[data-theme=brutalist].svelte-1uha8ag .card:where(.svelte-1uha8ag){border-radius:0;border-color:#000}.page[data-theme=brutalist].svelte-1uha8ag .card.selected:where(.svelte-1uha8ag){border-color:var(--accent);box-shadow:4px 4px #000}.page[data-theme=brutalist].svelte-1uha8ag .credit:where(.svelte-1uha8ag){margin-top:1.25rem}.page[data-theme=brutalist].svelte-1uha8ag .ctl:where(.svelte-1uha8ag):active{transform:translate(2px,2px);box-shadow:1px 1px #000}.page[data-theme=brutalist].svelte-1uha8ag .switcher:where(.svelte-1uha8ag),.page[data-theme=brutalist].svelte-1uha8ag .swatch-btn:where(.svelte-1uha8ag){border-radius:0}.page[data-theme=brutalist].svelte-1uha8ag .switcher:where(.svelte-1uha8ag){background:#fff;border:2px solid #000;box-shadow:4px 4px #000}.title.svelte-1uha8ag{font-family:Signifier,Georgia,serif}.title.svelte-1uha8ag span:where(.svelte-1uha8ag){display:inline-block;animation:svelte-1uha8ag-letter-in .6s cubic-bezier(.215,.61,.355,1) both}@keyframes svelte-1uha8ag-letter-in{0%{opacity:0;filter:blur(6px)}}.slide.svelte-1uha8ag{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s cubic-bezier(.215,.61,.355,1)}.code.svelte-1uha8ag{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13px;scrollbar-width:none}@media(prefers-reduced-motion:reduce){.title.svelte-1uha8ag span:where(.svelte-1uha8ag){animation:none}.page.svelte-1uha8ag,.slide.svelte-1uha8ag,.frame.svelte-1uha8ag,.ctl.svelte-1uha8ag{transition:none}}.carousel-stepper{--pill-dot-size: 8px;--pill-active-width: 28px;--pill-gap: 8px;--pill-bg: rgba(255, 255, 255, .35);--pill-active-bg: rgba(255, 255, 255, .95);--pill-container-bg: rgba(0, 0, 0, .25);--pill-container-border: transparent;height:32px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.carousel-stepper.pasito-vertical{height:auto;width:32px;padding:10px 0;justify-content:center;align-items:center}.autoplay-stepper{--pill-dot-size: 8px;--pill-active-width: 28px;--pill-gap: 8px;--pill-bg: rgba(255, 255, 255, .35);--pill-active-bg: rgba(255, 255, 255, .3);--pill-fill-bg: white;--pill-container-bg: rgba(0, 0, 0, .25);--pill-container-border: transparent;height:32px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.theme-minimal{--pill-container-bg: transparent;--pill-container-border: transparent}.theme-hacker{--pill-active-bg: #00ff41;--pill-bg: rgba(0, 255, 65, .25);--pill-fill-bg: rgba(0, 255, 65, .3);--pill-container-bg: rgba(0, 0, 0, .55);--pill-container-border: rgba(0, 255, 65, .3);--pill-container-radius: 0px;--pill-dot-size: 5px;--pill-active-width: 16px;--pill-gap: 4px}.theme-hacker .pasito-step{border-radius:0}.theme-warm{--pill-active-bg: #faf5f0;--pill-bg: rgba(250, 245, 240, .35);--pill-fill-bg: rgba(250, 245, 240, .4);--pill-container-bg: #c2785c;--pill-container-border: #b06a4e}.theme-brutalist{--pill-dot-size: 8px;--pill-active-width: 28px;--pill-gap: 6px;--pill-bg: #000;--pill-active-bg: #000;--pill-fill-bg: #ff3b00;--pill-container-bg: #ffe600;--pill-container-border: #000;--pill-container-radius: 0px}.pasito-container.theme-brutalist{border-width:2px;box-shadow:3px 3px #000}.theme-brutalist .pasito-step{border-radius:0}.autoplay-stepper.theme-hacker{--pill-active-bg: rgba(0, 255, 65, .3);--pill-fill-bg: #00ff41}.autoplay-stepper.theme-warm{--pill-active-bg: rgba(250, 245, 240, .35);--pill-fill-bg: #faf5f0}.autoplay-stepper.theme-brutalist{--pill-active-bg: #000;--pill-fill-bg: #ff3b00}