input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
  background-color: white !important;
}

::placeholder {
  opacity: 0.5;
}

label {
  @apply block cursor-pointer text-left;
}

button {
  @apply outline-none;
}

button:focus {
  @apply outline-none;
}

button[disabled] {
  @apply cursor-not-allowed !important;
}

input:not([type='submit'])[disabled],
textarea[disabled] {
  @apply cursor-not-allowed !important;
}

input[type='submit'][disabled] {
  @apply cursor-not-allowed;
}

input:not([type='submit'])[readOnly] {
  @apply cursor-not-allowed !important;
}

input[type='submit'][disabled] {
  @apply cursor-not-allowed;
}

.fieldset {
  @apply py-2 mb-0 w-full;
}

@screen xs {
  .fieldset {
    max-width: 550px;
  }
}

@screen sm {
  .fieldset {
    max-width: 800px;
  }
}

.fieldset label {
  @apply text-accent-2 font-bold text-xxs xs:text-xs sm:text-sm px-4 sm:px-8;
}

.check {
  stroke: #05e6c4;
  fill: none;
  height: 100%;
  stroke-width: 20;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  top: 2px;
  left: 2px;
  width: 100%;
}

.check.checked {
  animation: check 0.02s ease-out forwards;
}

@keyframes check {
  0% {
    stroke-dashoffset: -150;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

a.button-scale:hover,
.button-scale:hover:enabled,
.button-scale:focus:enabled,
.button-scale:active:enabled {
  transform: scale(1.02) translateY(-3px);
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.radio-input {
  @apply mr-2 sm:mx-6;
  min-height: 200px;
}

.radio-input:first-child {
  @apply mr-2 sm:mr-6 ml-0;
}

.radio-input:last-child {
  @apply ml-2 sm:ml-6 mr-0;
}

@screen sm {
  .radio-input {
    max-width: 340px;
    min-height: 240px;
  }
}

@screen lg {
  .radio-input {
    max-width: 370px;
  }
}