.ui-phone{position:relative;display:flex;align-items:stretch;width:100%;border-radius:999px;border:1px solid rgba(16,16,18,.2);background:#fff;overflow:visible}.ui-phone:focus-within{border-color:#315bff;box-shadow:0 0 0 3px rgba(49,91,255,.15)}.ui-phone--invalid{border-color:#dc2626}.ui-phone--invalid:focus-within{box-shadow:0 0 0 3px rgba(220,38,38,.12)}.ui-phone__country{display:inline-flex;align-items:center;gap:6px;padding:0 10px 0 14px;border:none;border-right:1px solid rgba(16,16,18,.12);background:transparent;color:#0f0f11;cursor:pointer;font-size:14px;font-weight:600;border-radius:999px 0 0 999px}.ui-phone__country:hover{background:rgba(16,16,18,.03)}.ui-phone__flag{display:inline-flex;width:20px;height:14px;overflow:hidden;border-radius:2px;background:rgba(16,16,18,.08)}.ui-phone__flag svg{width:100%;height:100%;display:block}.ui-phone__code{font-variant-numeric:tabular-nums}.ui-phone .ui-phone__field{box-shadow:none}.ui-phone .ui-phone__field,.ui-phone__num{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:13px 18px 13px 12px;font-size:16px;font-family:inherit;color:#0f0f11}.ui-phone__pop{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:min(320px,86vw);background:#fff;border:1px solid rgba(16,16,18,.14);border-radius:18px;box-shadow:0 24px 60px -24px rgba(16,16,18,.35);overflow:hidden}.ui-phone__search{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(16,16,18,.08);color:#6a6a70}.ui-phone__search input{flex:1;border:none;outline:none;font-size:14px;font-family:inherit;color:#0f0f11;background:transparent}.ui-phone__list{max-height:264px;overflow-y:auto;padding:6px}.ui-phone__opt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:10px;background:transparent;cursor:pointer;text-align:left;color:#0f0f11}.ui-phone__opt:hover{background:rgba(16,16,18,.05)}.ui-phone__opt--on{background:rgba(49,91,255,.08)}.ui-phone__opt-name{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-phone__opt-code{font-size:13px;color:#6a6a70;font-variant-numeric:tabular-nums}.ui-phone__empty{padding:14px;font-size:14px;color:#6a6a70;margin:0}