.area-code-picker-wrapper{position:relative}.area-code-picker-container{display:flex;align-items:stretch;border:1px solid rgba(128,137,150,.3);border-radius:2px;transition:border-color .3s;background:var(--color-surface)}.area-code-picker-container:focus-within{border-color:rgba(128,137,150,.6)}.area-code-picker-selector{display:flex;align-items:center;gap:6px;padding:0 12px;background:transparent;border:none;border-right:1px solid rgba(128,137,150,.3);cursor:pointer;font-size:14px;color:var(--color-ink);font-weight:500;white-space:nowrap;transition:background .2s}.area-code-picker-selector:hover:not(:disabled){background:rgba(128,137,150,.05)}.area-code-picker-selector:disabled{cursor:not-allowed;opacity:.6}.area-code-picker-selector-flag{font-size:18px;line-height:1}.area-code-picker-selector-code{font-size:13px;color:var(--color-body)}.area-code-picker-selector-arrow{font-size:10px;color:var(--color-body);margin-left:2px}.area-code-picker-field{flex:1;border:none;outline:none;padding:12px 20px 12px 12px;font-size:13px;color:var(--color-ink);font-weight:500;background:transparent;width:100%}.area-code-picker-field::placeholder{color:var(--color-body)}.area-code-picker-dropdown{position:absolute;top:100%;left:0;z-index:1000;min-width:240px;background:var(--color-surface);border:1px solid rgba(128,137,150,.3);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:2px;list-style:none;padding:4px 0}.area-code-picker-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:13px;color:var(--color-ink);transition:background .15s}.area-code-picker-dropdown-item:hover{background:rgba(250,181,22,.08)}.area-code-picker-dropdown-item-active{background:rgba(250,181,22,.12);font-weight:600}.area-code-picker-dropdown-flag{font-size:18px;line-height:1}.area-code-picker-dropdown-name{flex:1}.area-code-picker-dropdown-code{color:var(--color-body);font-size:12px}.area-code-picker-error{color:var(--color-danger);margin:0}