:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.phone-input-container{display:flex;align-items:center;position:relative}.phone-input-container .PhoneInputInput{flex:1;width:100%}.phone-input-container .PhoneInputCountry{display:flex;align-items:center;margin-right:-1px;z-index:1}.phone-input-container .PhoneInputCountryIcon{width:1.5rem;height:1rem;margin-right:.5rem}.phone-input-container .PhoneInputCountrySelectArrow{margin-left:.5rem;border-color:#9ca3af;border-style:solid;border-width:.15rem .15rem 0 0;content:"";display:inline-block;height:.4rem;width:.4rem;transform:rotate(135deg)}.phone-input-container .PhoneInputCountrySelect{position:absolute;top:100%;left:0;margin-top:.5rem;background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;max-height:15rem;overflow-y:auto;z-index:50}.phone-input-container .PhoneInputCountrySelectOption{padding:.5rem 1rem;display:flex;align-items:center;color:#fff;cursor:pointer}.phone-input-container .PhoneInputCountrySelectOption:hover{background-color:#374151}.phone-input-container .PhoneInputCountrySelectOption--selected{background-color:#7c3aed}.phone-input-wrapper{position:relative}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputCountrySelect select{display:none}.PhoneInputCountrySelect::-webkit-scrollbar{width:6px}.PhoneInputCountrySelect::-webkit-scrollbar-track{background:#1f2937}.PhoneInputCountrySelect::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.PhoneInputCountrySelect::-webkit-scrollbar-thumb:hover{background:#6b7280}