// app global css in SCSS form
@import 'cropperjs/dist/cropper.css';
@import 'vue-picture-cropper/style.css';

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #1f2933;
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  box-shadow: 0 0 0 1000px transparent inset;
  background-color: transparent;
  transition: background-color 9999s ease-in-out 0s;
}

.q-field__control:has(input:-webkit-autofill),
.q-field__control:has(input:-webkit-autofill:hover),
.q-field__control:has(input:-webkit-autofill:focus),
.q-field__control:has(textarea:-webkit-autofill),
.q-field__control:has(textarea:-webkit-autofill:hover),
.q-field__control:has(textarea:-webkit-autofill:focus) {
  background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
  outline: 2px solid rgba(25, 118, 210, 0.4);
  outline-offset: 0;
  border-radius: 0;
}
