:root{--PhoneInput-color--focus: #4646F1;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .2em;--PhoneInputCountrySelectArrow-width: .5em;--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: 2em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: #E7E9EC;--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: #F8F8F8}.PhoneInput{display:flex;align-items:center;border:1px solid #64748B}.PhoneInputInput{flex:1;flex-direction:row;align-items:center;gap:10px;min-width:0;border-radius:0;height:3.35rem;padding:0 1rem;background-color:#fff;color:#000;font-size:1rem;font-weight:400}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#f8f8f8;padding:5px}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;border-right:1px solid #64748B;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;opacity:0;cursor:pointer;background:#f5f5f5;color:#000}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:inline-block;width:0;height:0;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-left:var(--PhoneInputCountrySelectArrow-width) solid transparent;border-right:var(--PhoneInputCountrySelectArrow-width) solid transparent;border-top:var(--PhoneInputCountrySelectArrow-width) solid black;margin-right:.45em;border-radius:6px}
