.form-control {
    background-color: var(--fields-fill-default);
    color: var(--text-primary);
    border: 1px solid var(--fields-stroke-default);
    outline: none;

    &::placeholder {
        color: var(--text-secondary);
    }

    &.hover,
    &:hover {
        box-shadow: none;
        border-color: var(--midnight-650);
    }

    &.focus,
    &.active,
    &:focus {
        border-color: var(--midnight-750);
        box-shadow: none;
    }

    &.disabled,
    &:disabled {
        background-color: var(--fields-fill-disabled);
        border-color: var(--gray-300);
        box-shadow: none;
        color: var(--text-primary-disabled);
    }
}