.phone-number-field{display:flex;align-items:stretch;width:100%;border:2px solid #e0e0e0;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.phone-number-field:focus-within{border-color:#00bcd4;box-shadow:0 0 0 4px rgba(0,188,212,.1)}.phone-number-field.has-error{border-color:#f44336}.phone-number-field.has-error:focus-within{border-color:#f44336;box-shadow:0 0 0 4px rgba(244,67,54,.1)}.phone-number-field__country,.phone-number-field__number{border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;min-height:48px;font-family:Cairo,sans-serif;font-size:1rem;color:#1a1a1a;background:transparent!important;transform:none!important}.phone-number-field__country{flex:0 0 auto;width:7.75rem;max-width:42%;padding:.75rem 1.85rem .75rem .65rem!important;margin:0;font-weight:700;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:left;direction:ltr;-webkit-border-end:1px solid #e5e7eb!important;border-inline-end:1px solid #e5e7eb!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%2364748b' d='M8 11L3 6h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;background-size:12px 12px!important}.phone-number-field__number{flex:1 1 auto;min-width:0;width:100%;padding:.75rem .9rem!important;text-align:left;direction:ltr;unicode-bidi:plaintext}.phone-number-field__number::placeholder{color:#999}.phone-number-field__country:disabled,.phone-number-field__number:disabled{opacity:.6;cursor:not-allowed}.dark .form-group .phone-number-field__country,.dark .form-group .phone-number-field__country:focus,.form-group .phone-number-field__country,.form-group .phone-number-field__country:disabled,.form-group .phone-number-field__country:focus,[dir=rtl] .dark .form-group .phone-number-field__country,[dir=rtl] .dark .form-group .phone-number-field__country:focus,[dir=rtl] .form-group .phone-number-field__country,[dir=rtl] .form-group .phone-number-field__country:disabled,[dir=rtl] .form-group .phone-number-field__country:focus{direction:ltr!important;text-align:left!important;padding:.75rem 1.85rem .75rem .65rem!important;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%2364748b' d='M8 11L3 6h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;background-size:12px 12px!important;border:0!important;-webkit-border-end:1px solid #e5e7eb!important;border-inline-end:1px solid #e5e7eb!important;box-shadow:none!important}.form-group .phone-number-field__number,.form-group .phone-number-field__number:focus,[dir=rtl] .form-group .phone-number-field__number,[dir=rtl] .form-group .phone-number-field__number:focus{text-align:left!important;direction:ltr!important;padding:.75rem .9rem!important;border:0!important;box-shadow:none!important;background:transparent!important;transform:none!important}.form-group .phone-number-field:focus-within,.form-group .phone-number-field__country:focus,.form-group .phone-number-field__number:focus{transform:none!important}.dark .phone-number-field{background:#2a2a2a;border-color:#444}.dark .phone-number-field__country,.dark .phone-number-field__number{color:#e0e0e0}.dark .phone-number-field__country{border-inline-end-color:#444!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%2394a3b8' d='M8 11L3 6h10z'/%3E%3C/svg%3E")!important}.dark .form-group .phone-number-field__country,.dark .form-group .phone-number-field__country:focus,[dir=rtl] .dark .form-group .phone-number-field__country{border-inline-end-color:#444!important;color:#e0e0e0!important}.phone-number-field--compact{border-radius:8px}.phone-number-field--compact .phone-number-field__country{width:6.75rem;min-height:40px;font-size:.9rem;padding:.5rem 1.6rem .5rem .5rem!important}.phone-number-field--compact .phone-number-field__number{min-height:40px;font-size:.95rem;padding:.5rem .75rem!important}@media (max-width:480px){.phone-number-field__country{width:7.25rem}}