.device-browser{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);min-inline-size:0;box-shadow:var(--shadow-1);margin:0;display:grid;overflow:hidden}.device-browser-bar{min-block-size:2.5rem;padding-inline:var(--space-3);border-block-end:1px solid var(--color-border);background:var(--color-sidebar);align-items:center;display:flex;position:relative}.device-browser-dots{gap:var(--space-2);display:flex}.device-browser-dots>span{background:color-mix(in oklab, var(--color-ink) 22%, var(--color-sidebar));border-radius:50%;block-size:.625rem;inline-size:.625rem}.device-browser-title{color:var(--color-ink-muted);font-size:var(--font-size-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap;position:absolute;inset-inline:4.5rem;overflow:hidden}.device-browser-screen{min-inline-size:0}.device-browser-screen>.message-email{box-shadow:none;border:0;border-radius:0}.device-phone{border:.5rem solid var(--color-border-strong);background:var(--color-surface);inline-size:100%;min-inline-size:0;max-inline-size:19rem;box-shadow:var(--shadow-1);border-radius:2.25rem;align-self:start;margin-block:0;margin-inline:auto;display:grid;overflow:hidden}.device-phone-status{padding:var(--space-2) var(--space-5) var(--space-1);background:var(--color-surface);color:var(--color-ink);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.device-phone-notch{background:var(--color-border-strong);border-radius:999px;block-size:1.125rem;inline-size:4.5rem}.device-phone-signal{justify-self:end;align-items:flex-end;gap:.125rem;display:flex}.device-phone-signal>span{background:var(--color-ink);border-radius:1px;inline-size:3px}.device-phone-signal>span:first-child{block-size:4px}.device-phone-signal>span:nth-child(2){block-size:6px}.device-phone-signal>span:nth-child(3){block-size:8px}.device-phone-signal>span:nth-child(4){block-size:10px}.device-phone-screen{min-inline-size:0}.device-phone-screen>.message-sms{border:0;border-radius:0;max-inline-size:none}@media (forced-colors:active){.device-phone,.device-browser{border-color:canvastext}}