@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 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-feature-settings:"tnum";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);-webkit-backdrop-filter:blur(24px) saturate(1.3);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);-webkit-backdrop-filter:blur(30px) saturate(1.25);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 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 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}}