: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:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:1.5em;width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:1em;height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#0000001a;background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:.3em;width:var(--PhoneInputCountrySelectArrow-width);height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:rotate(45deg);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;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)}
.CustomPhoneInput{direction:ltr;flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.CustomPhoneInput label{color:var(--main-label-color);transition:var(--main-transition);font-size:14px;font-weight:400;position:relative}.CustomPhoneInput label span{color:var(--main-label-color);font-size:14px;font-weight:400;position:relative}.CustomPhoneInput label span.required{color:var(--main-required-color);font-size:16px}.CustomPhoneInput .phone-input-wrapper{width:100%;position:relative}.CustomPhoneInput .PhoneInput{border:1px solid var(--main-input-border-colors);background-color:var(--main-input-bg-color);transition:var(--main-transition);border-radius:5px;align-items:stretch;min-height:43px;display:flex;overflow:hidden}.CustomPhoneInput .PhoneInput:focus-within{border-color:var(--main-input-focus-border-color);outline:none}.CustomPhoneInput .PhoneInputInput{height:41px;color:var(--main-input-text-color);background:0 0;border:none;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:14px}.CustomPhoneInput .PhoneInputInput::placeholder{color:var(--main-input-placeholder-color);font-size:12px}.CustomPhoneInput .PhoneInputInput:-webkit-autofill{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomPhoneInput .PhoneInputInput:-webkit-autofill:hover{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomPhoneInput .PhoneInputInput:-webkit-autofill:focus{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomPhoneInput .PhoneInputInput:-webkit-autofill:active{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomPhoneInput .PhoneInputCountry{cursor:pointer;min-width:50px;transition:var(--main-transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;display:flex;position:relative}.CustomPhoneInput .PhoneInputCountry:hover{background-color:var(--main-dropdown-hover-bg-color)}.CustomPhoneInput .PhoneInputCountryIcon{width:20px;height:15px;display:block}.CustomPhoneInput .PhoneInputCountrySelect{cursor:pointer;opacity:0;z-index:1;background:0 0;border:none;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.CustomPhoneInput .PhoneInput.no-dropdown .PhoneInputCountry{display:none}.CustomPhoneInput .PhoneInput.no-dropdown .PhoneInputInput{border-radius:var(--main-border-radius)}.CustomPhoneInput .PhoneInput .PhoneInputInput:disabled{opacity:.6;cursor:not-allowed;background-color:#f9fafb}.CustomPhoneInput .PhoneInput .PhoneInputCountry:has(.PhoneInputInput:disabled){opacity:.6;cursor:not-allowed;background-color:#f9fafb}.CustomPhoneInput.error .PhoneInput{border-color:var(--main-error-color)}.CustomPhoneInput .PhoneInput--disabled .PhoneInputCountrySelectArrow{display:none!important}
