.phone,.chips-stage{--da:"Archivo","Helvetica Neue",Arial,sans-serif;--dm:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--ds:"VT One","Instrument Serif",Georgia,"Times New Roman",serif}.phone svg text{font-family:var(--dm)}.phone svg .ln{fill:none;stroke-linejoin:round;stroke-linecap:round}.phone [data-odo],.mchip [data-odo]{font-variant-numeric:tabular-nums}.vi{display:inline-block;vertical-align:middle;background:currentColor;-webkit-mask:var(--vi) center/contain no-repeat;mask:var(--vi) center/contain no-repeat}.phone{--pw:270px;--pu:1px;position:relative;flex:none;box-sizing:border-box;width:var(--pw);height:auto;aspect-ratio:270/556;padding:0;border-radius:16.3%/7.91%;background:linear-gradient(150deg,#2b3338,#0b0e10 38% 70%,#20272b);box-shadow:0 50px 90px -40px #000000bf,0 0 0 1px #3a444a,inset 0 0 0 2px #050709}@supports (width:1cqw){.phone{container-type:inline-size;width:min(var(--pw),100cqw,calc((100cqh - 24px)*.4856))}.phone .ph,.phone:before{--pu:calc(100cqw / 270)}}@media (max-width:360px){.phone{transform:none;margin-bottom:0}}.phone:before{top:calc(var(--pu)*17);width:calc(var(--pu)*76);height:calc(var(--pu)*22);border-radius:calc(var(--pu)*12)}.phone .ph{position:absolute;inset:1.98% 4.074%;border-radius:calc(var(--pu)*34);overflow:hidden;display:flex;flex-direction:column;gap:calc(var(--pu)*8);padding:0 calc(var(--pu)*12);background:#0c1114 radial-gradient(130% 55% at 50% -8%,rgba(60,196,213,.13),transparent 62%);color:#eef0f0;font:400 calc(var(--pu)*11)/1.3 var(--da);text-align:left;-webkit-font-smoothing:antialiased}.phone .ph:after{content:"";position:absolute;left:50%;bottom:calc(var(--pu)*6);transform:translate(-50%);width:calc(var(--pu)*84);height:calc(var(--pu)*4);border-radius:calc(var(--pu)*2);background:#eef0f0;opacity:.5}.phone .pill{padding:calc(var(--pu)*4) calc(var(--pu)*6);border-radius:calc(var(--pu)*999);background:#1c2429;color:#8e989e;font:500 clamp(calc(var(--pu)*8),10px,calc(calc(var(--pu)*8)*1.25))/1 var(--dm);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.phone .pill.done{background:#3cc4d521;color:#86dee8}.phone .pill.live{background:#f25c3a2b;color:#ff8a6e}.phone .pill.next{background:#e2b84a26;color:#e2b84a}.browser-body{position:relative;container:dash / inline-size}@media (max-width:700px){.phone{--pw:min(330px,100%)}}.chips-stage{container-type:inline-size}.chips-stage.light{background:#eeebe3}.chips-stage .mchip{--cw:11.6em;position:absolute;z-index:1;left:min(var(--x),calc(100% - var(--cw)));top:min(var(--y),calc(100% - 4.2em));display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"mi ml ml" "mi v u";align-items:baseline;column-gap:.3em;padding:.5em .95em .55em .5em;border-radius:1.15em;background:#12171bc7;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 32px -14px #000000b3,inset 0 1px #ffffff14;color:#f3f1e9;font-size:14px;line-height:1.1;white-space:nowrap}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.chips-stage .mchip{background:#161c2066;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}}.chips-stage .mchip .mi{grid-area:mi;align-self:center;display:grid;place-items:center;width:2.25em;height:2.25em;margin-right:.4em;border-radius:50%;background:#3cc4d529;color:#3cc4d5}.chips-stage .mchip .mi-s{width:1.15em;height:1.15em}.chips-stage .mchip .mi-s.txt{width:auto;height:auto;font:500 1em/1 var(--dm)}.chips-stage .mchip .ml{grid-area:ml;font:500 max(11px,.76em)/1.3 var(--dm);letter-spacing:.08em;text-transform:uppercase;color:#f3f1e9db}.chips-stage .mchip b{grid-area:v;font:400 1.9em/1 var(--ds);color:#f3f1e9}.chips-stage .mchip small{grid-area:u;font:500 max(11px,.72em)/1 var(--dm);color:#f3f1e9d1}.chips-stage.light .mchip{background:#ffffff9e;border-color:#171c2014;color:#171c20;box-shadow:0 12px 30px -16px #171c2059}.chips-stage.light .mchip b{color:#171c20}.chips-stage.light .mchip .ml,.chips-stage.light .mchip small{color:#3b4044}.chips-stage.light .mchip .mi{background:#006a751a;color:#006a75}@container (max-width:900px){.chips-stage .mchip{font-size:12px}}@container (max-width:600px){.chips-stage .mchip{font-size:11px;padding:.4em .8em .45em .4em}.chips-stage .mchip .mi{width:2em;height:2em;margin-right:.3em}.chips-stage .mchip b{font-size:1.75em}}@container (max-width:420px){.chips-stage .mchip .mi{display:none}.chips-stage .mchip{grid-template-columns:auto 1fr;grid-template-areas:"ml ml" "v u";padding:.4em .75em}}.phone,.chips-stage{--sbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 12'%3E%3Cg fill='black'%3E%3Crect x='0' y='8' width='3' height='4' rx='.8'/%3E%3Crect x='4.5' y='6' width='3' height='6' rx='.8'/%3E%3Crect x='9' y='3.5' width='3' height='8.5' rx='.8'/%3E%3Crect x='13.5' y='1' width='3' height='11' rx='.8'/%3E%3Cpath d='M27 11.5l-2.2-2.6a3.4 3.4 0 0 1 4.4 0zM22.6 6.6a6.8 6.8 0 0 1 8.8 0l-1.3 1.5a4.8 4.8 0 0 0-6.2 0zM20.4 4a10.2 10.2 0 0 1 13.2 0l-1.3 1.5a8.2 8.2 0 0 0-10.6 0z'/%3E%3Crect x='38.5' y='.5' width='20' height='11' rx='3' fill='none' stroke='black' opacity='.45'/%3E%3Crect x='40.5' y='2.5' width='14' height='7' rx='1.6'/%3E%3Crect x='59.6' y='4' width='1.6' height='4' rx='.8' opacity='.45'/%3E%3C/g%3E%3C/svg%3E")}.vi-o2{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Ccircle cx='8' cy='8' r='1.6' fill='black' stroke='none'/%3E%3C/svg%3E")}.vi-vt{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12h4l2-5h6'/%3E%3Cpath d='M11 4l3 3-3 3'/%3E%3C/svg%3E")}.vi-rer{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h9l-2.5-2.5M13 11H4l2.5 2.5'/%3E%3C/svg%3E")}.vi-ve{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 9c1.6 0 1.6-4 3.2-4s1.6 6 3.3 6 1.6-6 3.3-6 1.6 4 3.2 4'/%3E%3C/svg%3E")}.vi-breath{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 8h3l1.5-4 2.5 8 1.5-4h4.5'/%3E%3C/svg%3E")}
