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

// ==========================================================================
// Tooltips
// ==========================================================================

$plyr-tooltip-background: css-vars.var(--plyr-tooltip-background, rgba(#fff, 0.9)) !default;
$plyr-tooltip-color: css-vars.var(--plyr-tooltip-color, colors.$plyr-color-gray-700) !default;
$plyr-tooltip-padding: calc(#{controls.$plyr-control-spacing} / 2);
$plyr-tooltip-padding: css-vars.var(--plyr-tooltip-padding, $plyr-tooltip-padding) !default;
$plyr-tooltip-arrow-size: css-vars.var(--plyr-tooltip-arrow-size, 4px) !default;
$plyr-tooltip-radius: css-vars.var(--plyr-tooltip-radius, 3px) !default;
$plyr-tooltip-shadow: css-vars.var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)) !default;