.PhoneInput{position:relative;display:block;width:100%;border-radius:.5rem;border:1px solid #6b7280;background-color:#374151;padding:.75rem;transition:all .2s ease-in-out;box-shadow:0 1px 2px #0000000d}.PhoneInput:hover{border-color:#9ca3af;background-color:#4b5563}.PhoneInput:focus-within{border-color:#005f56;background-color:#4b5563;box-shadow:0 0 0 2px #005f5633;outline:none}.PhoneInput.error{border-color:#dc2626;background-color:#4b5563}.PhoneInput.error:hover{border-color:#ef4444}.PhoneInput.error:focus-within{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.PhoneInputCountry{position:absolute;top:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;padding:0 12px;background:transparent;border-radius:.5rem 0 0 .5rem}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer;background:transparent;border-radius:.5rem 0 0 .5rem}.PhoneInputCountryIcon{width:20px;height:15px;margin-right:8px;border-radius:2px;box-shadow:0 1px 2px #0000001a}.PhoneInputCountrySelectArrow{display:block;content:"";width:0;height:0;margin-left:8px;border-style:solid;border-color:#9ca3af;border-top-width:4px;border-right-width:4px;border-bottom-width:0;border-left-width:4px;transition:all .2s ease-in-out}.PhoneInputInput{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#f9fafb;font-size:16px;line-height:1.5;padding-left:60px;font-weight:400}.PhoneInputInput::-moz-placeholder{color:#9ca3af;font-weight:400}.PhoneInputInput::placeholder{color:#9ca3af;font-weight:400}.PhoneInput:hover .PhoneInputCountrySelectArrow{border-color:#d1d5db}.PhoneInput:hover .PhoneInputInput::-moz-placeholder{color:#d1d5db}.PhoneInput:hover .PhoneInputInput::placeholder{color:#d1d5db}.PhoneInput:focus-within .PhoneInputCountrySelectArrow{border-color:#005f56}.PhoneInput:focus-within .PhoneInputInput::-moz-placeholder{color:#6b7280}.PhoneInput:focus-within .PhoneInputInput::placeholder{color:#6b7280}.PhoneInput.error .PhoneInputCountrySelectArrow{border-color:#dc2626}.PhoneInput.error .PhoneInputInput{color:#fca5a5}.PhoneInput.error .PhoneInputInput::-moz-placeholder{color:#fca5a5}.PhoneInput.error .PhoneInputInput::placeholder{color:#fca5a5}.dark .PhoneInput{border-color:#4b5563;background-color:#1f2937}.dark .PhoneInput:hover{border-color:#6b7280;background-color:#374151}.dark .PhoneInput:focus-within{border-color:#005f56;background-color:#374151}.dark .PhoneInputCountrySelectArrow{border-color:#6b7280}.dark .PhoneInputInput::-moz-placeholder{color:#6b7280}.dark .PhoneInputInput::placeholder{color:#6b7280}.dark .PhoneInput:hover .PhoneInputCountrySelectArrow{border-color:#9ca3af}.dark .PhoneInput:hover .PhoneInputInput::-moz-placeholder{color:#9ca3af}.dark .PhoneInput:hover .PhoneInputInput::placeholder{color:#9ca3af}.dark .PhoneInput:focus-within .PhoneInputCountrySelectArrow{border-color:#005f56}.dark .PhoneInput:focus-within .PhoneInputInput::-moz-placeholder{color:#9ca3af}.dark .PhoneInput:focus-within .PhoneInputInput::placeholder{color:#9ca3af}.PhoneInput{border-color:#d1d5db;background-color:#fff}.PhoneInput:hover{border-color:#9ca3af;background-color:#f9fafb}.PhoneInput:focus-within{border-color:#005f56;background-color:#fff}.PhoneInputCountrySelectArrow{border-color:#6b7280}.PhoneInputInput{color:#111827}.PhoneInputInput::-moz-placeholder{color:#6b7280}.PhoneInputInput::placeholder{color:#6b7280}@media (max-width: 640px){.PhoneInput{padding:.625rem}.PhoneInputInput{font-size:14px;padding-left:55px}.PhoneInputCountryIcon{width:18px;height:13px;margin-right:6px}.PhoneInputCountrySelectArrow{margin-left:6px;border-top-width:3px;border-right-width:3px;border-left-width:3px}}.PhoneInput,.PhoneInputCountrySelectArrow{transition:all .2s cubic-bezier(.4,0,.2,1)}.PhoneInputInput{transition:color .2s cubic-bezier(.4,0,.2,1)}