@include exports("input/theme") {

    // Textbox, Textarea
    .k-textbox,
    .k-textarea {
        @include fill(
            $input-text,
            $input-bg,
            $input-border
        );

        // Selection
        &::selection {
            @include fill (
                $color: $primary-contrast,
                $bg: $primary
            );
        }

        // Hovered
        &:hover,
        &.k-state-hover {
            @include fill(
                $input-hovered-text,
                $input-hovered-bg,
                $input-hovered-border
            );
        }

        // Focused
        &:focus,
        &.k-state-focus,
        &.k-state-focused {
            @include fill (
                $input-focused-text,
                $input-focused-bg,
                $input-focused-border
            );
            @include box-shadow( $input-focused-shadow );
        }

        // Invalid
        &.k-invalid,
        &.k-state-invalid,
        &.ng-invalid.ng-touched,
        &.ng-invalid.ng-dirty {
            border-color: $invalid-border;

            &:focus,
            &.k-state-focus,
            &.k-state-focused {
                @include box-shadow($invalid-shadow);
            }
        }
    }

}
