/*------------------------------------------
 *  Reponsive
 * -----------------------------------------*/
/*------------------------------------------
 *  BUTTON
 * -----------------------------------------*/
/*------------------------------------------
 *  Before/After
 * -----------------------------------------*/
:root {
  --controlbar-bg-color: transparent;
  --big-play-bg-color: #305BD3;
  --big-play-color:	#FFFFFF;
  --button-icon-bg-color:	rgba(0,0,0,.2);
  --button-icon-hover-bg-color:#305BD3;
  --button-icon-color:	#FFFFFF;
  --button-icon-hover-color:	#ffffff;
  --button-icon-hover-color:	#ffffff;
  --menu-bg-color:	#ffffff;
  --menu-hover-bg-color:	#444;
  --menu-color:	#FFFFFF;
  --menu-active-color:	#305BD3;
  --menu-active-bg-color:	transparent;
  --menu-secondary-color:	#305BD3;
  --menu-title-bg-color:	#305BD3;
  --menu-title-color:	#222;
  --menu-zoom-level-color:	#FFFFFF;
  --menu-zoom-slider-color:	#444;
  --menu-zoom-thumb-color:	#305BD3;
  --tooltip-bg-color:	#222;
  --tooltip-color:	#FFF;
  --progress-play-color:	#305BD3;
  --progress-load-color:	#CCCCCC;
  --progress-ad-color:	#D7B800;
  --chapter-marker-color:	#FFFFFF;
  --volume-bg-color:	rgba(0,0,0,.5);
  --volume-slider-color:	#666666;
  --volume-level-color:	#FFFFFF;
  --volume-thumb-color:	#305BD3;
}/*# sourceMappingURL=video.css.map */