@layer stageshow{.ss-fit{position:relative;width:100%;margin-inline:auto}.ss-stage{--ss-canvas: #f6f5f4;--ss-surface: #fff;--ss-chrome: #fff;--ss-ink-1: rgba(0, 0, 0, .04);--ss-ink-2: rgba(0, 0, 0, .06);--ss-ink-3: rgba(0, 0, 0, .08);--ss-fill: #ebebeb;--ss-ink-4: rgba(0, 0, 0, .1);--ss-ink-5: rgba(0, 0, 0, .15);--ss-line: rgba(0, 0, 0, .06);--ss-line-faint: rgba(0, 0, 0, .04);--ss-text: #7a7a7d;--ss-text-strong: #262628;--ss-text-faint: #9a9a9d;--ss-icon: #707074;--ss-icon-faint: #c4c4c7;--ss-accent: #3b82f6;--ss-accent-soft: rgba(59, 130, 246, .12);--ss-success: #22c55e;--ss-danger: #ef4444;--ss-warning: #f59e0b;--ss-well: #efeeec;--ss-success-soft: rgba(34, 197, 94, .12);--ss-success-text: #15803d;--ss-danger-soft: rgba(239, 68, 68, .1);--ss-danger-text: #b91c1c;--ss-warning-soft: rgba(245, 158, 11, .14);--ss-warning-text: #b45309;--ss-accent-2: #8b5cf6;--ss-accent-text: color-mix(in srgb, var(--ss-accent) 82%, #000);--ss-shadow-window: 0 0 0 1px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .08);--ss-shadow-float: 0 0 0 1px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .12), 0 12px 32px rgba(0, 0, 0, .08);--ss-shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--ss-shadow-hero: 0 0 0 1px rgba(0, 0, 0, .06), 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3);--ss-shadow-lift: 0 0 0 1px rgba(0, 0, 0, .04), 0 12px 28px -6px rgba(50, 50, 93, .28), 0 6px 12px -6px rgba(0, 0, 0, .16);--ss-raised: #fff;--ss-shadow-satellite: 0 0 0 1px rgba(0, 0, 0, .04), 0 14px 32px -8px rgba(50, 50, 93, .24), 0 4px 10px -4px rgba(0, 0, 0, .1);--ss-shadow-ground: 0 0 0 1px rgba(50, 50, 93, .06), 0 24px 48px -24px rgba(50, 50, 93, .18);--ss-font: system-ui, -apple-system, sans-serif;--ss-mono: "SF Mono", "SFMono-Regular", ui-monospace, Consolas, monospace;--ss-radius-sm: 6px;--ss-radius-md: 8px;--ss-radius-lg: 10px;--ss-radius-window: 12px;--ss-radius-pill: 999px;--ss-control: 34px;--ss-row: 26px;position:absolute;top:0;left:0;transform-origin:0 0;font-family:var(--ss-font);-webkit-font-smoothing:antialiased;user-select:none;font-size:16px;font-weight:400;font-style:normal;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;color:#000}.ss-ground{--ss-orb-1: #c9b8ff;--ss-orb-2: #ffc59a;--ss-orb-3: #a9d8ff;position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:var(--ss-ground-radius, 20px);background:radial-gradient(60% 75% at 8% 4%,color-mix(in srgb,var(--ss-orb-1) 85%,transparent),transparent 70%),radial-gradient(55% 70% at 96% 92%,color-mix(in srgb,var(--ss-orb-2) 80%,transparent),transparent 70%),radial-gradient(45% 55% at 78% 8%,color-mix(in srgb,var(--ss-orb-3) 55%,transparent),transparent 70%),var(--ss-canvas);pointer-events:none}.ss-stage[data-theme=dark] .ss-ground{background:radial-gradient(60% 75% at 8% 4%,color-mix(in srgb,var(--ss-orb-1) 30%,transparent),transparent 70%),radial-gradient(55% 70% at 96% 92%,color-mix(in srgb,var(--ss-orb-2) 24%,transparent),transparent 70%),radial-gradient(45% 55% at 78% 8%,color-mix(in srgb,var(--ss-orb-3) 18%,transparent),transparent 70%),var(--ss-canvas)}.ss-stage[data-theme=dark]{--ss-canvas: #111113;--ss-surface: #1a1a1d;--ss-chrome: #1d1d20;--ss-ink-1: rgba(255, 255, 255, .05);--ss-ink-2: rgba(255, 255, 255, .07);--ss-ink-3: rgba(255, 255, 255, .1);--ss-fill: #313134;--ss-ink-4: rgba(255, 255, 255, .13);--ss-ink-5: rgba(255, 255, 255, .2);--ss-line: rgba(255, 255, 255, .08);--ss-line-faint: rgba(255, 255, 255, .05);--ss-text: #9d9da1;--ss-text-strong: #ececee;--ss-text-faint: #6c6c70;--ss-icon: #9a9aa0;--ss-icon-faint: #4a4a50;--ss-accent-soft: rgba(59, 130, 246, .2);--ss-accent-text: color-mix(in srgb, var(--ss-accent) 70%, #fff);--ss-well: #0a0a0b;--ss-success-soft: rgba(34, 197, 94, .16);--ss-success-text: #4ade80;--ss-danger-soft: rgba(239, 68, 68, .16);--ss-danger-text: #f87171;--ss-warning-soft: rgba(245, 158, 11, .18);--ss-warning-text: #fbbf24;--ss-shadow-lift: 0 0 0 1px rgba(255, 255, 255, .1), 0 12px 28px -6px rgba(0, 0, 0, .6);--ss-shadow-window: 0 0 0 1px rgba(255, 255, 255, .08), 0 4px 16px rgba(0, 0, 0, .4);--ss-shadow-float: 0 0 0 1px rgba(255, 255, 255, .1), 0 4px 16px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .3);--ss-shadow-card: 0 0 0 1px rgba(255, 255, 255, .05);--ss-shadow-hero: 0 0 0 1px rgba(255, 255, 255, .08), 0 30px 60px -12px rgba(0, 0, 0, .6);--ss-shadow-satellite: 0 0 0 1px rgba(255, 255, 255, .1), 0 14px 32px -8px rgba(0, 0, 0, .7), 0 4px 10px -4px rgba(0, 0, 0, .5);--ss-shadow-ground: 0 0 0 1px rgba(255, 255, 255, .1), 0 24px 48px -24px rgba(0, 0, 0, .6);--ss-raised: #26262a}.ss-stage[data-theme=blueprint]{--ss-canvas: transparent;--ss-surface: #1857bd;--ss-raised: #1b5cc4;--ss-chrome: transparent;--ss-ink-1: rgba(214, 232, 255, .12);--ss-ink-2: rgba(214, 232, 255, .16);--ss-ink-3: rgba(214, 232, 255, .22);--ss-fill: #4277cc;--ss-ink-4: rgba(214, 232, 255, .3);--ss-ink-5: rgba(214, 232, 255, .45);--ss-line: rgba(214, 232, 255, .35);--ss-line-faint: rgba(214, 232, 255, .2);--ss-text: #b3c9ec;--ss-text-strong: #f0f6ff;--ss-text-faint: #7fa1da;--ss-icon: #c9dcf7;--ss-icon-faint: #6f97d6;--ss-accent: #ffffff;--ss-accent-soft: rgba(255, 255, 255, .15);--ss-success: #e6f0ff;--ss-danger: #e6f0ff;--ss-warning: #e6f0ff;--ss-success-soft: rgba(255, 255, 255, .14);--ss-danger-soft: rgba(255, 255, 255, .14);--ss-warning-soft: rgba(255, 255, 255, .14);--ss-success-text: #ffffff;--ss-danger-text: #ffffff;--ss-warning-text: #ffffff;--ss-well: #1450b4;--ss-shadow-window: 0 0 0 1px rgba(214, 232, 255, .55);--ss-shadow-float: 0 0 0 1px rgba(214, 232, 255, .7);--ss-shadow-card: 0 0 0 1px rgba(214, 232, 255, .35);--ss-shadow-hero: 0 0 0 1px rgba(214, 232, 255, .55);--ss-shadow-satellite: 0 0 0 1px rgba(214, 232, 255, .8);--ss-shadow-ground: 0 0 0 1px rgba(214, 232, 255, .7);background-color:var(--ss-well);background-image:linear-gradient(rgba(214,232,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(214,232,255,.08) 1px,transparent 1px);background-size:16px 16px;background-position:var(--ss-grid-x, 0) var(--ss-grid-y, 0)}.ss-stage[data-theme=glass]{--ss-canvas: rgba(255, 255, 255, .5);--ss-surface: rgba(255, 255, 255, .62);--ss-chrome: rgba(255, 255, 255, .38);--ss-raised: rgba(255, 255, 255, .74);--ss-line: rgba(255, 255, 255, .65);--ss-line-faint: rgba(255, 255, 255, .45);--ss-well: #ebe9f5;--ss-shadow-window: inset 0 0 0 1px rgba(255, 255, 255, .75), 0 20px 50px -14px rgba(40, 40, 90, .28);--ss-shadow-hero: inset 0 0 0 1px rgba(255, 255, 255, .75), 0 30px 60px -16px rgba(40, 40, 90, .3);--ss-shadow-satellite: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 16px 36px -10px rgba(40, 40, 90, .32);--ss-shadow-float: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 12px 32px -8px rgba(40, 40, 90, .28);--ss-shadow-ground: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 24px 48px -24px rgba(40, 40, 90, .24);--ss-shadow-card: inset 0 0 0 1px rgba(255, 255, 255, .6);background:radial-gradient(55% 65% at 12% 18%,color-mix(in srgb,var(--ss-accent) 42%,transparent),transparent 70%),radial-gradient(50% 60% at 88% 28%,color-mix(in srgb,var(--ss-accent-2) 38%,transparent),transparent 70%),radial-gradient(60% 55% at 58% 100%,rgba(255,168,120,.42),transparent 70%),var(--ss-well)}.ss-stage[data-theme=glass] .ss-window,.ss-stage[data-theme=glass] .ss-popover,.ss-stage[data-theme=glass] .ss-glass{backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6)}.ss-stage[data-greys=cool]:not([data-theme=dark],[data-theme=blueprint],[data-theme=glass]){--ss-canvas: #f4f5f8;--ss-well: #eceef2}.ss-stage[data-palette=mono]{--ss-accent: #1a1a1a;--ss-accent-soft: rgba(0, 0, 0, .06);--ss-success: #1a1a1a;--ss-danger: #1a1a1a;--ss-warning: #1a1a1a;--ss-accent-2: #1a1a1a;--ss-success-text: #1a1a1a;--ss-danger-text: #1a1a1a;--ss-success-soft: rgba(0, 0, 0, .06);--ss-danger-soft: rgba(0, 0, 0, .04)}.ss-stage[data-palette=mono][data-theme=dark]{--ss-accent: #f2f2f2;--ss-accent-soft: rgba(255, 255, 255, .1);--ss-success: #f2f2f2;--ss-danger: #f2f2f2;--ss-warning: #f2f2f2;--ss-accent-2: #f2f2f2;--ss-success-text: #f2f2f2;--ss-danger-text: #f2f2f2;--ss-success-soft: rgba(255, 255, 255, .1);--ss-danger-soft: rgba(255, 255, 255, .06)}.ss-stage[data-palette=mono] img,.ss-stage[data-palette=mono] .ss-keep-mono{filter:grayscale(1)}.ss-fade-b{mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade, 64px)),transparent)}.ss-fade-r{mask-image:linear-gradient(to right,#000 calc(100% - var(--ss-fade, 64px)),transparent)}.ss-fade-br{mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade, 64px)),transparent),linear-gradient(to right,#000 calc(100% - var(--ss-fade, 64px)),transparent);mask-composite:intersect}.ss-recede{transition:opacity .3s ease}.ss-recede[data-receded=true]{opacity:.4}.ss-stage [data-instant],.ss-stage[data-instant] *,.ss-stage [data-instant] *,.ss-stage[data-instant] *:before,.ss-stage[data-instant] *:after{transition:none!important}@keyframes ss-spin{to{transform:rotate(1turn)}}@keyframes ss-fade-in{0%{opacity:0;filter:blur(2px);transform:translateY(3px)}}.ss-stage[data-still] *,.ss-stage[data-still] *:before,.ss-stage[data-still] *:after{transition:none!important;animation:none!important}.ss-stage[data-offscreen],.ss-stage[data-offscreen] *,.ss-stage[data-offscreen] *:before,.ss-stage[data-offscreen] *:after{transition:none!important;animation-play-state:paused!important}.ss-stage[data-placing] *,.ss-stage[data-placing] *:before,.ss-stage[data-placing] *:after{transition:none!important}.ss-stage *,.ss-stage *:before,.ss-stage *:after{box-sizing:border-box}.ss-stage[data-hit] *{pointer-events:auto!important}}:where(.ss-stage) :is(p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,a,figure,figcaption,blockquote,pre,code,hr,table,th,td,button,input,label):not(html):not(body){all:revert}:where(.ss-stage,.ss-stage *,.ss-stage :before,.ss-stage :after):not(html){border-width:revert-layer;border-style:revert-layer;border-color:revert-layer;box-sizing:revert-layer;padding:revert-layer;margin:revert-layer}:where(.ss-stage) :is(svg,img):not(html):not(body){max-width:none;vertical-align:revert-layer}:where(.ss-stage :is(.ss-fly__lift,.ss-expand__face))>:is(svg,img):not(html):not(body):not(head){max-width:100%}@layer stageshow{.ss-keys{position:absolute;bottom:16px;left:50%;z-index:99;display:flex;gap:4px;opacity:0;transform:translate(-50%,6px) scale(.96);transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1);pointer-events:none}.ss-keys[data-show=true]{opacity:1;transform:translate(-50%) scale(1)}.ss-keys[data-at=top]{top:16px;bottom:auto}.ss-keys[data-at=bottom-left],.ss-keys[data-at=bottom-right]{left:auto;transform:translateY(6px) scale(.96)}.ss-keys[data-at=bottom-left]{left:16px}.ss-keys[data-at=bottom-right]{right:16px}.ss-keys[data-at=bottom-left][data-show=true],.ss-keys[data-at=bottom-right][data-show=true]{transform:none}.ss-key{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:7px;background:#18181be0;box-shadow:inset 0 -2px #0006,0 4px 12px #0000002e;color:#fff;font:500 13px/1 var(--ss-font);transition:transform .08s ease-out,box-shadow .08s ease-out}.ss-key[data-down=true]{transform:translateY(1px) scale(.94);box-shadow:inset 0 -1px #0006,0 2px 6px #0000002e}}@layer stageshow{.ss-cursor{position:absolute;top:0;left:0;z-index:100;pointer-events:none;will-change:transform;transition:opacity .25s ease}.ss-cursor[data-idle]{opacity:0;transition-duration:.6s}.ss-cursor__press{display:grid;transform-origin:0 0;transition:transform .26s cubic-bezier(.22,1,.36,1)}.ss-cursor[data-pressed=true] .ss-cursor__press{transform:scale(.9);transition:transform .08s ease-out}.ss-cursor__glyph{grid-area:1 / 1;transform:scale(0);opacity:0;transition:transform .2s ease,opacity .2s ease}.ss-cursor__glyph[data-active=true]{transform:scale(var(--ss-cursor-size, 1));opacity:1}.ss-cursor__glyph[data-glyph^=resize]{transform:scale(calc(var(--ss-cursor-size, 1) * .5))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph:not([data-active=true]){transform:scale(calc(var(--ss-cursor-size, 1) * .6))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph,.ss-cursor__glyph[data-glyph^=resize]{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}.ss-cursor__glyph[data-glyph^=resize][data-active=true]{transform:scale(var(--ss-cursor-size, 1))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph:not([data-active=true]),.ss-cursor:not([data-kind^=resize]) .ss-cursor__glyph[data-glyph^=resize]{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .1s ease}.ss-cursor:is([data-kind=open],[data-kind=grab]) .ss-cursor__glyph:is([data-glyph=open],[data-glyph=grab]){transform:scale(var(--ss-cursor-size, 1));transition:opacity .08s linear}.ss-cursor[data-style=large]{--ss-cursor-size: 1.5}.ss-cursor[data-style=large] .ss-cursor__glyph[data-glyph=ibeam]{--ss-cursor-size: 1.15}.ss-cursor__dot{display:block;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#76768042;backdrop-filter:blur(5px) saturate(1.8) brightness(1.04);box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #0000000d,0 2px 10px #0000001a;transition:background .15s ease}.ss-cursor__dot{transition:background .15s ease,width .2s cubic-bezier(.22,1,.36,1),height .2s cubic-bezier(.22,1,.36,1),margin .2s cubic-bezier(.22,1,.36,1),border-radius .2s ease}.ss-cursor[data-style=circle][data-kind=ibeam] .ss-cursor__dot{width:4px;height:20px;margin:-10px 0 0 -2px;border-radius:2px;background:#3c3c438c}.ss-stage[data-theme=dark] .ss-cursor__dot{background:#fff3;box-shadow:inset 0 1px 1px #ffffff4d,0 2px 10px #0000004d}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__press{transform:scale(.8)}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot{backdrop-filter:none;background:#76768038}.ss-stage[data-theme=dark] .ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot{background:#ffffff2e}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot,.ss-cursor[data-style=circle][data-kind=grab] .ss-cursor__dot{background:#76768066}.ss-cursor[data-style=touch] .ss-cursor__dot{width:34px;height:34px;margin:-17px 0 0 -17px;background:#76768024;backdrop-filter:none;opacity:0;transform:scale(.7);transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1)}.ss-cursor__streak{position:absolute;left:0;top:-13px;width:0;height:26px;border-radius:13px;background:linear-gradient(to right,#76768000,#76768029);transform-origin:100% 50%;opacity:0;pointer-events:none;transition:opacity .16s ease}.ss-cursor[data-swiping] .ss-cursor__streak{opacity:1;transition:none}.ss-cursor[data-style=touch][data-touching] .ss-cursor__dot{opacity:1;transform:scale(1);transition:opacity .14s ease,transform .16s cubic-bezier(.22,1,.36,1)}.ss-cursor[data-style=touch][data-pressed=true] .ss-cursor__dot,.ss-cursor[data-style=touch][data-swiping] .ss-cursor__dot{background:#76768038;transform:scale(.82);transition:background .08s ease,transform .1s ease-out}.ss-cursor__glyph svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.ss-cursor__arrow path{fill:var(--ss-cursor-ink, #111);stroke:var(--ss-cursor-ink, #111);stroke-width:2.4;stroke-linejoin:round}.ss-cursor__arrow{display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.18))}.ss-stage[data-theme=dark] .ss-cursor__arrow,.ss-stage[data-theme=blueprint] .ss-cursor__arrow{--ss-cursor-ink: #fff}.ss-stage[data-theme=dark] .ss-cursor,.ss-stage[data-theme=blueprint] .ss-cursor{--ss-cursor-line: #fff;--ss-cursor-edge: rgba(0, 0, 0, .75)}.ss-ripple{position:absolute;z-index:99;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:1.5px solid var(--ss-accent);background:color-mix(in srgb,var(--ss-accent) 10%,transparent);pointer-events:none;animation:ss-ripple .55s cubic-bezier(.25,.8,.25,1) forwards}@keyframes ss-ripple{0%{transform:scale(.2);opacity:1}to{transform:scale(1);opacity:0}}.ss-stage[data-palette=mono] .ss-ripple{border-color:var(--ss-text-strong);background:transparent}.ss-stage[data-hit] :is(.ss-cursor,.ss-cursor *){pointer-events:none!important}}@layer stageshow{.ss-roll{white-space:pre}.ss-roll__mid{display:inline-grid;padding-block:.45em;margin-block:-.45em;-webkit-mask-image:linear-gradient(transparent,#000 .5em,#000 calc(100% - .5em),transparent);mask-image:linear-gradient(transparent,#000 .5em,#000 calc(100% - .5em),transparent);vertical-align:bottom;transition:width .5s cubic-bezier(.22,1,.36,1)}.ss-roll__item{grid-area:1 / 1;justify-self:start;width:max-content}.ss-roll[data-align=end] .ss-roll__mid{grid-template-columns:100%}.ss-roll[data-align=end] .ss-roll__item{justify-self:unsafe end}.ss-roll__char{display:inline-block;white-space:pre;animation:ss-roll-in .42s cubic-bezier(.32,.72,0,1) both}.ss-roll__item[data-out]{animation:ss-roll-out .42s cubic-bezier(.32,.72,0,1) both}@keyframes ss-roll-in{0%{opacity:0;transform:translateY(100%)}}@keyframes ss-roll-out{to{opacity:0;transform:translateY(-100%)}}.ss-roll[data-variant=fade] .ss-roll__char{animation-name:ss-fade-in;animation-duration:.35s;animation-delay:.12s}.ss-roll[data-variant=fade] .ss-roll__item[data-out]{animation-name:ss-fade-out;animation-duration:.16s}.ss-roll[data-variant=fade] .ss-roll__mid{padding-block:0;margin-block:0;-webkit-mask-image:none;mask-image:none;clip-path:inset(0);transition-duration:.4s}@keyframes ss-fade-out{to{opacity:0;filter:blur(2px);transform:translateY(-3px)}}}@layer stageshow{.ss-button{will-change:transform;--ss-button-height: 28px;--ss-button-pad: 12px;--ss-button-pad-icon: 9px;--ss-button-icon: 14px;display:inline-flex;flex:none;align-items:center;justify-content:center;--ss-button-gap: 6px;gap:var(--ss-button-gap);box-sizing:border-box;min-height:var(--ss-button-height);padding:0 var(--ss-button-pad);border-radius:var(--ss-radius-sm);font-size:13px;font-weight:500;letter-spacing:-.005em;line-height:1.25;white-space:nowrap;color:var(--ss-text-strong);background:var(--ss-surface);box-shadow:inset 0 0 0 1px var(--ss-ink-4);transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .16s ease,color .16s ease,padding .22s cubic-bezier(.22,1,.36,1)}.ss-button[data-size=small]{--ss-button-height: 24px;--ss-button-pad: 8px;--ss-button-pad-icon: 6px;--ss-button-icon: 12px;--ss-button-gap: 5px;font-size:12px}.ss-button[data-size=large]{--ss-button-height: 32px;--ss-button-pad: 14px;--ss-button-pad-icon: 11px;--ss-button-icon: 16px;--ss-button-gap: 7px;border-radius:var(--ss-radius-md);font-size:14px}.ss-button[data-leading]{padding-left:var(--ss-button-pad-icon)}.ss-button[data-trailing]{padding-right:var(--ss-button-pad-icon)}.ss-button[data-hover]{background:color-mix(in srgb,var(--ss-surface),#000 4%)}.ss-button[data-variant=primary]{background:var(--ss-accent);color:#fff;box-shadow:none}.ss-button[data-variant=primary][data-hover]{background:color-mix(in srgb,var(--ss-accent),#000 10%)}.ss-button[data-variant=danger]{background:var(--ss-danger);color:#fff;box-shadow:none}.ss-button[data-variant=danger][data-hover]{background:color-mix(in srgb,var(--ss-danger),#000 10%)}.ss-button[data-variant=tertiary]{background:var(--ss-ink-2);box-shadow:none}.ss-button[data-variant=tertiary][data-hover]{background:var(--ss-ink-3)}.ss-button[data-variant=ghost]{background:transparent;box-shadow:none}.ss-button[data-variant=ghost][data-hover]{background:var(--ss-ink-2)}.ss-button[data-pressed]{transform:scale(.97)}.ss-button__icon{display:grid;flex:none;place-items:center;width:var(--ss-button-icon);height:var(--ss-button-icon)}.ss-button__lead{margin-right:calc(-1 * var(--ss-button-gap, 6px));width:0;opacity:0;scale:.6;transition:width .22s cubic-bezier(.22,1,.36,1),margin .22s cubic-bezier(.22,1,.36,1),opacity .16s ease,scale .22s cubic-bezier(.22,1,.36,1)}.ss-button__lead[data-open]{margin-right:0;width:var(--ss-button-icon);opacity:1;scale:1}.ss-button__icon>svg{flex:none;width:var(--ss-button-icon);height:var(--ss-button-icon)}.ss-button__label{display:block;text-box:trim-both cap alphabetic}}.street-hero{width:100%;min-width:0}.street-hero .ss-stage{overflow:hidden;background:#000}.street-hero .hero-street-shot{position:absolute;inset:0;overflow:hidden}.street-hero .city-viewport{position:absolute;inset:0 0 36px;overflow:hidden;background:#000}.street-hero .city-camera{position:absolute;inset:0;transform-origin:35% 67%;animation:city-flyover 32s cubic-bezier(.45,0,.2,1) infinite;will-change:transform}.street-hero .city-world{position:absolute;width:760px;height:500px;left:0;top:0}.street-hero .hero-street-backdrop{position:absolute;width:100%;height:100%;inset:0;object-fit:fill;image-rendering:pixelated;border:0;box-shadow:none;mask-image:none;max-height:none;margin:0}.street-hero .street-shot-title{position:absolute;top:22px;left:24px;display:flex;flex-direction:column;gap:0;background:#080a0e;width:280px;padding:14px 16px;border-left:3px solid #47e5ff;color:#f5f5ef;font:600 12px/1.4 Inter,sans-serif;letter-spacing:.05em}.street-hero .street-shot-title>span+span{font:600 12px/1.5 Inter,sans-serif;color:#47e5ff}.street-hero .hero-people{position:absolute;inset:0}.street-hero .street-person{position:absolute;left:0;top:0;width:20.4px;height:34px;background-image:var(--person-sprite);background-size:163.2px 34px;image-rendering:pixelated;background-repeat:no-repeat;offset-anchor:50% 100%;offset-rotate:0deg;offset-path:path("M -40,505 L 249,342 L 435,190 L 805,-30");animation:city-walk var(--trip,26s) linear infinite,city-gait .85s steps(8,end) infinite;animation-delay:var(--start,0s),var(--start,0s);filter:drop-shadow(2px 2px 0 #0009)}.street-hero .street-person.going-back{offset-path:path("M -40,520 L 262,354 L 448,200 L 805,-8");animation-direction:reverse,normal;transform:scaleX(-1)}.street-hero .street-person:after{content:"";position:absolute;width:14px;height:3px;border-radius:50%;background:#02030699;left:4px;bottom:0;z-index:-1}.street-hero .street-taxi{position:absolute;width:48px;height:24px;left:0;top:0;offset-anchor:50% 90%;offset-rotate:auto;offset-path:path("M -80,540 L 270,358 L 452,207 L 830,-30");animation:city-traffic 42s linear infinite;animation-delay:-20s}.street-hero .street-taxi img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;margin:0;border:0;box-shadow:none;max-height:none}.street-hero .street-shot-caption{position:absolute;bottom:0;left:0;right:0;min-height:36px;background:#080a0e;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 24px;color:#aeb5ba;font:10px/1.4 Inter,sans-serif;letter-spacing:.04em}.street-hero .street-shot-caption>span:first-child{color:#47e5ff}.street-hero .caption-down{margin-left:20px;color:#ff77b5}.street-hero .hero-playback{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px;color:#aeb5ba;font-size:10px;letter-spacing:.06em}.street-hero .ss-button{--ss-font:Inter,system-ui,sans-serif;--ss-text:#eee;--ss-line:#4b5058;--ss-chrome:#101215;--ss-radius-md:0px;color:#eee;background:#101215;font-size:12px;cursor:pointer}.street-hero .ss-button:focus-visible{outline:2px solid #47e5ff;outline-offset:4px}.street-hero .ss-stage[data-layout=compact] .city-viewport{bottom:50px}.street-hero .ss-stage[data-layout=compact] .city-world{transform:scale(.75);transform-origin:0 0;left:-50px;top:-5px}.street-hero .ss-stage[data-layout=compact] .city-camera{transform-origin:42% 80%;animation-name:city-flyover-compact}.street-hero .ss-stage[data-layout=compact] .street-shot-title{left:16px;top:16px;width:260px;font-size:11px;padding:14px 15px}.street-hero .ss-stage[data-layout=compact] .street-shot-title>span+span{font-size:11px}.street-hero .ss-stage[data-layout=compact] .street-shot-caption{flex-direction:column;align-items:flex-start;gap:3px;min-height:50px;padding:8px 14px;font-size:10.5px}.street-hero .ss-stage[data-layout=compact] .caption-down{display:inline;margin-left:12px}.motion-paused .city-camera,.motion-paused .street-person,.motion-paused .walker,.motion-paused .street-taxi,.motion-paused .heartbeat path{animation-play-state:paused!important}@keyframes city-flyover{0%,12.5%{transform:scale(1.45)}37.5%,53.125%{transform:scale(1.25)}84.375%,to{transform:scale(1.45)}}@keyframes city-walk{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes city-traffic{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes city-gait{0%{background-position:0 0}to{background-position:-163.2px 0}}@media(prefers-reduced-motion:reduce){.street-hero .city-camera{animation:none!important;transform:scale(1.25)}.street-hero .street-person{offset-distance:var(--poster-distance,30%);background-position:0 0!important;animation:none!important}.street-hero .street-taxi{animation:none!important;offset-distance:43%}.street-hero .hero-playback{display:none}}@media(max-width:740px){.street-hero .hero-playback>span{font-size:9px;max-width:150px;line-height:1.5}.street-hero .hero-playback{gap:12px}}@keyframes city-flyover-compact{0%,12.5%{transform:scale(1.45)}37.5%,53.125%{transform:scale(1.25)}84.375%,to{transform:scale(1.45)}}.street-hero .scene-picker{display:flex;gap:8px;margin:0 0 12px}.street-hero .scene-picker .ss-button{min-height:44px;font-size:14px;padding:10px 18px}.street-hero .scene-picker [aria-pressed=true]{color:#47e5ff;border-color:#47e5ff;background:#102126}.street-hero .hero-street-backdrop{transition:opacity .35s ease}.street-hero .backdrop-central{opacity:0}.street-hero[data-place=central] .backdrop-central{opacity:1}.street-hero[data-place=central] .backdrop-lkf{opacity:0}.street-hero[data-place=central] .street-person{offset-path:path("M -40,310 L 230,370 L 395,275 L 640,-30")}.street-hero[data-place=central] .street-person.going-back{offset-path:path("M -40,325 L 235,385 L 410,285 L 660,-30")}.street-hero[data-place=central] .street-taxi{offset-path:path("M 80,550 L 390,370 L 660,-30")}@media(prefers-reduced-motion:reduce){.street-hero .hero-street-backdrop{transition:none}}