.dial-picker{position:relative}.dial-picker-trigger{color:#2d2d2d;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#f5f3ec;border:1.5px solid #d8d5cc;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:44px;padding:12px;font-family:inherit;font-size:1rem;transition:border-color .2s,background-color .2s;display:flex}.dial-picker-trigger:hover{border-color:#8a9b8a}.dial-picker-trigger:focus-visible{background-color:#fff;border-color:#8a9b8a;outline:none;box-shadow:0 0 0 3px #8a9b8a2e}.dial-picker-flag{flex-shrink:0;font-size:1.2rem;line-height:1;transform:translateY(-.5px)}.dial-picker-code{letter-spacing:.01em;text-align:left;flex:1;font-weight:500}.dial-picker-chevron{color:#4e5c4e;flex-shrink:0;transition:transform .2s}.dial-picker-trigger[aria-expanded=true] .dial-picker-chevron{transform:rotate(180deg)}.dial-picker-list{z-index:1000;background-color:#fff;border:1px solid #d8d5cc;border-radius:12px;width:max-content;min-width:100%;max-width:calc(100vw - 48px);max-height:280px;margin:0;padding:6px;list-style:none;animation:.18s cubic-bezier(.25,.8,.25,1) dial-picker-in;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 2px 6px #2e3a2e0f,0 12px 32px #2e3a2e24}@keyframes dial-picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dial-picker-option{cursor:pointer;color:#2d2d2d;-webkit-tap-highlight-color:transparent;border-radius:8px;grid-template-columns:28px 58px 1fr;align-items:center;gap:10px;padding:8px 12px;font-size:.92rem;transition:background-color .12s;display:grid}.dial-picker-option-active{background-color:#8a9b8a1f}.dial-picker-option-selected{color:#2c3a2e;background-color:#8a9b8a2e;font-weight:500}.dial-picker-option-selected.dial-picker-option-active{background-color:#8a9b8a3d}.dial-picker-code-mono{color:#4e5c4e;letter-spacing:.02em;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.88rem}.dial-picker-country{color:#6b7568;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.dial-picker-option-selected .dial-picker-country{color:#2c3a2e}@media (max-width:640px){.dial-picker-trigger{padding:12px 10px;font-size:.95rem}.dial-picker-flag{font-size:1.1rem}.dial-picker-list{max-height:260px}.dial-picker-option{grid-template-columns:24px 52px 1fr;padding:8px 10px;font-size:.88rem}}