// player

$playerBgColor: rgba(0, 0, 0, 0.26);
$playerIconColor: #fff;

// controls
$controlsIconHeight: 52px;
$controlsIconWidth: 40px;
$controlsBgImage: linear-gradient(-1deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%);

// progress-bar
$progressOuterBgColor: rgba(255, 255, 255, 0.30);
$progressCacheBgColor: rgba(255, 255, 255, 0.50);
$progressPlayedBgImage: linear-gradient(-90deg, #FA1F41 0%, #E31106 100%);
$progressPlayedShadow: 0 0 2px 0 rgba(0, 0, 0, 0.26);

// time
$timeColor: #fff;
$timeDurationColor: rgba(255, 255, 255, 0.50);

// tips
$tipsColor: #fff;
$tipsBgColor: rgba(0, 0, 0, 0.54);
$tipsFontsize: 11px;

// slider
$sliderBgColor: rgba(0, 0, 0, 0.54);
$sliderBarBgColor: rgba(255, 255, 255, 0.30);
$sliderDragBgColor: #FA1F41;
$sliderDragAfterBgColor: #fff;
$sliderDragAfterShadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);

// start

$startBgColor: rgba(255, 255, 255, 0.3);
$startSvgFill: rgba(255, 255, 255, 0.7);
$startHoverBgColor: rgba(255, 255, 255, 0.5);
$startHoverFillColor: rgba(255, 255, 255, 0.6);

// definition

$definitionUlBgColor: rgba(0, 0, 0, 0.54);
$definitionLiColor: rgba(255, 255, 255, 0.80);
$definitionLiActiveColor: #fff;
$definitionNameColor: rgba(255, 255, 255, 0.80);
$definitionNameBgColor: rgba(0, 0, 0, 0.38);

// replay

$replayBgColor: rgba(0, 0, 0, 0.54);
$replaySvgBgColor: rgba(0, 0, 0, 0.58);
$replaySvgPathFillColor: #ddd;
$replaySvgHoverBgColor: rgba(0, 0, 0, .38);
$replaySvgHoverFillColor: #fff;
$replayTxtColor: #fff;


// enter-logo
$enterBgImage: '//s2.pstatp.com/cdn/expire-1-M/byted-player-images/1.0.2/bg.svg';
$enterLogo: 'https://pic.rmb.bdstatic.com/baidu-rmb-video-cover-1/2019-10/1571972106218/c91ded088044.png';
$enterTipsBgColor: -webkit-linear-gradient(right, #000, red, red, red, #000);
$ieEnterTipsBgColor: linear-gradient(to right, #000, red, red, red, #000);

// live

$liveColor: #fff;

// error

$errorBgColor: #000;
$errorColor: #fff;
$errorRefreshColor: #FA1F41;