html .widget-audioplayer {
  position: relative;
}
html .widget-audioplayer .jp-gui {
  display: flex;
  flex-direction: column;
  height: 30rem;
}
html .widget-audioplayer .jp-header {
  background: #f74328;
  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: #000;
}
html .widget-audioplayer .jp-playlist {
  order: 2;
  flex-grow: 1;
}
html .widget-audioplayer .jp-interface {
  position: relative;
  z-index: 100;
  background: #000;
  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: #1a1a1a;
}
html .widget-audioplayer .jp-play-bar {
  position: relative;
  overflow: visible !important;
}
html .widget-audioplayer .jp-play-bar:before {
  background-color: #f74328;
}
html .widget-audioplayer .jp-play-bar:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #f74328;
  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.024, 1, 0.32, 1);
  transition: transform 0.35s cubic-bezier(0.024, 1, 0.32, 1);
  transition: transform 0.35s cubic-bezier(0.024, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.024, 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 #1a1a1a;
  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: #1a1a1a;
}
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.024, 1, 0.32, 1);
  transition: transform 0.35s cubic-bezier(0.024, 1, 0.32, 1);
  transition: transform 0.35s cubic-bezier(0.024, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.024, 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: #000;
  color: #fff;
}
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: #e6e6e6;
}
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.875rem;
  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.875rem;
  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: #f74328;
}
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImp1a2Vib3guc2NzcyIsImp1a2Vib3guY3NzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vd3d3L3d3dy5rZW5ueXdheW5lc2hlcGhlcmQubmV0LmxpdmUvNTgzNTMzL2Zyb250ZW5kL3J1bnRpbWUvdGhlbWVzL2t3cy9hc3NldHMvc3R5bGVzaGVldHMvX3ZhcmlhYmxlcy5zY3NzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vd3d3L3d3dy5rZW5ueXdheW5lc2hlcGhlcmQubmV0LmxpdmUvNTgzNTMzL2Zyb250ZW5kL3J1bnRpbWUvdGhlbWVzL2t3cy9hc3NldHMvYm9vdHN0cmFwL3Njc3MvX3ZhcmlhYmxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CQTtFQUVFLG1CQUFBO0NDbkJEO0FEcUJDO0VBRUUsY0FBQTtFQUNBLHVCQUFBO0VBQ0EsY0FBQTtDQ3BCSDtBRHVCQztFQUVFLG9CQUFBO0VBQ0EsbUJBQUE7RUFDQSxZQUFBO0VBRUEsU0FBQTtFQUNBLHNCQUFBO0NDdkJIO0FEMkJDO0VBQ0Usa0JBQUE7Q0N6Qkg7QUQ0QkM7RUFDRSxtQkFBQTtFQUNBLE9BQUE7RUFDQSxRQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxjQUFBO0VBQ0EsbUJBQUE7RUFDQSxhQUFBO0VBQ0EsY0FBQTtFQUNBLHVCQUFBO0VBQ0Esb0JBQUE7RUFDQSx3QkFBQTtFQUNBLFlFbkRPO0VGb0RQLGlCRTFDTztDRGdCVjtBRDZCQztFQUVFLFNBQUE7RUFDQSxhQUFBO0NDNUJIO0FEZ0NDO0VBQ0UsbUJBQUE7RUFDQSxhQUFBO0VBQ0EsaUJFdkRPO0VGd0RQLFlFbEVPO0VGbUVQLFNBQUE7Q0M5Qkg7QURtQ0M7RUFFRSxjQUFBO0VBQ0Esb0JBQUE7RUFDQSx5QkFBQTtDQ2xDSDtBRHFDQztFQUNFLFNBQUE7Q0NuQ0g7QURzQ0M7RUFDRSxTQUFBO0NDcENIO0FEdUNDOztFQUVFLGtCQUFBO0NDckNIO0FEd0NDO0VBQ0UsU0FBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtDQ3RDSDtBRHlDQzs7RUFFRSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSxnQkFBQTtDQ3ZDSDtBRHlDRzs7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsT0FBQTtFQUNBLFFBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGtCQUFBO0VBQ0EsdUJHa0h3QjtDRnhKN0I7QUQyQ0c7RUFDRSwwQkFBQTtDQ3pDTDtBRDZDQztFQUVHLG1CQUFBO0VBQ0EsNkJBQUE7Q0M1Q0o7QUQ4Q0c7RUFDRSwwQkFBQTtDQzVDTDtBRCtDRztFQUNFLFlBQUE7RUFDQSxlQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSwwQkFBQTtFQUNBLG1CQUFBO0VBQ0EsU0FBQTtFQUNBLFNBQUE7RUFDQSxvQkFBQTtFQUNBLGlEQUFBO1VBQUEseUNBQUE7RUFDQSxvRUFBQTtFQUFBLDREQUFBO0VBQUEscUhBQUE7Q0M3Q0w7QUR5RE87RUFDRSxpREFBQTtVQUFBLHlDQUFBO0NDdkRUO0FEZ0VDO0VBRUUsWUFBQTtFQUNBLHlCQUFBO0VBQ0EsOEJBQUE7RUFFQSxjQUFBO0VBQ0Esb0JBQUE7RUFDQSwrQkFBQTtDQ2hFSDtBRGtFRztFQUVFLGlCQUFBO0VBQ0EsVUFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxtQkFBQTtFQUNBLGVBQUE7Q0NqRUw7QURxRUM7RUFFRSxjQUFBO0VBQ0Esb0JBQUE7RUFDQSxrQkFBQTtFQUNBLFNBQUE7RUFDQSxlQUFBO0NDcEVIO0FEdUVDOztFQUdFLGtCQUFBO0VBQ0EsU0FBQTtDQ3RFSDtBRHlFQztFQUVFLFNBQUE7Q0N4RUg7QUQ0RUM7RUFFRSxTQUFBO0NDM0VIO0FEK0VDO0VBQ0UsY0FBQTtFQUNBLFlBQUE7RUFDQSxTQUFBO0NDN0VIO0FEZ0ZDO0VBQ0UsU0FBQTtFQUNBLGdCQUFBO0NDOUVIO0FEaUZDO0VBQ0UsU0FBQTtFQUNBLGFBQUE7RUFDQSxzQkFBQTtDQy9FSDtBRGtGQzs7RUFFRSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSxnQkFBQTtFQUNBLGFBQUE7Q0NoRkg7QURrRkc7O0VBQ0UsWUFBQTtFQUNBLGVBQUE7RUFDQSxtQkFBQTtFQUNBLE9BQUE7RUFDQSxRQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxrQkFBQTtFQUNBLHVCR3hCd0I7Q0Z2RDdCO0FEcUZHO0VBQ0UsMEJBQUE7Q0NuRkw7QUR1RkM7RUFFRyxtQkFBQTtDQ3RGSjtBRHdGRztFQUNFLHVCQUFBO0NDdEZMO0FEeUZHO0VBQ0UsWUFBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsYUFBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7RUFDQSxTQUFBO0VBQ0EsU0FBQTtFQUNBLG9CQUFBO0VBQ0EsaURBQUE7VUFBQSx5Q0FBQTtFQUNBLG9FQUFBO0VBQUEsNERBQUE7RUFBQSxxSEFBQTtDQ3ZGTDtBRG1HTztFQUNFLGlEQUFBO1VBQUEseUNBQUE7Q0NqR1Q7QUR1R0M7RUFDRSxjQUFBO0VBQ0EsMEJBQUE7RUFDQSxnQkFBQTtFQUNBLFNBQUE7RUFDQSxZQUFBO0NDckdIO0FEdUdHO0VBRUUscUJBQUE7Q0N0R0w7QUQ2R0M7RUFDRSxtQkFBQTtFQUNBLGlCRXBUTztFRnFUUCxZRS9UTztDRG9OVjtBRDZHRztFQUNFLFVBQUE7RUFDQSxXQUFBO0VBQ0EsaUJBQUE7Q0MzR0w7QUQ4R0c7RUFDRSxtQkFBQTtDQzVHTDtBRDhHSztFQUNFLG9CQUFBO0NDNUdQO0FEK0dLO0VBQ0UsWUFBQTtFQUNBLGVBQUE7RUFDQSxxQ0FBQTtFQUNBLHNCQUFBO0VBQ0EsY0FBQTtDQzdHUDtBRGdISztFQUNFLGNBQUE7RUFDQSxvQkFBQTtDQzlHUDtBRGtIRztFQUNFLGVBQUE7RUFDQSxpQkFBQTtFQUNBLGNBQUE7RUFDQSxlQUFBO0VBQ0Esb0JBQUE7RUFDQSx3QkFBQTtFQUNBLG1CQUFBO0VBQ0EsZUFBQTtFQUNBLHNCQUFBO0VBQ0Esb0JFMUR3QjtFRjJEeEIsYUFBQTtDQ2hITDtBRG1IRzs7RUFHRSxjQUFBO0VBQ0EsZUFBQTtFQUNBLG9CRW5Fd0I7RUZvRXhCLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLHNCQUFBO0NDbEhMO0FEb0hLOztFQUNFLGVBQUE7RUFDQSxzQkFBQTtDQ2pIUDtBRHFIRztFQUVFLFNBQUE7Q0NwSEw7QUR1SEc7RUFFRSxTQUFBO0NDdEhMO0FENkhDOztFQUVFLGVBQUE7Q0MzSEg7QUQ4SEM7RUFFRSxtQkFBQTtDQzdISDtBRCtIRztFQUNFLGFBQUE7Q0M3SEw7QURnSUc7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsU0FBQTtFQUNBLFVBQUE7RUFDQSxjQUFBO0VBQ0EsYUFBQTtFQUNBLGlCQUFBO0VBQ0EsdURBQUE7VUFBQSwrQ0FBQTtDQzlITCIsImZpbGUiOiJqdWtlYm94LmNzcyJ9 */