input:not([type="range"]), .form-control {
    background-color: var(--input-bg-color);
    color: var(--input-text-color);
    border-color: var(--input-border-color);

    &:focus {
        border-color: var(--input-focused-border-color);
        background-color: var(--input-bg-color);
        color: var(--input-text-color);
        box-shadow: 0 0 0 0.25rem var(--input-focus-boxshadow-color);
    }

    &:read-only {
        background-color: var(--input-bg-readonly-color);
        cursor: initial;
    }

    &:disabled {
        cursor: not-allowed;
        pointer-events: none;
    }
    &::placeholder {
        color: var(--input-placeholder-color);
    }
}

.form-range::-webkit-slider-thumb:active, .form-range::-moz-range-thumb:active {
    background-color: var(--input-range-active-color);
}

.form-range::-webkit-slider-thumb, .form-range::-moz-range-thumb {
    background-color: var(--input-range-color);
}
