.phone-input{flex-direction:column;gap:6px;display:flex;position:relative}.phone-input__label{color:var(--gray-500);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500}.phone-input__required{color:var(--error)}.phone-input__wrap{position:relative}.phone-input__container{background:var(--white);border:1px solid var(--border);border-radius:12px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.phone-input__container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent)}.phone-input__container--error{border-color:var(--error)!important}.phone-input__container--error:focus-within{box-shadow:0 0 0 3px var(--error-light)}.phone-input__container--disabled{opacity:.5;cursor:not-allowed}.phone-input__container--open{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent)}.phone-input__country{border:none;border-right:1px solid var(--border);cursor:pointer;height:50px;color:var(--text);background:0 0;border-radius:12px 0 0 12px;flex-shrink:0;align-items:center;gap:6px;margin:0;padding:0 10px 0 14px;transition:background .15s;display:flex}.phone-input__country:hover:not(:disabled){background:var(--gray-50)}.phone-input__country:disabled{cursor:not-allowed}.phone-input__country-flag{object-fit:cover;border:1px solid var(--gray-200);border-radius:2px;flex-shrink:0;width:22px;height:16px}.phone-input__country-code{color:var(--text);white-space:nowrap;font-size:14px;font-weight:600}.phone-input__country-chevron{width:14px;height:14px;color:var(--gray-300);transition:transform .18s}.phone-input__country-chevron--open{transform:rotate(180deg)}.phone-input__field{min-width:0;height:50px;color:var(--text);text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;width:100%;padding:0 16px 0 12px;font-size:15px;font-weight:500}.phone-input__field::placeholder{color:var(--gray-300)}.phone-input__field:disabled{cursor:not-allowed}.phone-input__popover{z-index:1100;background:var(--white);border:1px solid var(--border);border-radius:14px;flex-direction:column;min-width:260px;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000f,0 12px 28px -8px #0000001f}.phone-input__search{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;display:flex}.phone-input__search svg{width:16px;height:16px;color:var(--gray-300);flex-shrink:0}.phone-input__search input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:500}.phone-input__search input::placeholder{color:var(--gray-300)}.phone-input__list{overscroll-behavior:contain;max-height:240px;padding:6px;overflow-y:auto}.phone-input__option{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin:0;padding:8px 10px;transition:background .12s;display:flex}.phone-input__option:hover,.phone-input__option--active{background:var(--gray-50)}.phone-input__option--selected{background:color-mix(in srgb, var(--primary) 8%, transparent)}.phone-input__option-flag{object-fit:cover;border:1px solid var(--gray-200);border-radius:2px;flex-shrink:0;width:22px;height:16px}.phone-input__option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.phone-input__option-code{color:var(--gray-400);flex-shrink:0;font-size:12px;font-weight:600}.phone-input__empty{text-align:center;color:var(--gray-400);padding:16px 12px;font-size:13px}.phone-input__error{color:var(--error);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex;overflow:hidden}