html .widget-audioplayer {
  position: relative;
}
html .widget-audioplayer .jp-gui {
  display: flex;
  flex-direction: column;
  height: 30rem;
}
html .widget-audioplayer .jp-header {
  background: #1771A5;
  text-align: center;
  color: #fff;
  order: 1;
  padding: 0.75rem 1rem;
}
html .widget-audioplayer .jp-playlist-title {
  font-weight: bold;
}
html .widget-audioplayer .jp-no-solution {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem;
  text-align: center;
  z-index: 101;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #101010;
}
html .widget-audioplayer .jp-playlist {
  order: 2;
  flex-grow: 1;
}
html .widget-audioplayer .jp-interface {
  position: relative;
  z-index: 100;
  background: #101010;
  color: #fff;
  order: 3;
}
html .widget-audioplayer .jp-time-holder {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
}
html .widget-audioplayer .jp-current-time {
  order: 1;
}
html .widget-audioplayer .jp-duration {
  order: 3;
}
html .widget-audioplayer .jp-current-time,
html .widget-audioplayer .jp-duration {
  font-size: 0.7rem;
}
html .widget-audioplayer .jp-progress {
  order: 2;
  flex-grow: 1;
  padding: 0 0.8rem;
}
html .widget-audioplayer .jp-play-bar,
html .widget-audioplayer .jp-seek-bar {
  height: 1rem;
  position: relative;
  cursor: pointer;
}
html .widget-audioplayer .jp-play-bar:before,
html .widget-audioplayer .jp-seek-bar:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.5rem;
  margin: 0.25rem 0;
  border-radius: 0.25rem;
}
html .widget-audioplayer .jp-seek-bar:before {
  background-color: #434343;
}
html .widget-audioplayer .jp-play-bar {
  position: relative;
  overflow: visible !important;
}
html .widget-audioplayer .jp-play-bar:before {
  background-color: #1771A5;
}
html .widget-audioplayer .jp-play-bar:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #1771A5;
  position: absolute;
  top: 50%;
  right: 0;
  border-radius: 100%;
  -webkit-transform: translate(50%, -50%) scale(0);
          transform: translate(50%, -50%) scale(0);
  transition: -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
  transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
  transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
}
html .widget-audioplayer .jp-progress:hover .jp-play-bar:after, html .widget-audioplayer .jp-progress:active .jp-play-bar:after, html .widget-audioplayer .jp-progress:focus .jp-play-bar:after {
  -webkit-transform: translate(50%, -50%) scale(1);
          transform: translate(50%, -50%) scale(1);
}
html .widget-audioplayer .jp-controls-holder {
  width: 100%;
  padding: 0.25rem 0.75rem;
  border-top: 1px solid #434343;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .widget-audioplayer .jp-controls-holder button {
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
  display: block;
}
html .widget-audioplayer .jp-controls {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  order: 2;
  margin: 0 1rem;
}
html .widget-audioplayer .jp-pause,
html .widget-audioplayer .jp-play {
  font-size: 2.5rem;
  order: 2;
}
html .widget-audioplayer .jp-previous {
  order: 1;
}
html .widget-audioplayer .jp-next {
  order: 3;
}
html .widget-audioplayer .jp-volume-controls {
  display: flex;
  width: 8rem;
  order: 1;
}
html .widget-audioplayer .jp-mute {
  order: 1;
  font-size: 1rem;
}
html .widget-audioplayer .jp-volume-bar-holder {
  order: 2;
  flex-grow: 1;
  padding: 0 0 0 0.8rem;
}
html .widget-audioplayer .jp-volume-bar,
html .widget-audioplayer .jp-volume-bar-value {
  height: 1rem;
  position: relative;
  cursor: pointer;
  flex-grow: 1;
}
html .widget-audioplayer .jp-volume-bar:before,
html .widget-audioplayer .jp-volume-bar-value:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.5rem;
  margin: 0.25rem 0;
  border-radius: 0.25rem;
}
html .widget-audioplayer .jp-volume-bar:before {
  background-color: #434343;
}
html .widget-audioplayer .jp-volume-bar-value {
  position: relative;
}
html .widget-audioplayer .jp-volume-bar-value:before {
  background-color: #fff;
}
html .widget-audioplayer .jp-volume-bar-value:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  border-radius: 100%;
  -webkit-transform: translate(50%, -50%) scale(0);
          transform: translate(50%, -50%) scale(0);
  transition: -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
  transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
  transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
}
html .widget-audioplayer .jp-volume-bar:hover .jp-volume-bar-value:after, html .widget-audioplayer .jp-volume-bar:active .jp-volume-bar-value:after, html .widget-audioplayer .jp-volume-bar:focus .jp-volume-bar-value:after {
  -webkit-transform: translate(50%, -50%) scale(1);
          transform: translate(50%, -50%) scale(1);
}
html .widget-audioplayer .jp-toggles {
  display: flex;
  justify-content: flex-end;
  font-size: 1rem;
  order: 3;
  width: 8rem;
}
html .widget-audioplayer .jp-toggles button:not(:first-child) {
  margin: 0 0 0 0.5rem;
}
html .widget-audioplayer .jp-playlist {
  overflow-y: scroll;
  background: #fff;
  color: #2a2a2a;
}
html .widget-audioplayer .jp-playlist ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
html .widget-audioplayer .jp-playlist li {
  position: relative;
}
html .widget-audioplayer .jp-playlist li.jp-playlist-current {
  background: #f6f6f6;
}
html .widget-audioplayer .jp-playlist li:after {
  content: "";
  display: block;
  border-bottom: 1px solid transparent;
  border-color: inherit;
  opacity: 0.15;
}
html .widget-audioplayer .jp-playlist li > div {
  display: flex;
  align-items: center;
}
html .widget-audioplayer .jp-playlist .jp-playlist-item {
  display: block;
  overflow: hidden;
  padding: 1rem;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  color: inherit;
  text-decoration: none;
  font-size: 0.74375rem;
  flex-grow: 1;
}
html .widget-audioplayer .jp-playlist .jp-playlist-item-remove,
html .widget-audioplayer .jp-playlist .jp-free-media {
  padding: 1rem;
  line-height: 1;
  font-size: 0.74375rem;
  font-weight: bold;
  color: inherit;
  text-decoration: none;
}
html .widget-audioplayer .jp-playlist .jp-playlist-item-remove a,
html .widget-audioplayer .jp-playlist .jp-free-media a {
  color: inherit;
  text-decoration: none;
}
html .widget-audioplayer .jp-playlist .jp-playlist-item-remove {
  order: 3;
}
html .widget-audioplayer .jp-playlist .jp-free-media {
  order: 2;
}
html .widget-audioplayer .jp-audio.jp-state-shuffled .jp-shuffle,
html .widget-audioplayer .jp-audio.jp-state-looped .jp-repeat {
  color: #1771A5;
}
html .widget-audioplayer .jp-audio.jp-state-muted .jp-mute {
  position: relative;
}
html .widget-audioplayer .jp-audio.jp-state-muted .jp-mute .fa {
  opacity: 0.3;
}
html .widget-audioplayer .jp-audio.jp-state-muted .jp-mute:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.1rem;
  height: 140%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImp1a2Vib3guc2NzcyIsImp1a2Vib3guY3NzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vd3d3L3d3dy5rZW5ueXdheW5lc2hlcGhlcmQubmV0LmxpdmUvNTUxMzUzL2Zyb250ZW5kL3J1bnRpbWUvdGhlbWVzL2Jhc2UyMDE4L2Fzc2V0cy9zdHlsZXNoZWV0cy9fdmFyaWFibGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJBO0VBRUUsbUJBQUE7Q0NuQkQ7QURxQkM7RUFFRSxjQUFBO0VBQ0EsdUJBQUE7RUFDQSxjQUFBO0NDcEJIO0FEdUJDO0VBRUUsb0JBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7RUFFQSxTQUFBO0VBQ0Esc0JBQUE7Q0N2Qkg7QUQyQkM7RUFDRSxrQkFBQTtDQ3pCSDtBRDRCQztFQUNFLG1CQUFBO0VBQ0EsT0FBQTtFQUNBLFFBQUE7RUFDQSxZQUFBO0VBQ0EsYUFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLGFBQUE7RUFDQSxjQUFBO0VBQ0EsdUJBQUE7RUFDQSxvQkFBQTtFQUNBLHdCQUFBO0VBQ0EsWUUvQ087RUZnRFAsb0JFL0NPO0NEcUJWO0FENkJDO0VBRUUsU0FBQTtFQUNBLGFBQUE7Q0M1Qkg7QURnQ0M7RUFDRSxtQkFBQTtFQUNBLGFBQUE7RUFDQSxvQkU1RE87RUY2RFAsWUU5RE87RUYrRFAsU0FBQTtDQzlCSDtBRG1DQztFQUVFLGNBQUE7RUFDQSxvQkFBQTtFQUNBLHlCQUFBO0NDbENIO0FEcUNDO0VBQ0UsU0FBQTtDQ25DSDtBRHNDQztFQUNFLFNBQUE7Q0NwQ0g7QUR1Q0M7O0VBRUUsa0JBQUE7Q0NyQ0g7QUR3Q0M7RUFDRSxTQUFBO0VBQ0EsYUFBQTtFQUNBLGtCQUFBO0NDdENIO0FEeUNDOztFQUVFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLGdCQUFBO0NDdkNIO0FEeUNHOztFQUNFLFlBQUE7RUFDQSxlQUFBO0VBQ0EsbUJBQUE7RUFDQSxPQUFBO0VBQ0EsUUFBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0VBQ0Esa0JBQUE7RUFDQSx1QkUrR3dCO0NEcko3QjtBRDJDRztFQUNFLDBCQUFBO0NDekNMO0FENkNDO0VBRUcsbUJBQUE7RUFDQSw2QkFBQTtDQzVDSjtBRDhDRztFQUNFLDBCQUFBO0NDNUNMO0FEK0NHO0VBQ0UsWUFBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsYUFBQTtFQUNBLDBCQUFBO0VBQ0EsbUJBQUE7RUFDQSxTQUFBO0VBQ0EsU0FBQTtFQUNBLG9CQUFBO0VBQ0EsaURBQUE7VUFBQSx5Q0FBQTtFQUNBLG1FQUFBO0VBQUEsMkRBQUE7RUFBQSxtSEFBQTtDQzdDTDtBRHlETztFQUNFLGlEQUFBO1VBQUEseUNBQUE7Q0N2RFQ7QURnRUM7RUFFRSxZQUFBO0VBQ0EseUJBQUE7RUFDQSw4QkFBQTtFQUVBLGNBQUE7RUFDQSxvQkFBQTtFQUNBLCtCQUFBO0NDaEVIO0FEa0VHO0VBRUUsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsV0FBQTtFQUNBLGVBQUE7RUFDQSxnQkFBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsZUFBQTtDQ2pFTDtBRHFFQztFQUVFLGNBQUE7RUFDQSxvQkFBQTtFQUNBLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLGVBQUE7Q0NwRUg7QUR1RUM7O0VBR0Usa0JBQUE7RUFDQSxTQUFBO0NDdEVIO0FEeUVDO0VBRUUsU0FBQTtDQ3hFSDtBRDRFQztFQUVFLFNBQUE7Q0MzRUg7QUQrRUM7RUFDRSxjQUFBO0VBQ0EsWUFBQTtFQUNBLFNBQUE7Q0M3RUg7QURnRkM7RUFDRSxTQUFBO0VBQ0EsZ0JBQUE7Q0M5RUg7QURpRkM7RUFDRSxTQUFBO0VBQ0EsYUFBQTtFQUNBLHNCQUFBO0NDL0VIO0FEa0ZDOztFQUVFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLGdCQUFBO0VBQ0EsYUFBQTtDQ2hGSDtBRGtGRzs7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsT0FBQTtFQUNBLFFBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGtCQUFBO0VBQ0EsdUJFM0J3QjtDRHBEN0I7QURxRkc7RUFDRSwwQkFBQTtDQ25GTDtBRHVGQztFQUVHLG1CQUFBO0NDdEZKO0FEd0ZHO0VBQ0UsdUJBQUE7Q0N0Rkw7QUR5Rkc7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxhQUFBO0VBQ0EsdUJBQUE7RUFDQSxtQkFBQTtFQUNBLFNBQUE7RUFDQSxTQUFBO0VBQ0Esb0JBQUE7RUFDQSxpREFBQTtVQUFBLHlDQUFBO0VBQ0EsbUVBQUE7RUFBQSwyREFBQTtFQUFBLG1IQUFBO0NDdkZMO0FEbUdPO0VBQ0UsaURBQUE7VUFBQSx5Q0FBQTtDQ2pHVDtBRHVHQztFQUNFLGNBQUE7RUFDQSwwQkFBQTtFQUNBLGdCQUFBO0VBQ0EsU0FBQTtFQUNBLFlBQUE7Q0NyR0g7QUR1R0c7RUFFRSxxQkFBQTtDQ3RHTDtBRDZHQztFQUNFLG1CQUFBO0VBQ0EsaUJFMVRPO0VGMlRQLGVFalRPO0NEc01WO0FENkdHO0VBQ0UsVUFBQTtFQUNBLFdBQUE7RUFDQSxpQkFBQTtDQzNHTDtBRDhHRztFQUNFLG1CQUFBO0NDNUdMO0FEOEdLO0VBQ0Usb0JBQUE7Q0M1R1A7QUQrR0s7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLHFDQUFBO0VBQ0Esc0JBQUE7RUFDQSxjQUFBO0NDN0dQO0FEZ0hLO0VBQ0UsY0FBQTtFQUNBLG9CQUFBO0NDOUdQO0FEa0hHO0VBQ0UsZUFBQTtFQUNBLGlCQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7RUFDQSxvQkFBQTtFQUNBLHdCQUFBO0VBQ0EsbUJBQUE7RUFDQSxlQUFBO0VBQ0Esc0JBQUE7RUFDQSxzQkVsR3dCO0VGbUd4QixhQUFBO0NDaEhMO0FEbUhHOztFQUdFLGNBQUE7RUFDQSxlQUFBO0VBQ0Esc0JFM0d3QjtFRjRHeEIsa0JBQUE7RUFDQSxlQUFBO0VBQ0Esc0JBQUE7Q0NsSEw7QURvSEs7O0VBQ0UsZUFBQTtFQUNBLHNCQUFBO0NDakhQO0FEcUhHO0VBRUUsU0FBQTtDQ3BITDtBRHVIRztFQUVFLFNBQUE7Q0N0SEw7QUQ2SEM7O0VBRUUsZUFBQTtDQzNISDtBRDhIQztFQUVFLG1CQUFBO0NDN0hIO0FEK0hHO0VBQ0UsYUFBQTtDQzdITDtBRGdJRztFQUNFLFlBQUE7RUFDQSxlQUFBO0VBQ0EsbUJBQUE7RUFDQSxTQUFBO0VBQ0EsVUFBQTtFQUNBLGNBQUE7RUFDQSxhQUFBO0VBQ0EsaUJBQUE7RUFDQSx1REFBQTtVQUFBLCtDQUFBO0NDOUhMIiwiZmlsZSI6Imp1a2Vib3guY3NzIn0= */