.phone-number-field{position:relative}.phone-control{border:1px solid var(--color-border);background:var(--color-background);border-radius:12px;height:48px;transition:border-color .16s,box-shadow .16s;display:flex}.phone-control:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-softer)}.phone-control.invalid{border-color:oklch(62% .16 28);box-shadow:0 0 0 3px oklch(95% .03 28)}.country-trigger{border:0;border-right:1px solid var(--color-border-soft);height:100%;color:var(--color-text);background:0 0;border-radius:11px 0 0 11px;flex:none;align-items:center;gap:7px;padding:0 11px 0 13px;display:flex}.country-trigger>span{font-size:20px;line-height:1}.country-trigger b{font-size:13.5px;font-weight:600}.country-trigger i{border-right:1.5px solid var(--color-text-tertiary);border-bottom:1.5px solid var(--color-text-tertiary);width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.country-trigger[aria-expanded=true] i{transform:translateY(2px)rotate(225deg)}.country-trigger:disabled{cursor:default;opacity:.6}.phone-control>input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 13px;font-size:15px}.country-menu{z-index:6;border:1px solid var(--color-border);background:var(--color-surface);width:100%;box-shadow:var(--shadow-popover);border-radius:14px;padding:7px;animation:.14s fade-up;position:absolute;top:calc(100% + 7px);left:0}.country-menu>label{display:block;position:relative}.country-menu svg{fill:none;width:17px;height:17px;stroke:var(--color-text-tertiary);stroke-linecap:round;stroke-width:1.5px;position:absolute;top:11px;left:11px}.country-menu label input{border:1px solid var(--color-border);background:var(--color-background);border-radius:9px;outline:0;width:100%;height:40px;padding:0 10px 0 36px;font-size:13.5px}.country-menu label input:focus{border-color:var(--color-primary)}.country-options{overscroll-behavior:contain;max-height:244px;margin-top:5px;overflow-y:auto}.country-options button{width:100%;min-height:39px;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:7px 9px;display:flex}.country-options button:hover,.country-options button.active{background:var(--color-surface-muted)}.country-options button.active{color:var(--color-primary)}.country-options button>span{flex:none;font-size:19px;line-height:1}.country-options strong{flex:1;min-width:0;font-size:13.5px;font-weight:500}.country-options small{color:var(--color-text-tertiary);flex:none;margin:0;font-size:12.5px}.country-options p{color:var(--color-text-secondary);margin:0;padding:14px 10px;font-size:13px}.phone-error{color:var(--color-risk-text);margin:7px 0 0;font-size:12px}