.doko-phone-input.PhoneInput{background:#fff;border:1px solid #e2e8f0;border-radius:.125rem;align-items:stretch;gap:0;width:100%;display:flex}.doko-phone-input.PhoneInput:focus-within{box-shadow:0 0 0 1px #76a33f}.doko-phone-input .PhoneInputCountry{background-color:#f8fafc;border-right:1px solid #e2e8f0;flex-shrink:0;align-self:stretch;align-items:center;margin-right:0;padding:0 .5rem 0 .75rem;display:flex;position:relative}.doko-phone-input .PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;appearance:none;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:.875rem;position:absolute;top:0;left:0}.doko-phone-input .PhoneInputCountrySelect:focus{outline:none}.doko-phone-input .PhoneInputCountryIcon{height:1.125rem}.doko-phone-input .PhoneInputCountrySelectArrow{flex-shrink:0;margin-left:.35rem}.doko-phone-input .PhoneInputInput{min-width:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;margin:0;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.doko-phone-input .PhoneInputInput:focus{box-shadow:none;outline:none}.doko-phone-input .PhoneInputInput:disabled{cursor:not-allowed;opacity:.6}.doko-phone-input.PhoneInput--disabled{cursor:not-allowed;background-color:#f8fafc}.doko-phone-input.PhoneInput--disabled .PhoneInputCountry{background-color:#f1f5f9}.doko-phone-input .PhoneInputCountryIcon--border{box-shadow:none;background-color:#0000}