/* Phone's styles, scoped to it by Bifrost */
@layer components{[data-bf-scope~="Phone"]{position:relative;width:100%;aspect-ratio:414 / 860;}[data-bf-scope~="Phone"][data-phone="bare"]{height:100%;aspect-ratio:auto;overflow:hidden;}.device:where(.bf-kb2lhr){position:absolute;top:0;left:0;width:414px;height:860px;transform-origin:top left;transform:scale(var(--scale,1));border-radius:64px;padding:12px;background:linear-gradient(to bottom right,#4a4a50,#2a2a2e,#1c1c1f);box-shadow:0 40px 80px rgb(0 0 0 / 0.18),0 0 0 1px rgb(255 255 255 / 0.08),inset 0 0 0 2px rgb(255 255 255 / 0.14);}[data-phone="bare"] .device:where(.bf-kb2lhr){width:390px;height:var(--screen-h,100%);border-radius:0;padding:0;background:none;box-shadow:none;}.screen:where(.bf-kb2lhr){position:relative;width:100%;height:100%;overflow:hidden;border-radius:52px;background:var(--background);color:var(--foreground);}[data-phone="bare"] .screen:where(.bf-kb2lhr){border-radius:0;}.status:where(.bf-kb2lhr){position:absolute;inset:0 0 auto;display:flex;height:54px;align-items:center;justify-content:space-between;padding:4px 36px 0;}[data-phone="bare"] .status:where(.bf-kb2lhr){height:46px;padding:0 28px;}.clock:where(.bf-kb2lhr){width:72px;text-align:center;font-size:var(--text-body-lg);font-weight:600;font-variant-numeric:tabular-nums;}[data-phone="bare"] .clock:where(.bf-kb2lhr){width:auto;text-align:left;}.status-icons:where(.bf-kb2lhr){display:flex;width:72px;align-items:center;justify-content:center;gap:6px;}[data-phone="bare"] .status-icons:where(.bf-kb2lhr){width:auto;justify-content:flex-end;}.island:where(.bf-kb2lhr){position:absolute;top:11px;left:50%;width:125px;height:37px;translate:-50% 0;border-radius:999px;background:#000;}[data-phone="bare"] .island:where(.bf-kb2lhr){top:6px;width:120px;height:34px;}.group-header:where(.bf-kb2lhr){position:absolute;inset:62px 16px auto;display:flex;align-items:center;justify-content:space-between;}.slot:where(.bf-kb2lhr){pointer-events:none;position:absolute;inset:0 0 auto;height:78px;}.list:where(.bf-kb2lhr){position:relative;height:calc(var(--rows,0) * 78px);overflow:hidden;border-radius:var(--radius-lg);background:var(--card);box-shadow:0 1px 3px rgb(0 0 0 / 0.03),0 0 0 1px var(--border);transition:height 450ms ease-out,opacity 450ms ease-out;}.list.empty:where(.bf-kb2lhr){opacity:0;}.row-slot:where(.bf-kb2lhr){position:absolute;inset:0 0 auto;transform:translateY(calc(var(--place,0) * 78px));transition:transform 450ms ease-out;}.list.following:where(.bf-kb2lhr),.list.following .row-slot:where(.bf-kb2lhr){transition-duration:0ms,450ms;}@media (prefers-reduced-motion:reduce){.list:where(.bf-kb2lhr),.row-slot:where(.bf-kb2lhr){transition-duration:180ms;}}.lock:where(.bf-kb2lhr){position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:stretch;padding:72px 20px 0;background:radial-gradient(130% 60% at 50% 0%,color-mix(in oklch,var(--secondary) 78%,var(--primary)),var(--secondary) 70%);color:var(--secondary-foreground);transition:transform 500ms var(--ease-out-cubic,ease-out),opacity 400ms ease-out;}.lock-widget:where(.bf-kb2lhr){background-color:color-mix(in oklab,var(--secondary-foreground) 16%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.lock-widget.soon:where(.bf-kb2lhr){background-color:color-mix(in oklab,var(--secondary-foreground) 6%,transparent);border:1px dashed color-mix(in oklab,var(--secondary-foreground) 40%,transparent);}.lock-status:where(.bf-kb2lhr){color:color-mix(in oklab,var(--secondary-foreground) 75%,transparent);}.lock-glass:where(.bf-kb2lhr){background-color:color-mix(in oklab,var(--card) 85%,transparent);color:var(--card-foreground);box-shadow:0 3px 10px rgb(0 0 0 / 0.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}[data-phone="bare"] .lock:where(.bf-kb2lhr){padding-top:48px;}.lock.open:where(.bf-kb2lhr){transform:translateY(-24%);opacity:0;pointer-events:none;}.lock-time:where(.bf-kb2lhr){font-family:var(--font-serif);font-size:calc(var(--text-display-xxxl) * 2.2);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;}@media (prefers-reduced-motion:reduce){.lock:where(.bf-kb2lhr){transition-duration:180ms;}.lock.open:where(.bf-kb2lhr){transform:none;}}}