.sd-phn{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-phn[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-phn :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-phn :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-phn .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-phn{align-self:start;width:min(100%,320px);margin-top:40px;position:relative}.sd-phn__lab{color:var(--mute);margin:0 0 6px 2px;font-size:12.5px;display:block}.sd-phn__box{background:var(--bg);height:46px;box-shadow:inset 0 0 0 1px var(--line);border-radius:13px;align-items:center;transition:box-shadow .2s;display:flex}.sd-phn__box:focus-within{box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-phn__cc{border-right:1px solid var(--line);font-variant-numeric:tabular-nums;align-items:center;gap:6px;height:100%;padding:0 10px 0 13px;font-size:13.5px;font-weight:500;display:flex}.sd-phn__cc svg{fill:none;width:10px;height:10px;stroke:var(--mute);stroke-width:1.8px;stroke-linecap:round}.sd-phn__iso{background:var(--soft);border-radius:5px;padding:3px 5px;font:600 10.5px/1 ui-monospace,monospace}.sd-phn__in{min-width:0;height:100%;color:var(--fg);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:0 0;border:0;outline:0;flex:1;padding:0 12px;font-size:15px}.sd-phn__in::placeholder{color:var(--mute);opacity:.6}.sd-phn__ok{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;margin-right:12px;animation:.3s cubic-bezier(.3,1.7,.4,1) sd-phn-pop}@keyframes sd-phn-pop{0%{transform:scale(0)}}.sd-phn__list{background:var(--bg);width:100%;max-height:220px;box-shadow:inset 0 0 0 1px var(--line), 0 18px 40px -18px #00000080;z-index:3;border-radius:13px;padding:5px;animation:.16s sd-phn-in;position:absolute;top:76px;left:0;overflow:auto}@keyframes sd-phn-in{0%{opacity:0;transform:translateY(-4px)}}.sd-phn__opt{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;height:36px;padding:0 9px;font-size:13.5px;display:flex}.sd-phn__opt:hover,.sd-phn__opt:focus-visible,.sd-phn__opt[aria-selected=true]{outline:0;background:var(--soft)!important}.sd-phn__opt span:last-child{color:var(--mute);font-variant-numeric:tabular-nums;margin-left:auto}.sd-phn__err{color:var(--fg);margin:6px 0 0 2px;font-size:12px}@media (prefers-reduced-motion:reduce){.sd-phn *,.sd-phn :before,.sd-phn :after{transition:none!important;animation:none!important}}