.PhoneInput{display:flex;align-items:center;width:100%}.phone-input-custom{display:flex;height:2.75rem;width:100%;border-radius:.375rem;border:1px solid #d1d5db;background-color:#ffffff;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:#000000;transition:all .2s}.dark .phone-input-custom{border-color:#374151;background-color:#000000;color:#ffffff}.phone-input-custom:focus-within{border-color:#000000;outline:2px solid #000000;outline-offset:2px}.dark .phone-input-custom:focus-within{border-color:#ffffff;outline-color:#ffffff}.phone-country-select{color:#000000;background-color:#ffffff;border:1px solid #d1d5db}.dark .phone-country-select{color:#ffffff;background-color:#000000;border-color:#374151}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:.5rem}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer;background:transparent}.PhoneInputCountryIcon{width:1.75rem;height:1.25rem;border:none;border-radius:2px;background-color:transparent;background-repeat:no-repeat;background-position:50%;background-size:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.PhoneInputCountryIcon--border{background-color:transparent;border:none}.PhoneInputCountrySelectArrow{display:block;content:"";width:0;height:0;border-color:#666 transparent transparent;border-style:solid;border-width:.25rem .25rem 0;margin-left:.25rem}.PhoneInputInput{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:.875rem;line-height:1.25rem;color:inherit}.PhoneInputInput::placeholder{color:#9ca3af}.dark .PhoneInputCountryIcon{background-color:transparent;border:none}.dark .PhoneInputCountrySelectArrow{border-color:#9ca3af}.dark .PhoneInputInput::placeholder{color:#6b7280}.PhoneInput:focus-within{outline:2px solid #000;outline-offset:2px}.dark .PhoneInput:focus-within{outline-color:#fff}@media (max-width:640px){.PhoneInputCountry{margin-right:.25rem}.PhoneInputCountryIcon{width:1.5rem;height:1.125rem}}