.phone-input-container{border:1px solid var(--line);background:var(--tint-50);border-radius:9px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.phone-input-container:focus-within{border-color:var(--teal-500);box-shadow:0 0 0 3px #2a99a024}.phone-input-container:has([aria-invalid=true]){border-color:#b42318;box-shadow:0 0 0 2px #b423181a}.country-code-mount{display:contents}.country-code-picker{flex:0 145px;align-self:stretch;min-width:125px;position:relative}.country-code-select{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.country-code-trigger{width:100%;height:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px 0 0 8px;outline:none;justify-content:space-between;align-items:center;gap:7px;padding:10px 9px 10px 12px;font-size:14px;font-weight:500;display:flex}.country-code-trigger:hover{background:#2a99a00f}.country-code-trigger:focus-visible{background:#2a99a014}.country-code-trigger-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.country-code-trigger svg{fill:none;width:15px;height:15px;stroke:var(--ink-soft);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .18s}.country-code-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.phone-divider{background:var(--line);flex-shrink:0;width:1px;height:22px}.phone-input-container input[type=tel]{width:100%;font-family:var(--font-body);color:var(--ink);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:10px 12px;font-size:14px}.phone-input-container input[type=tel]:focus{box-shadow:none}.country-code-menu{z-index:10000;background:#fff;border:1px solid #17707a33;border-radius:14px;flex-direction:column;animation:.16s ease-out country-menu-in;display:flex;position:fixed;overflow:hidden;box-shadow:0 22px 55px -18px #12323857,0 6px 18px -10px #12323833}@keyframes country-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.country-code-search-wrap{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--tint-50));flex:none;padding:10px;position:relative}.country-code-search-wrap>svg{fill:none;width:16px;height:16px;stroke:var(--ink-mute);stroke-width:1.7px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:21px;transform:translateY(-50%)}.country-code-search{border:1px solid var(--line);width:100%;height:38px;font-family:var(--font-body);color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:8px 12px 8px 35px;font-size:14px;transition:border-color .15s,box-shadow .15s}.country-code-search:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #2a99a01f}.country-code-search::-webkit-search-cancel-button{cursor:pointer}.country-code-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--tint-300) transparent;min-height:0;padding:6px;overflow-y:auto}.country-code-option{text-align:left;width:100%;font-family:var(--font-body);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:9px 10px;font-size:14px;display:grid}.country-code-option:hover,.country-code-option.is-active{background:var(--tint-100);color:var(--ink)}.country-code-option.is-selected{color:var(--teal-700);font-weight:600}.country-code-option-code{font-variant-numeric:tabular-nums;color:var(--ink-mute)}.country-code-option svg{fill:none;width:17px;height:17px;stroke:var(--teal-600);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.country-code-empty{text-align:center;color:var(--ink-mute);padding:24px 12px;font-size:13px}