/*-------------------------------------------------

     Play & pause icons from Feather Icons
     Vinyl icon from Freepik:
     flaticon.com/free-icon/vinyl_2168480

-------------------------------------------------*/

@font-face {
    font-family: 'player06icons';
    src: url('./player06icons.eot?93979565');
    src: url('./player06icons.eot?93979565#iefix') format('embedded-opentype'),
         url('./player06icons.woff2?93979565') format('woff2'),
         url('./player06icons.woff?93979565') format('woff'),
         url('./player06icons.ttf?93979565') format('truetype'),
         url('./player06icons.svg?93979565#player06icons') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'player06icons';
      src: url('./player06icons.svg?93979565#player06icons') format('svg');
    }
  }
  
  [class*="06i"]{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'player06icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  
  [class*="06i"][icon-name="pause"]:before { content: '\e800'; }
  [class*="06i"][icon-name="play"]:before { content: '\e801'; }
  [class*="06i"][icon-name="vinyl"]:before { content: '\e805'; }