.phone-number-field{position:relative}.phone-number-field .input-group{display:flex;align-items:flex-end;gap:0;border-bottom:1px solid #ced4da;width:100%}.phone-number-field .input-group-prepend{margin-right:0}.phone-country-dropdown{position:relative;min-width:72px;width:100%}.phone-country-selected{display:flex;align-items:center;padding:.375rem .625rem;border:none;border-radius:0;cursor:pointer;user-select:none;transition:background-color .2s ease;box-sizing:border-box;height:2.375rem;line-height:1.5}.phone-country-selected,.phone-country-selected.active,.phone-country-selected:hover{background-color:transparent}.country-flag{width:20px;height:15px;background-size:contain;background-position:50%;background-repeat:no-repeat;border-radius:2px;margin-right:6px}.country-prefix{font-weight:600;color:#495057;margin-right:6px}.dropdown-arrow{color:#6c757d;font-size:.75rem;transition:transform .2s ease}.phone-country-selected.active .dropdown-arrow{transform:rotate(180deg)}.phone-country-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ced4da;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;max-height:200px;overflow-y:auto;display:none;width:100%;min-width:280px}.phone-country-list.show{display:block}.phone-country-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f8f9fa}.phone-country-option:hover{background-color:#f8f9fa}.phone-country-option.selected{background-color:#e3f2fd}.phone-country-option .country-name{flex:1;margin-left:8px;color:#495057}.phone-number-field .phone-number-input{border-radius:0;border:none;flex:1;padding-top:.375rem;padding-bottom:.375rem;height:2.375rem;line-height:1.5}.phone-number-field .phone-prefix-text{display:inline-block}.phone-number-field .phone-prefix-text:after{content:" ";display:inline-block;width:8px}.phone-country-selected:focus,.phone-number-field .phone-country-selector:focus,.phone-number-field .phone-number-input:focus{border-color:#80bdff;box-shadow:none}.phone-number-field.is-invalid .phone-country-selector,.phone-number-field.is-invalid .phone-number-input{border-color:#dc3545}.phone-number-field.is-invalid .phone-country-selector:focus,.phone-number-field.is-invalid .phone-number-input:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}@media (max-width:576px){.phone-number-field .phone-country-selector{min-width:70px;font-size:.8rem}.phone-number-field .phone-prefix-display{left:75px;font-size:.8rem}}.theme-orange .phone-number-field .phone-country-selector{background-color:#fff3e0}.theme-kla .phone-number-field .phone-country-selector{background-color:#f5f5f5}.phone-number-field .phone-country-selector option{padding:5px}.phone-number-field .phone-prefix-text{transition:all .2s ease}.phone-number-field .phone-prefix-text.changing{color:#007bff;transform:scale(1.1)}.enter-profile-phone-field .phone-country-dropdown{min-width:60px;max-width:80px}.enter-profile-phone-field .phone-country-selected{padding:.35rem .5rem;font-size:.875rem}.enter-profile-phone-field .country-flag{width:20px;height:15px;margin-right:0}.enter-profile-phone-field .country-prefix{font-size:.875rem;margin-right:4px}.enter-profile-phone-field .dropdown-arrow{font-size:.7rem}.enter-profile-phone-field .phone-country-list{min-width:200px;max-height:150px}.enter-profile-phone-field .phone-country-option{padding:6px 8px;font-size:.875rem}.enter-profile-phone-field .phone-country-option .country-flag{width:20px;height:15px}@media (max-width:576px){.phone-country-dropdown{min-width:60px}.phone-country-list{min-width:250px}.phone-country-selected{padding:.35rem .5rem;font-size:.875rem}.country-flag{width:18px;height:13px}}