.JaVxhG_phone{position:relative;container-type:inline-size}.JaVxhG_body{aspect-ratio:1/2.05;box-shadow:var(--shadow-device);border-radius:16.6cqw;padding:.8cqw;position:relative}.JaVxhG_graphite{background:linear-gradient(140deg,#8a8a90 0%,#3a3a3f 16%,#222226 50%,#404046 84%,#8d8d93 100%)}.JaVxhG_silver{background:linear-gradient(140deg,#fbfbfc 0%,#cfcfd4 18%,#ececef 50%,#c3c3c8 82%,#f6f6f8 100%)}.JaVxhG_key{width:1.15cqw;position:absolute}.JaVxhG_graphite .JaVxhG_key{background:linear-gradient(90deg,#26262a,#5f5f65 55%,#303035)}.JaVxhG_silver .JaVxhG_key{background:linear-gradient(90deg,#b9b9bf,#f2f2f4 55%,#c8c8cd)}.JaVxhG_keyLeft{border-radius:.7cqw 0 0 .7cqw;left:-.85cqw}.JaVxhG_keyRight{border-radius:0 .7cqw .7cqw 0;right:-.85cqw}.JaVxhG_bezel{background:#060607;border-radius:15.8cqw;width:100%;height:100%;padding:2.25cqw;position:relative;box-shadow:inset 0 0 0 .3cqw #ffffff12}.JaVxhG_screen{background:var(--color-paper);border-radius:13.6cqw;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.JaVxhG_glass{pointer-events:none;z-index:20;background:linear-gradient(118deg,#ffffff14 0%,#fff0 34%);position:absolute;inset:0}.JaVxhG_island{pointer-events:none;z-index:30;background:#000;border-radius:999px;width:31.5cqi;height:9.3cqi;position:absolute;top:2.9cqi;left:50%;transform:translate(-50%)}.JaVxhG_homeBar{pointer-events:none;z-index:30;border-radius:999px;width:34cqi;height:1.3cqi;position:absolute;bottom:2.1cqi;left:50%;transform:translate(-50%)}.JaVxhG_homeDark{background:#000000c7}.JaVxhG_homeLight{background:#ffffffd9}
.uNdwFq_device{margin-inline:auto;position:relative}.uNdwFq_phone{width:18.75rem}.uNdwFq_phoneGallery{width:20rem}.uNdwFq_browser{width:100%;max-width:62.5rem}@media (max-width:63.99rem){.uNdwFq_phone{width:clamp(13.5rem,min(62vw,48.7805svh - 10.7317rem),17.5rem)}.uNdwFq_phoneGallery{width:clamp(14rem,min(72vw,48.7805svh - 10rem),22.5rem)}}.uNdwFq_crop{max-height:var(--device-crop-height,70svh);overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.uNdwFq_float{z-index:2;border-radius:var(--radius-md);background:var(--color-paper);max-width:15rem;box-shadow:var(--shadow-float);padding:12px 16px;position:absolute}.uNdwFq_topStart{top:12%;left:-24px;transform:translate(-50%)}.uNdwFq_topEnd{top:8%;right:-24px;transform:translate(50%)}.uNdwFq_bottomStart{bottom:16%;left:-24px;transform:translate(-50%)}.uNdwFq_bottomEnd{bottom:12%;right:-24px;transform:translate(50%)}@media (max-width:63.99rem){.uNdwFq_topStart,.uNdwFq_bottomStart{left:-8px;transform:none}.uNdwFq_topEnd,.uNdwFq_bottomEnd{right:-8px;transform:none}}.uNdwFq_screen{background:var(--chrome-bg);color:var(--chrome-ink);flex-direction:column;display:flex;position:absolute;inset:0}.uNdwFq_light{--chrome-bg:var(--color-paper);--chrome-ink:var(--color-ink);--chrome-field:var(--color-cloud);--chrome-muted:var(--color-text-2)}.uNdwFq_dark{--chrome-bg:#101412;--chrome-ink:#f5f6f3;--chrome-field:#232926;--chrome-muted:#c2c7c0}.uNdwFq_status{font-variant-numeric:tabular-nums;flex:none;grid-template-columns:1fr 31.5cqi 1fr;align-items:center;height:15.1cqi;font-size:max(10px,3.6cqi);font-weight:600;display:grid}.uNdwFq_statusTime{justify-self:center}.uNdwFq_statusIcons{justify-self:center;align-items:center;gap:1.2cqi;display:flex}.uNdwFq_statusIcons svg{width:auto;height:2.9cqi}.uNdwFq_url{flex:none;justify-content:center;align-items:center;padding:0 4cqi 2.4cqi;display:flex}.uNdwFq_urlField{background:var(--chrome-field);border-radius:999px;align-items:center;gap:1.6cqi;min-width:0;max-width:100%;padding:1.6cqi 3cqi;font-size:max(10px,3.4cqi);line-height:1.2;display:flex}.uNdwFq_urlField svg{width:3.2cqi;height:3.2cqi;color:var(--chrome-muted);flex:none}.uNdwFq_urlText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.uNdwFq_mark{color:var(--chrome-muted);letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:999px;flex:none;padding:.1em .55em;font-size:max(10px,2.8cqi);font-weight:600}.uNdwFq_body{flex:1;min-height:0;position:relative;overflow:hidden}.uNdwFq_browserFrame{border-radius:var(--radius-md);background:var(--color-paper);box-shadow:var(--shadow-float);overflow:hidden}.uNdwFq_browserBar{background:var(--color-cloud);grid-template-columns:1fr minmax(0,60%) 1fr;align-items:center;gap:12px;height:40px;padding:0 16px;display:grid}.uNdwFq_browserDots{gap:6px;display:flex}.uNdwFq_browserDots span{background:var(--color-line-strong);border-radius:999px;width:10px;height:10px}.uNdwFq_browserAddress{background:var(--color-paper);min-width:0;height:24px;color:var(--color-text-3);font-size:var(--text-note);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:flex}.uNdwFq_browserAddress svg{flex:none;width:11px;height:11px}.uNdwFq_browserEnd{justify-content:flex-end;display:flex}.uNdwFq_browserMark{background:var(--color-paper);height:24px;box-shadow:var(--shadow-hairline);color:var(--color-text-2);font-size:var(--text-note);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 10px;font-weight:600;display:inline-flex}.uNdwFq_browserBody{position:relative;container-type:inline-size}
