/**
 * css for videojs-extra-buttons
 * With the default plugins for postcss you can
 * - @import files, they will be inlined during build
 * - not worry about browser prefixes, they will be handled
 * - nest selectors. This follows the css specification that is
 *   currently out on some browsers. See https://tabatkins.github.io/specs/css-nesting/
 * - custom properties (aka variables) via the var(--var-name) syntax. See
 *   https://www.w3.org/TR/css-variables-1/
 */

@font-face {
  font-family: 'mstor-video-player-icons';
  src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAASkAAsAAAAABFgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGn2NtYXAAAAFoAAAAVAAAAFQWN9TGZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAJQAAACUy7MguGhlYWQAAAJYAAAANgAAADYSm0X5aGhlYQAAApAAAAAkAAAAJAdCA8dobXR4AAACtAAAABgAAAAYDgABoGxvY2EAAALMAAAADgAAAA4AcgBIbWF4cAAAAtwAAAAgAAAAIAAIAAluYW1lAAAC/AAAAYYAAAGGmUoJ+3Bvc3QAAASEAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6iADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOog//3//wAAAAAAIOof//3//wAB/+MV5QADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQDgAGADgAMgAAYAAAERAREBEQECQAFA/sD+oAMg/sABQP1AAUD+wAFgAAABAMAAYANgAyAABgAAJREBEQERAQIA/sABQAFgYAFA/sACwP7AAUD+oAAAAAEAAAAAAADY83rzXw889QALBAAAAAAA1/8A7gAAAADX/wDuAAAAAAOAAyAAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4AAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABAAA4AQAAMAAAAAAAAoAFAAeADQASgAAAAEAAAAGAAcAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA');
  font-weight: normal;
  font-style: normal;
}
/* Note: all vars must be defined here, there are no "local" vars */
:root {
  --main-color: red;
  --base-font-size: 9;
  --font-size: 7;
}

.video-js {

  &.vjs-extra-buttons {
    /* This class is added to the video.js element by the plugin by default. */
    display: block;

  }

  & .vjs-quick-backward, & .vjs-quick-forward {
    font-family: 'mstor-video-player-icons'; 
  }

  & .vjs-quick-backward::before {
    content: "\ea1f";
  }

  & .vjs-quick-forward::before {
    content: "\ea20";
  }
}