: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: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)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{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: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);display:block}.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)}
.country-phone-input{width:100%;position:relative}.country-phone-input .PhoneInput{transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff26;border-radius:.5rem;align-items:center;display:flex;overflow:hidden}.country-phone-input .PhoneInput:hover{border-color:#ffffff40}.country-phone-input .PhoneInput--focus{background:#ffffff14;border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f626}.country-phone-input .PhoneInput--disabled{opacity:.5;cursor:not-allowed}.country-phone-input .PhoneInputCountrySelect{color:#fff;cursor:pointer;background:0 0;border:none;border-right:1px solid #ffffff1a;align-items:center;height:100%;padding:0 .75rem;font-size:.875rem;display:flex}.country-phone-input .PhoneInputCountrySelect:focus{outline:none}.country-phone-input .PhoneInputCountrySelectArrow{transition:transform var(--transition-fast);margin-left:.25rem}.country-phone-input .PhoneInputCountrySelectOption{color:#bfdbffe6;cursor:pointer;padding:.5rem 1rem}.country-phone-input .PhoneInputCountrySelectOption:hover{color:#fff;background:#3b82f633}.country-phone-input .PhoneInputCountryIcon{border-radius:2px;width:1.5rem;height:auto;margin-right:.5rem}.country-phone-input .PhoneInputInput{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.75rem 1rem;font-size:.9375rem}.country-phone-input .PhoneInputInput::placeholder{color:#bfdbff66}.country-phone-input__error{color:#f87171;margin-top:.375rem;padding:0 .5rem;font-size:.75rem;display:block}:root{--PhoneInputCountryFlag-borderColor:transparent}@media (max-width:480px){.country-phone-input .PhoneInputCountrySelect{padding:0 .5rem}.country-phone-input .PhoneInputInput{padding:.625rem .75rem;font-size:.875rem}}