.wx-phonefield{position:relative}.wx-pf-row{background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;align-items:stretch;min-height:50px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.wx-phonefield:focus-within .wx-pf-row{border-color:var(--amber,#e8a830);box-shadow:0 0 0 3px #e8a83024}.wx-phonefield--error .wx-pf-row{border-color:#e05050}.wx-phonefield--success .wx-pf-row{border-color:#4caf7d}.wx-pf-country{border:none;border-right:1px solid var(--border);cursor:pointer;color:var(--text);font-family:var(--font-body);background:0 0;flex-shrink:0;align-items:center;gap:7px;padding:0 12px 0 14px;font-size:15px;font-weight:500;transition:background .15s;display:flex}.wx-pf-country:hover:not(:disabled){background:#ffffff0a}html.light .wx-pf-country:hover:not(:disabled){background:#0000000a}.wx-pf-country:disabled{opacity:.5;cursor:not-allowed}.wx-pf-dial{letter-spacing:.01em}.wx-pf-chevron{color:var(--dim);transition:transform .2s}.wx-pf-chevron--up{transform:rotate(180deg)}.wx-pf-input{min-width:0;color:var(--text);font-family:var(--font-body);letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;padding:0 16px;font-size:16px;font-weight:500}.wx-pf-input::placeholder{color:var(--dim);font-weight:400;transition:opacity .22s}.wx-pf-input.is-ph-fading::placeholder{opacity:0}.wx-pf-input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface2)inset;caret-color:var(--text);transition:background-color 100000s ease-in-out}.wx-pf-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface2)inset;caret-color:var(--text);transition:background-color 100000s ease-in-out}.wx-pf-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface2)inset;caret-color:var(--text);transition:background-color 100000s ease-in-out}.wx-pf-input:-webkit-autofill:active{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface2)inset;caret-color:var(--text);transition:background-color 100000s ease-in-out}.wx-pf-backdrop{z-index:998;background:#0000008c;display:none;position:fixed;inset:0}.wx-pf-panel{z-index:999;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:100%;max-width:420px;max-height:340px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 24px 64px #00000080}html.light .wx-pf-panel{box-shadow:0 24px 64px #1a18142e}.wx-pf-sheet-handle{display:none}.wx-pf-search{border-bottom:1px solid var(--border);color:var(--dim);flex-shrink:0;align-items:center;gap:9px;padding:10px 14px;display:flex}.wx-pf-search input{min-width:0;color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;min-height:32px;font-size:15px}.wx-pf-search input::placeholder{color:var(--dim)}.wx-pf-clear{background:var(--surface2);width:26px;height:26px;color:var(--muted);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.wx-pf-clear:hover{color:var(--text)}.wx-pf-list{overscroll-behavior:contain;scrollbar-width:thin;padding:6px;overflow-y:auto}.wx-pf-item{cursor:pointer;width:100%;min-height:44px;color:var(--text);font-family:var(--font-body);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;padding:9px 10px;font-size:14.5px;display:flex}.wx-pf-item:hover{background:#ffffff0f}html.light .wx-pf-item:hover{background:#0000000d}.wx-pf-item--active{background:#e8a8301f}.wx-pf-item--active .wx-pf-item-dial{color:var(--amber,#e8a830);font-weight:650}.wx-pf-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.wx-pf-item-dial{color:var(--dim);flex-shrink:0;font-size:13.5px}.wx-pf-empty{text-align:center;color:var(--muted);padding:24px 14px;font-size:13.5px}@media (max-width:640px){.wx-pf-country{font-size:16px}.wx-pf-input{font-size:18px}.wx-pf-backdrop{display:block}.wx-pf-panel{width:100%;max-height:min(70vh,560px);padding-bottom:var(--wx-safe-bottom);border-bottom:none;border-radius:20px 20px 0 0;animation:.24s cubic-bezier(.22,.61,.36,1) wx-pf-slide-up;position:fixed;inset:auto 0 0}.wx-pf-sheet-handle{background:var(--border);border-radius:99px;flex-shrink:0;width:40px;height:4px;margin:10px auto 2px;display:block}.wx-pf-search{padding:12px 16px}.wx-pf-item{min-height:48px}}@keyframes wx-pf-slide-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}html[data-lite] .wx-pf-panel{animation:none}