:root{
    --light-grey: #78797A;
    --dark: #282D31;
    --green: #02CC89;
    --primary-color: #EF7744;
    --primary-color-dark: #c24b18;
    --secondary-blue: #4DC4FA;
    --secondary-purple:#836DF1;
    --secondary-yellow:#FFC800;
    --secondary-pink:#FF70B0;
    --shadow: 0px 8px 36px 0px #00000026;

}


.file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
    border-radius: 8px;
    border: 1px solid rgba(185,190,199,.6);
    /* box-shadow: 0 8px 24px rgb(10 10 51 / 4%); */
    transition: .1s ease-in;
    padding: 20px !important;
}

.input:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered, .select select:hover, .textarea:hover {
    /* border-color: #b5b5b5; */
    /* box-shadow: 0 8px 24px rgb(10 10 51 / 10%); */
}

.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus {
    border-color: #485fc7;
    box-shadow: 0 0 0 0.250em rgb(72 95 199 / 25%);
}

.is-success.input:active, .is-success.input:focus, .is-success.is-active.input, .is-success.is-active.textarea, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.textarea:active, .is-success.textarea:focus {
    box-shadow: 0 0 0 0.250em rgb(72 199 142 / 25%);
}

.is-danger.input:active, .is-danger.input:focus, .is-danger.is-active.input, .is-danger.is-active.textarea, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.textarea:active, .is-danger.textarea:focus {
    box-shadow: 0 0 0 0.250em rgb(241 70 104 / 25%);
}