@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,0.04);--ss-ink-2:rgba(0,0,0,0.06);--ss-ink-3:rgba(0,0,0,0.08);--ss-fill:#ebebeb;--ss-ink-4:rgba(0,0,0,0.1);--ss-ink-5:rgba(0,0,0,0.15);--ss-line:rgba(0,0,0,0.06);--ss-line-faint:rgba(0,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,0.12);--ss-success:#22c55e;--ss-danger:#ef4444;--ss-warning:#f59e0b;--ss-well:#efeeec;--ss-success-soft:rgba(34,197,94,0.12);--ss-success-text:#15803d;--ss-danger-soft:rgba(239,68,68,0.1);--ss-danger-text:#b91c1c;--ss-warning-soft:rgba(245,158,11,0.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,0.06),0 4px 16px rgba(0,0,0,0.08);--ss-shadow-float:0 0 0 1px rgba(0,0,0,0.08),0 4px 16px rgba(0,0,0,0.12),0 12px 32px rgba(0,0,0,0.08);--ss-shadow-card:0 1px 2px rgba(0,0,0,0.04);--ss-shadow-hero:0 0 0 1px rgba(0,0,0,0.06),0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3);--ss-shadow-lift:0 0 0 1px rgba(0,0,0,0.04),0 12px 28px -6px rgba(50,50,93,0.28),0 6px 12px -6px rgba(0,0,0,0.16);--ss-raised:#fff;--ss-shadow-satellite:0 0 0 1px rgba(0,0,0,0.04),0 14px 32px -8px rgba(50,50,93,0.24),0 4px 10px -4px rgba(0,0,0,0.1);--ss-shadow-ground:0 0 0 1px rgba(50,50,93,0.06),0 24px 48px -24px rgba(50,50,93,0.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,0.05);--ss-ink-2:rgba(255,255,255,0.07);--ss-ink-3:rgba(255,255,255,0.1);--ss-fill:#313134;--ss-ink-4:rgba(255,255,255,0.13);--ss-ink-5:rgba(255,255,255,0.2);--ss-line:rgba(255,255,255,0.08);--ss-line-faint:rgba(255,255,255,0.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,0.2);--ss-accent-text:color-mix(in srgb,var(--ss-accent) 70%,#fff);--ss-well:#0a0a0b;--ss-success-soft:rgba(34,197,94,0.16);--ss-success-text:#4ade80;--ss-danger-soft:rgba(239,68,68,0.16);--ss-danger-text:#f87171;--ss-warning-soft:rgba(245,158,11,0.18);--ss-warning-text:#fbbf24;--ss-shadow-lift:0 0 0 1px rgba(255,255,255,0.1),0 12px 28px -6px rgba(0,0,0,0.6);--ss-shadow-window:0 0 0 1px rgba(255,255,255,0.08),0 4px 16px rgba(0,0,0,0.4);--ss-shadow-float:0 0 0 1px rgba(255,255,255,0.1),0 4px 16px rgba(0,0,0,0.4),0 12px 32px rgba(0,0,0,0.3);--ss-shadow-card:0 0 0 1px rgba(255,255,255,0.05);--ss-shadow-hero:0 0 0 1px rgba(255,255,255,0.08),0 30px 60px -12px rgba(0,0,0,0.6);--ss-shadow-satellite:0 0 0 1px rgba(255,255,255,0.1),0 14px 32px -8px rgba(0,0,0,0.7),0 4px 10px -4px rgba(0,0,0,0.5);--ss-shadow-ground:0 0 0 1px rgba(255,255,255,0.1),0 24px 48px -24px rgba(0,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,0.12);--ss-ink-2:rgba(214,232,255,0.16);--ss-ink-3:rgba(214,232,255,0.22);--ss-fill:#4277cc;--ss-ink-4:rgba(214,232,255,0.3);--ss-ink-5:rgba(214,232,255,0.45);--ss-line:rgba(214,232,255,0.35);--ss-line-faint:rgba(214,232,255,0.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,0.15);--ss-success:#e6f0ff;--ss-danger:#e6f0ff;--ss-warning:#e6f0ff;--ss-success-soft:rgba(255,255,255,0.14);--ss-danger-soft:rgba(255,255,255,0.14);--ss-warning-soft:rgba(255,255,255,0.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,0.55);--ss-shadow-float:0 0 0 1px rgba(214,232,255,0.7);--ss-shadow-card:0 0 0 1px rgba(214,232,255,0.35);--ss-shadow-hero:0 0 0 1px rgba(214,232,255,0.55);--ss-shadow-satellite:0 0 0 1px rgba(214,232,255,0.8);--ss-shadow-ground:0 0 0 1px rgba(214,232,255,0.7);background-color:var(--ss-well);background-image:linear-gradient(rgba(214,232,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(214,232,255,.08) 1px,transparent 0);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,0.5);--ss-surface:rgba(255,255,255,0.62);--ss-chrome:rgba(255,255,255,0.38);--ss-raised:rgba(255,255,255,0.74);--ss-line:rgba(255,255,255,0.65);--ss-line-faint:rgba(255,255,255,0.45);--ss-well:#ebe9f5;--ss-shadow-window:inset 0 0 0 1px rgba(255,255,255,0.75),0 20px 50px -14px rgba(40,40,90,0.28);--ss-shadow-hero:inset 0 0 0 1px rgba(255,255,255,0.75),0 30px 60px -16px rgba(40,40,90,0.3);--ss-shadow-satellite:inset 0 0 0 1px rgba(255,255,255,0.85),0 16px 36px -10px rgba(40,40,90,0.32);--ss-shadow-float:inset 0 0 0 1px rgba(255,255,255,0.85),0 12px 32px -8px rgba(40,40,90,0.28);--ss-shadow-ground:inset 0 0 0 1px rgba(255,255,255,0.85),0 24px 48px -24px rgba(40,40,90,0.24);--ss-shadow-card:inset 0 0 0 1px rgba(255,255,255,0.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-glass,.ss-stage[data-theme=glass] .ss-popover,.ss-stage[data-theme=glass] .ss-window{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,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,0.06);--ss-danger-soft:rgba(0,0,0,0.04)}.ss-stage[data-palette=mono][data-theme=dark]{--ss-accent:#f2f2f2;--ss-accent-soft:rgba(255,255,255,0.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,0.1);--ss-danger-soft:rgba(255,255,255,0.06)}.ss-stage[data-palette=mono] .ss-keep-mono,.ss-stage[data-palette=mono] img{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] :after,.ss-stage[data-instant] :before{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] :after,.ss-stage[data-still] :before{transition:none!important;animation:none!important}.ss-stage[data-offscreen],.ss-stage[data-offscreen] *,.ss-stage[data-offscreen] :after,.ss-stage[data-offscreen] :before{transition:none!important;animation-play-state:paused!important}.ss-stage[data-placing] *,.ss-stage[data-placing] :after,.ss-stage[data-placing] :before{transition:none!important}.ss-stage *,.ss-stage :after,.ss-stage :before{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: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:rgba(24,24,27,.88);box-shadow:inset 0 -2px 0 rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.18);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 0 rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.18)}.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:not([data-kind^=resize]) .ss-cursor__glyph[data-glyph^=resize],.ss-cursor[data-kind^=resize] .ss-cursor__glyph:not([data-active=true]){transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .1s ease}}@layer stageshow{.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:rgba(118,118,128,.26);backdrop-filter:blur(5px) saturate(1.8) brightness(1.04);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 1px rgba(0,0,0,.05),0 2px 10px rgba(0,0,0,.1);transition:background .15s ease;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:rgba(60,60,67,.55)}.ss-stage[data-theme=dark] .ss-cursor__dot{background:rgba(255,255,255,.2);box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 2px 10px rgba(0,0,0,.3)}.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:rgba(118,118,128,.22)}.ss-stage[data-theme=dark] .ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot{background:rgba(255,255,255,.18)}.ss-cursor[data-style=circle][data-kind=grab] .ss-cursor__dot,.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot{background:rgba(118,118,128,.4)}.ss-cursor[data-style=touch] .ss-cursor__dot{width:34px;height:34px;margin:-17px 0 0 -17px;background:rgba(118,118,128,.14);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(90deg,rgba(118,118,128,0),rgba(118,118,128,.16));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:rgba(118,118,128,.22);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=blueprint] .ss-cursor__arrow,.ss-stage[data-theme=dark] .ss-cursor__arrow{--ss-cursor-ink:#fff}.ss-stage[data-theme=blueprint] .ss-cursor,.ss-stage[data-theme=dark] .ss-cursor{--ss-cursor-line:#fff;--ss-cursor-edge:rgba(0,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{:where(.ss-phone){position:relative}.ss-phone{flex-shrink:0;box-shadow:0 calc(var(--ps) * 40) calc(var(--ps) * 80) calc(var(--ps) * -16) rgba(50,50,93,.25),0 calc(var(--ps) * 24) calc(var(--ps) * 48) calc(var(--ps) * -24) rgba(0,0,0,.3)}.ss-phone__glass{height:100%}.ss-phone__window{position:relative;overflow:hidden;isolation:isolate}.ss-phone:is([data-frame=pro],[data-frame=silver],[data-frame=bezel],[data-frame=clay],[data-frame=outline],[data-frame=bare]){--ss-phone-glass:#0b0b0c;--ss-phone-rim:#2c2c2d;--ss-phone-seam:#e0dfdc;--ss-phone-line:var(--ss-text-faint,#9a9a9d);background:none}.ss-phone__bands{position:absolute;inset:0;overflow:visible;pointer-events:none}.ss-phone:is([data-frame=pro],[data-frame=silver],[data-frame=bezel],[data-frame=clay],[data-frame=outline]) .ss-phone__glass{position:relative}.ss-phone[data-frame=pro]{--ss-phone-band-1:#e3e3e6;--ss-phone-band-2:#9a9ba0;--ss-phone-band-3:#cfd0d4;--ss-phone-band-4:#85868b;--ss-phone-band-5:#c9cacd}.ss-stage[data-theme=dark] .ss-phone[data-frame=pro],.ss-stage[data-theme=glass] .ss-phone[data-frame=pro][data-dark]{--ss-phone-band-1:#5b5c61;--ss-phone-band-2:#2b2c2f;--ss-phone-band-3:#48494d;--ss-phone-band-4:#232427;--ss-phone-band-5:#404145}.ss-phone[data-frame=silver]{--ss-phone-band-1:#f4f4f6;--ss-phone-band-2:#c9cacf;--ss-phone-band-3:#eeeef1;--ss-phone-band-4:#b9babf;--ss-phone-band-5:#e6e6ea}.ss-phone[data-frame=bezel]{--ss-phone-glass:#111113}.ss-phone[data-frame=clay]{--ss-phone-clay-top:color-mix(in srgb,var(--ss-phone-clay,#ecebe8),#fff 45%);--ss-phone-clay-bottom:color-mix(in srgb,var(--ss-phone-clay,#ecebe8),#000 6%);box-shadow:0 calc(var(--ps) * 30) calc(var(--ps) * 60) calc(var(--ps) * -12) rgba(50,50,93,.2),0 calc(var(--ps) * 16) calc(var(--ps) * 32) calc(var(--ps) * -16) rgba(0,0,0,.16)}.ss-stage[data-theme=dark] .ss-phone[data-frame=clay]{--ss-phone-clay-top:color-mix(in srgb,var(--ss-phone-clay,#2a2a2e),#fff 6%);--ss-phone-clay-bottom:var(--ss-phone-clay,#2a2a2e);--ss-phone-seam:#333338}.ss-phone[data-frame=outline]{box-shadow:none}.ss-stage[data-theme=blueprint] .ss-phone[data-frame=outline]{--ss-phone-line:var(--ss-line)}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__status{height:62px;padding:0}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__time{position:absolute;top:21.5px;left:0;width:138.5px;line-height:22px;text-align:center}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__glyphs{position:absolute;top:25.33px;left:285.25px;align-items:flex-start;gap:8px}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__signal{margin-top:1px}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__battery{margin-top:.33px}.ss-phone[data-frame=photo]{position:relative;background:none}.ss-phone__photo{position:absolute;z-index:4;background:var(--ss-phone-photo-light,none) center /100% 100% no-repeat;pointer-events:none}.ss-phone[data-dark] .ss-phone__photo,.ss-stage[data-theme=dark] .ss-phone__photo{background-image:var(--ss-phone-photo-dark,var(--ss-phone-photo-light,none))}.ss-phone[data-frame=android]{background:linear-gradient(150deg,#3a3b3f,#1d1e21 40%,#2f3034 70%,#1a1b1e)}.ss-phone[data-frame=android] .ss-phone__glass{background:#050505}.ss-phone[data-frame=android] .ss-phone__island{top:14px;width:24px;height:24px;border-radius:50%}.ss-phone[data-frame=android] .ss-phone__status{height:48px;padding:0 26px}.ss-phone[data-frame=android] .ss-phone__time{font-family:system-ui,sans-serif;font-size:15px;font-weight:500}.ss-phone[data-frame=android] .ss-phone__content[data-status]{padding-top:48px}.ss-phone[data-frame=android] .ss-phone__home{width:108px;height:4px}.ss-phone[data-frame=soft]{box-shadow:0 0 0 calc(var(--ps) * 1.5) rgba(10,37,64,.05),0 calc(var(--ps) * 30) calc(var(--ps) * 60) calc(var(--ps) * -12) rgba(50,50,93,.18),0 calc(var(--ps) * 18) calc(var(--ps) * 36) calc(var(--ps) * -18) rgba(0,0,0,.12)}.ss-phone[data-frame=soft] .ss-phone__glass{background:#f6f9fc;box-shadow:inset 0 calc(var(--ps) * -2.9) calc(var(--ps) * 7.2) rgba(10,37,64,.22)}.ss-stage[data-theme=dark] .ss-phone[data-frame=soft] .ss-phone__glass{background:#1c2433;box-shadow:inset 0 calc(var(--ps) * -2.9) calc(var(--ps) * 7.2) rgba(0,0,0,.45)}.ss-phone__screen{--pt:1px;position:absolute;top:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#000;font-family:-apple-system,system-ui,sans-serif;font-size:15px;letter-spacing:-.015em;transform-origin:0 0;-webkit-font-smoothing:antialiased}.ss-phone[data-dark] .ss-phone__screen{background:#000;color:#fff}.ss-phone__status{position:absolute;top:0;right:0;left:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 34px 0 52px;transition:color .3s ease;will-change:transform}.ss-phone__time{font-family:SF Pro Text,-apple-system,system-ui,sans-serif;font-variation-settings:"opsz" 17;font-size:17.67px;font-weight:590;letter-spacing:0}.ss-phone__island{position:absolute;top:var(--ss-island-top,14px);left:50%;z-index:3;width:var(--ss-island-w,95px);height:37px;border-radius:18.5px;background:#000;transform:translateX(-50%)}.ss-phone__glyphs{display:flex;align-items:center;gap:8px}.ss-phone__glyph{display:block}.ss-phone__content{position:relative;flex:1;min-height:0}.ss-phone__content[data-status]{padding-top:62px}.ss-phone__content:not([data-status]){padding-top:44px}.ss-phone[data-frame=bare] .ss-phone__content{padding-right:8px;padding-left:8px}.ss-phone__home{position:absolute;bottom:8px;left:50%;z-index:2;width:144px;height:5px;border-radius:2.5px;background:currentColor;transform:translateX(-50%);transition:color .3s ease;will-change:transform}.ss-lock{position:absolute;inset:0;color:#fff;text-align:center}.ss-lock__date{margin-top:66px;font-size:22px;font-weight:600;letter-spacing:-.01em;opacity:.85}.ss-lock__clock{margin-top:-4px;font-size:112px;font-weight:700;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;opacity:.92}.ss-lock__stack{position:absolute;right:0;bottom:118px;left:0;display:flex;flex-direction:column;gap:8px;text-align:left}.ss-lock__stack[data-at=top]{top:290px;bottom:auto}.ss-lock__controls{position:absolute;right:46px;bottom:48px;left:46px;display:flex;justify-content:space-between}.ss-lock__control{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:rgba(10,12,24,.26);backdrop-filter:blur(24px) saturate(1.3);color:#fff}.ss-notification{display:flex;align-items:center;gap:13px;margin:0 18px;padding:14px 17px 14px 14px;border-radius:23px;background:rgba(252,252,253,.76);backdrop-filter:blur(30px) saturate(1.25);box-shadow:0 4px 24px rgba(0,0,0,.06);color:#000;text-align:left}.ss-notification[data-banner]{position:absolute;top:56px;right:0;left:0;z-index:2;animation:ss-banner-in .52s cubic-bezier(.2,.9,.25,1) both}@keyframes ss-banner-in{0%{transform:translateY(-110px)}}.ss-notification__icon{display:grid;flex-shrink:0;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:9px;background:var(--ss-accent);color:#fff}.ss-notification__icon:has(>img){background:none}.ss-notification__icon>img{display:block;width:100%;height:100%}.ss-notification__text{display:flex;flex:1;flex-direction:column;min-width:0;font-size:15px;line-height:18px;letter-spacing:-.016em}.ss-notification__head{display:flex;align-items:baseline;gap:8px}.ss-notification__title{flex:1;min-width:0;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.ss-notification__time{flex-shrink:0;font-size:12px;letter-spacing:-.005em;color:rgba(60,60,67,.6)}.ss-notification__body{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ss-lock[data-size=satellite] .ss-lock__stack{top:232px;bottom:auto}.ss-lock[data-size=satellite][data-clock=off] .ss-lock__stack{top:74px}.ss-notification{will-change:transform}.ss-phone:not([data-dark]) .ss-notification{background:rgba(255,255,255,.92);box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.12)}.ss-phone__time-bar{display:inline-block;width:30px;height:7px;border-radius:4px;background:currentColor;opacity:.5}}