@include exports("toolbar/theme") {

    // Theme
    .k-toolbar {
        @include fill(
            $toolbar-text,
            $toolbar-bg,
            $toolbar-border,
            $toolbar-gradient
        );
        @include box-shadow( $toolbar-shadow );


        // Overflow anchor
        .k-overflow-anchor {
            color: inherit;
            background: transparent;
        }


        // Expanded state
        .k-state-border-up,
        .k-state-border-down {
            background: $toolbar-button-expanded-bg;
            box-shadow: $toolbar-button-expanded-shadow;

            &::before,
            .k-button::before {
                opacity: 0;
            }
        }


        // Separator
        .k-separator {
            border-color: $toolbar-separator-border;
        }


        // Button disabled state
        .k-button.k-state-disabled {
            &::after {
                opacity: 0;
            }
        }


        // Button group
        .k-button-group {}

        .k-combobox {
            .k-state-border-up,
            .k-state-border-down {
                box-shadow: $toolbar-button-expanded-shadow;
            }
        }

    }

}