/**
  This restyle all input, checkbox, select, radio and textarea elements (after resetting them with tailwind)
  We cannot use the @apply directive here because it will override the tailwind classes
 */
input, select, textarea {
    padding: 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.25rem;
    background-color: #fff;
    color: #2d3748;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="checkbox"], input[type="radio"] {
    border-radius: 0.25rem;
    background-color: #fff;
    color: #2d3748;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="checkbox"] {
    border-radius: 0.25rem;
    background-color: #fff;
    color: #2d3748;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="radio"] {
    border-radius: 0.25rem;
    background-color: #fff;
    color: #2d3748;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}