/* 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;}}}