@use "lib/css-vars";
@use "settings/colors";

// ==========================================================================
// Menus
// ==========================================================================

$plyr-menu-background: css-vars.var(--plyr-menu-background, rgba(#fff, 0.9)) !default;
$plyr-menu-radius: css-vars.var(--plyr-menu-radius, 4px) !default;
$plyr-menu-color: css-vars.var(--plyr-menu-color, colors.$plyr-color-gray-700) !default;
$plyr-menu-shadow: css-vars.var(--plyr-menu-shadow, 0 1px 2px rgba(#000, 0.15)) !default;
$plyr-menu-arrow-size: css-vars.var(--plyr-menu-arrow-size, 4px) !default;

$plyr-menu-item-arrow-size: css-vars.var(--plyr-menu-item-arrow-size, 4px) !default;
$plyr-menu-item-arrow-color: css-vars.var(--plyr-menu-arrow-color, colors.$plyr-color-gray-500) !default;

$plyr-menu-back-border-color: css-vars.var(--plyr-menu-back-border-color, colors.$plyr-color-gray-100) !default;
$plyr-menu-back-border-shadow-color: css-vars.var(--plyr-menu-back-border-shadow-color, #fff) !default;