input,
textarea {
    background-color: var(--neutral-4);
    color: var(--neutral-3);
    border: none;
    outline: none;
    padding: 12px 15px;
    margin: 8px 0;
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
}

input:focus {
    box-shadow: 0 0 5px var(--main-1);
}

input:focus.error {
    box-shadow: 0 0 5px var(--error-1);
}

select {
    background-color: var(--neutral-4);
    color: var(--neutral-3);
    border: none;
    outline: none;
    padding: 12px 15px;
    width: 50%;
    margin: 8px 0;
    width: 100%;
    opacity: 0.9;
}

select:focus {
    box-shadow: 0 0 5px var(--main-1);
}

select:focus.error {
    box-shadow: 0 0 5px var(--error-1);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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