@use "../../mixins/index.scss" as *;
@use "../../_variables.scss" as *;
@use "../../color-system/_functions.scss" as *;
@use "./variables.scss" as *;

@mixin kendo-media-player--theme-base() {

    // Theme
    .k-mediaplayer {
        @include fill(
            $kendo-media-player-text,
            $kendo-media-player-bg,
            $kendo-media-player-border
        );
    }


    // Title bar
    .k-mediaplayer-titlebar {
        color: $kendo-media-player-titlebar-text;
        background-image: linear-gradient( $kendo-media-player-titlebar-gradient );
        text-shadow: 0 0 2px color-mix(in srgb, k-color(on-app-surface) 50%, transparent);
    }

}