@font-face {
  font-family: "flat-audio";
  font-style: normal;
  font-weight: normal;
  src: url(e76eb2379672090e3da53abf21a8bf24783c377f.eot)  format("embedded-opentype"), url(8b9dce2a2fe9a45388fb91eb215244880b48b681.)  format("woff"), url(5d085ddea4b290afe875ba833b44894a564be8b6.ttf)  format("truetype"), url(32fd9dca3e57bdcbeed86bbcfadd1c615e6f6132.svg)  format("svg");
}
.jp-flat-audio { position: relative; font-family: "Source Sans Pro",sans-serif; text-align: left; min-width: 320px; max-width: 1280px; width: 100%; height: 64px; -moz-user-select: none; color: rgb(255, 255, 255); }
.jp-flat-audio, .jp-flat-audio * { margin: 0px; padding: 0px; border: medium none; font-size: 0px; line-height: 0; }
.jp-flat-audio .jp-control { position: absolute; top: 0px; width: 64px; height: 100%; background-color: rgb(0, 174, 246); }
.jp-flat-audio .jp-play-control { left: 0px; }
.jp-flat-audio .jp-button { text-decoration: none; font-size: 32px; line-height: 64px; text-align: center; cursor: pointer; color: rgb(255, 255, 255); }
.jp-flat-audio .jp-pause { display: none; }
.jp-flat-audio .jp-button::before { display: inline-block; font-family: "flat-audio"; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; width: 64px; line-height: 64px; text-align: center; opacity: 1; }
.jp-flat-audio .jp-pause::before { content: "‖"; }
.jp-flat-audio .jp-play::before { content: "▶"; }
.jp-flat-audio .jp-bar { position: absolute; top: 0px; left: 64px; right: 0px; height: 100%; background-color: rgb(35, 35, 35); }
.jp-flat-audio .jp-seek-bar { position: absolute; top: 0px; left: 0px; min-width: 100%; height: 100%; cursor: pointer; }
.jp-flat-audio .jp-play-bar { position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; background-color: rgb(0, 130, 178); }
.jp-flat-audio .jp-details, .jp-flat-audio .jp-timing { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; padding: 0px 12px; font-size: 16px; line-height: 64px; }
.jp-flat-audio .jp-timing { text-align: right; }
.jp-flat-audio .jp-title, .jp-flat-audio .jp-duration { font-size: 16px; line-height: 64px; }
.jp-flat-audio .jp-no-solution { position: absolute; top: 0px; left: 64px; right: 0px; height: 48px; padding: 8px 0px; line-height: 24px; font-size: 16px; text-align: center; display: none; color: rgb(0, 0, 0); background-color: rgb(178, 130, 130); }