.agp-player {
  color: #FFF;
  font-size: 15px;
  padding: 0;
  width: 100%;
  opacity: 0;
  position: relative;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .agp-player--ready {
    opacity: 1; }
  .agp-player, .agp-player * {
    box-sizing: border-box;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
  .agp-player__header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px; }
    .agp-player__header__image {
      position: relative;
      width: 100px;
      height: 100px;
      margin-right: 20px; }
      .agp-player__header__image img {
        width: 100px;
        height: 100px; }
    .agp-player__header__title {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-size: 1.5em;
      font-weight: bold;
      text-transform: uppercase; }
  .agp-player__playlist {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .agp-player .agp-track__waveform__wrapper--background {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .agp-player[data-status="play"] .agp-track__waveform__wrapper--background {
    opacity: .15; }
  .agp-player[data-status="play"] .agp-track__waveform__wrapper--progress {
    width: 0;
    -webkit-transition: width 0s;
    -moz-transition: width 0s;
    transition: width 0s; }
  .agp-player[data-status="pause"] .agp-track__waveform__wrapper--background {
    opacity: 1; }
  .agp-player[data-status="pause"] .agp-track__waveform__wrapper--progress {
    width: 100% !important; }

.agp-track {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .agp-track[data-track-status="error"] {
    opacity: .25; }
  .agp-track[data-track-status="ready"], .agp-track[data-track-status="pause"] {
    opacity: 1; }
  .agp-track[data-track-status="play"] .agp-track__waveform {
    opacity: 1;
    height: 50px; }
  .agp-track[data-track-status="play"] .agp-track__controls-section--toggle:before {
    content: "\f04c"; }
  .agp-track__control {
    position: relative; }
  .agp-track__control:after, .agp-track__control:before {
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    margin-top: -6px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .agp-track__control:after {
    right: 0; }
  .agp-track__control:before {
    left: 0; }
  .agp-track__waveform {
    width: 100%;
    height: 50px;
    position: relative;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    overflow: hidden;
    height: 0;
    opacity: 0; }
    .agp-track__waveform:hover {
      cursor: pointer; }
    .agp-track__waveform__wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
      overflow: hidden; }
      .agp-track__waveform__wrapper--background {
        opacity: 1; }
      .agp-track__waveform__wrapper--seek {
        opacity: 0;
        width: 0; }
      .agp-track__waveform__wrapper--progress {
        opacity: 1;
        width: 100%;
        -webkit-transition: width 0.2s;
        -moz-transition: width 0.2s;
        transition: width 0.2s; }
    .agp-track__waveform:hover .agp-track__waveform__wrapper--seek {
      opacity: .3; }
    .agp-track__waveform__seek-cursor {
      background: #FFF;
      position: absolute;
      display: none;
      height: 110%;
      width: 2px;
      left: 0;
      bottom: 0;
      opacity: 0;
      transition: opacity .15s; }
    .agp-track__waveform:hover .agp-track__waveform__seek-cursor {
      opacity: 1; }
  .agp-track__skip--prev, .agp-track__skip--next {
    transition: all .3s;
    cursor: pointer; }
  .agp-track__skip--prev {
    width: 50px;
    text-align: right;
    padding-right: 10px; }
    .agp-track__skip--prev:before {
      content: "\f049"; }
  .agp-track__skip--next {
    width: 50px;
    text-align: left;
    padding-left: 10px; }
    .agp-track__skip--next:after {
      content: "\f050"; }
  .agp-track__controls {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .agp-track__controls-section {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 40px; }
    .agp-track__controls-section--skip {
      position: relative; }
      .agp-track__controls-section--skip:after {
        content: '|';
        position: absolute;
        font-size: 13px;
        line-height: 10px;
        top: 50%;
        left: 50%;
        width: 1px;
        height: 10px;
        margin-left: -1px;
        margin-top: -5px; }
    .agp-track__controls-section--toggle {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      cursor: pointer;
      margin-left: 20px;
      transition: all .3s;
      opacity: 1; }
      .agp-track__controls-section--toggle:before {
        content: "\f04b"; }
  .agp-track__title {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 35px;
    width: 100%; }
    .agp-track__title span {
      left: 0;
      max-width: 100%;
      position: absolute;
      padding: 0 50px 0 30px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

.agp-player--list[data-status="play"] .agp-track:not([data-track-status="play"]) {
  opacity: .33; }
  .agp-player--list[data-status="play"] .agp-track:not([data-track-status="play"]):hover {
    opacity: 1; }
.agp-player--list .agp-track__waveform {
  height: 0; }
  .agp-player--list .agp-track__waveform__wrapper {
    height: 40px; }
.agp-player--list .agp-track[data-track-status="play"] .agp-track__waveform {
  opacity: 1;
  height: 40px; }
.agp-player--list .agp-track[data-track-status="play"] .agp-track__controls-section--toggle:before {
  content: "\f04c"; }
.agp-player--list .agp-track__controls-section--skip:after {
  display: none; }
.agp-player--list .agp-track__controls-section--toggle {
  margin-left: 0; }
  .agp-player--list .agp-track__controls-section--toggle:before {
    left: auto;
    right: 45px; }
.agp-player--list .agp-track__title {
  padding-left: 0; }
  .agp-player--list .agp-track__title span {
    padding-left: 0;
    padding-right: 80px; }
.agp-player--list .agp-track__skip--next {
  display: none; }
.agp-player--list .agp-track__skip--prev {
  width: 40px;
  text-align: left;
  padding-right: 10px; }
  .agp-player--list .agp-track__skip--prev:before {
    display: none; }

.agp-player--compact {
  overflow: hidden;
  height: 140px; }
  .agp-player--compact[data-show-image="1"] .agp-track {
    padding-left: 120px; }
    .agp-player--compact[data-show-image="1"] .agp-track .agp-track__controls {
      margin-left: -120px; }
  .agp-player--compact[data-track-count="1"] .agp-track__controls-section--skip {
    display: none; }
  .agp-player--compact[data-track-count="1"] .agp-track__controls-section--toggle {
    margin-left: 0; }
  .agp-player--compact .agp-player__header {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0; }
  .agp-player--compact .agp-player__playlist {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px; }
  .agp-player--compact .agp-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .agp-player--compact .agp-track__waveform {
      opacity: 1;
      height: 50px; }
      .agp-player--compact .agp-track__waveform__wrapper {
        height: 50px; }
    .agp-player--compact .agp-track[data-track-status="cued"] {
      opacity: 1;
      z-index: 1; }
    .agp-player--compact .agp-track[data-track-status="pause"] {
      opacity: 0;
      z-index: 0; }
  .agp-player--compact[data-status="play"] .agp-track:not([data-track-status="play"]) {
    opacity: 0;
    z-index: 0; }
  .agp-player--compact[data-status="play"] .agp-track[data-track-status="play"] {
    opacity: 1;
    z-index: 1; }
    .agp-player--compact[data-status="play"] .agp-track[data-track-status="play"] .agp-track__waveform {
      height: 50px; }

/*# sourceMappingURL=agp-sc.css.map */