@layer stageshow{:where(.ss-phone){position:relative}.ss-phone{box-shadow:0 calc(var(--ps)*40)calc(var(--ps)*80)calc(var(--ps)*-16)#32325d40,0 calc(var(--ps)*24)calc(var(--ps)*48)calc(var(--ps)*-24)#0000004d;flex-shrink:0}.ss-phone__glass{height:100%}.ss-phone__window{isolation:isolate;position:relative;overflow:hidden}.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:0 0}.ss-phone__bands{pointer-events:none;position:absolute;inset:0;overflow:visible}.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)#32325d33,0 calc(var(--ps)*16)calc(var(--ps)*32)calc(var(--ps)*-16)#00000029}.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{text-align:center;width:138.5px;line-height:22px;position:absolute;top:21.5px;left:0}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__glyphs{align-items:flex-start;gap:8px;position:absolute;top:25.33px;left:285.25px}.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]{background:0 0;position:relative}.ss-phone__photo{z-index:4;background:var(--ss-phone-photo-light,none)center/100% 100% no-repeat;pointer-events:none;position:absolute}.ss-stage[data-theme=dark] .ss-phone__photo,.ss-phone[data-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{border-radius:50%;width:24px;height:24px;top:14px}.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)#0a25400d,0 calc(var(--ps)*30)calc(var(--ps)*60)calc(var(--ps)*-12)#32325d2e,0 calc(var(--ps)*18)calc(var(--ps)*36)calc(var(--ps)*-18)#0000001f}.ss-phone[data-frame=soft] .ss-phone__glass{box-shadow:inset 0 calc(var(--ps)*-2.9)calc(var(--ps)*7.2)#0a254038;background:#f6f9fc}.ss-stage[data-theme=dark] .ss-phone[data-frame=soft] .ss-phone__glass{box-shadow:inset 0 calc(var(--ps)*-2.9)calc(var(--ps)*7.2)#00000073;background:#1c2433}.ss-phone__screen{--pt:1px;color:#000;letter-spacing:-.015em;transform-origin:0 0;-webkit-font-smoothing:antialiased;background:#fff;flex-direction:column;font-family:-apple-system,system-ui,sans-serif;font-size:15px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.ss-phone[data-dark] .ss-phone__screen{color:#fff;background:#000}.ss-phone__status{z-index:2;will-change:transform;justify-content:space-between;align-items:center;height:54px;padding:0 34px 0 52px;transition:color .3s;display:flex;position:absolute;top:0;left:0;right:0}.ss-phone__time{font-variation-settings:"opsz" 17;letter-spacing:0;font-family:SF Pro Text,-apple-system,system-ui,sans-serif;font-size:17.67px;font-weight:590}.ss-phone__island{top:var(--ss-island-top,14px);z-index:3;width:var(--ss-island-w,95px);background:#000;border-radius:18.5px;height:37px;position:absolute;left:50%;transform:translate(-50%)}.ss-phone__glyphs{align-items:center;gap:8px;display:flex}.ss-phone__glyph{display:block}.ss-phone__content{flex:1;min-height:0;position:relative}.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-left:8px;padding-right:8px}.ss-phone__home{z-index:2;will-change:transform;background:currentColor;border-radius:2.5px;width:144px;height:5px;transition:color .3s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.ss-lock{color:#fff;text-align:center;position:absolute;inset:0}.ss-lock__date{letter-spacing:-.01em;opacity:.85;margin-top:66px;font-size:22px;font-weight:600}.ss-lock__clock{letter-spacing:-.035em;font-variant-numeric:tabular-nums;opacity:.92;margin-top:-4px;font-size:112px;font-weight:700;line-height:1}.ss-lock__stack{text-align:left;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:118px;left:0;right:0}.ss-lock__stack[data-at=top]{top:290px;bottom:auto}.ss-lock__controls{justify-content:space-between;display:flex;position:absolute;bottom:48px;left:46px;right:46px}.ss-lock__control{-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);color:#fff;background:#0a0c1842;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.ss-notification{-webkit-backdrop-filter:blur(30px)saturate(1.25);backdrop-filter:blur(30px)saturate(1.25);color:#000;text-align:left;background:#fcfcfdc2;border-radius:23px;align-items:center;gap:13px;margin:0 18px;padding:14px 17px 14px 14px;display:flex;box-shadow:0 4px 24px #0000000f}.ss-notification[data-banner]{z-index:2;animation:.52s cubic-bezier(.2,.9,.25,1) both ss-banner-in;position:absolute;top:56px;left:0;right:0}@keyframes ss-banner-in{0%{transform:translateY(-110px)}}.ss-notification__icon{background:var(--ss-accent);color:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.ss-notification__icon:has(>img){background:0 0}.ss-notification__icon>img{width:100%;height:100%;display:block}.ss-notification__text{letter-spacing:-.016em;flex-direction:column;flex:1;min-width:0;font-size:15px;line-height:18px;display:flex}.ss-notification__head{align-items:baseline;gap:8px;display:flex}.ss-notification__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.ss-notification__time{letter-spacing:-.005em;color:#3c3c4399;flex-shrink:0;font-size:12px}.ss-notification__body{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.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:#ffffffeb;box-shadow:0 0 0 .5px #00000014,0 8px 24px #0000001f}.ss-phone__time-bar{opacity:.5;background:currentColor;border-radius:4px;width:30px;height:7px;display:inline-block}}