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

     Play & pause icons from Phosphor Icons
     Copyright (c) 2020 Phosphor Icons

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

@font-face {
  font-family: 'phosphor';
  src: url('./phosphor.eot?93979565');
  src: url('./phosphor.eot?93979565#iefix') format('embedded-opentype'),
       url('./phosphor.woff2?93979565') format('woff2'),
       url('./phosphor.woff?93979565') format('woff'),
       url('./phosphor.ttf?93979565') format('truetype'),
       url('./phosphor.svg?93979565#phosphor') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'phosphor';
    src: url('./phosphor.svg?93979565#phosphor') format('svg');
  }
}

.phosphor {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'phosphor' !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;
}

.phosphor[icon-name="play"],
.phosphor[icon-name="play"][icon-style="outline"]:before { content: '\e801'; }
.phosphor[icon-name="play"][icon-style="fill"]:before { content: '\e802'; }

.phosphor[icon-name="pause"],
.phosphor[icon-name="pause"][icon-style="outline"]:before { content: '\e803'; }
.phosphor[icon-name="pause"][icon-style="fill"]:before { content: '\e800'; }