@import url('../css/fonts.css');
@import url('../css/colors.css');


label {
    color: var(--text-color);

    /* Body Base */
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.4rem */
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0;
    margin-bottom: -1rem;
}

input::placeholder, textarea::placeholder {
    color: #B3B3B3;

    /* Body Base */
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.4rem */
}


input, textarea, select, input[type="file"]::file-selector-button {
    padding: 0.5rem 0.8rem;
    margin: 0 0.8rem;
    border-radius: 0.33rem;
    border: 1px solid #D9D9D9;
    background: transparent;
    width: calc(100%  - 1.6rem - 1.6rem);
    color: #5f5f5f;
}


input[type="file"]::file-selector-button,
select {
    margin: 0;
    width: fit-content;
}

input[type="file"]::file-selector-button {
    margin-right: 1rem;
}

select {
    width: 100%;
}



input:focus {
    outline: none;
}


input[type="checkbox"] {
    border: 1px solid #D9D9D9;

}


input[type="checkbox"]:checked {
    fill: antiquewhite;
}