@tailwind base;

/* resets some tailwind styles set in the base, that affect other components, mainly from vuetify */

[type="text"],
[type="email"],
[type="url"],
[type="password"],
[type="number"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="search"],
[type="tel"],
[type="time"],
[type="week"],
[multiple],
textarea,
select {
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    background-color: initial;
    border-color: initial;
    border-width: initial;
    border-radius: initial;
    padding-top: initial;
    padding-bottom: initial;
    font-size: initial;
    line-height: initial;
    --tw-shadow: initial;
}

.explanations_row {
    margin-top: -40px !important;
    margin-bottom: 10px !important;
}

::-webkit-scrollbar {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 3px;
}

@tailwind components;
@tailwind utilities;