.playlist-audio-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-white-contrast-10);border-radius:10px;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(0,0,0,.1);margin:80px auto 0;padding:35px 35px 25px}.jp-title{color:var(--color-white-contrast-80);word-break:break-word}.jp-interface .jp-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:15px;padding-right:15px}.jp-playlist{color:var(--color-white-contrast-80);font-size:1.14285714286rem;line-height:1.5}.jp-playlist li{padding-right:12px}.jp-playlist li:not(:last-child){border-bottom:1px solid var(--color-border-white);margin-bottom:12px;padding-bottom:12px}.jp-playlist-current{color:var(--color-primary);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.jp-progress{background-color:#595959;border-radius:7px;cursor:pointer;height:7px;margin-top:10px;width:100%}.jp-progress .jp-seek-bar{height:100%}.jp-progress .jp-play-bar{background-color:var(--color-primary);border-radius:5px;height:100%}.jp-volume-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jp-volume-bar{background-color:#595959;border-radius:5px;cursor:pointer;height:5px;margin-left:12px;position:relative;width:90px;z-index:1}.jp-volume-bar-value{background-color:var(--color-white-contrast-100);border-radius:3px;height:100%;left:0;position:absolute;top:0}.jp-volume-controls svg{display:-webkit-box;display:-ms-flexbox;display:flex;height:20px;width:auto}.jp-state-muted .jp-volume-controls .svg-volume-unmute,.jp-volume-controls .svg-volume-muted{display:none}.jp-state-muted .jp-volume-controls .svg-volume-muted{display:-webkit-box;display:-ms-flexbox;display:flex}.jp-time-holder{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-white-contrast-80);margin-left:20px}.jp-time-holder>:not(:last-child){margin-right:12px;padding-right:12px;position:relative}.jp-time-holder>:not(:last-child):before{background-color:var(--color-white-contrast-80);content:"";height:60%;position:absolute;right:0;top:20%;-webkit-transform:skew(-30deg);-ms-transform:skew(-30deg);transform:skew(-30deg);width:1px}.jp-controls button:not(.jp-play) svg{height:auto;width:22px}.jp-controls button:not(.jp-play):hover svg [stroke]{stroke:var(--color-primary)}.jp-controls button:not(.jp-play):hover svg [fill]{fill:var(--color-primary)}.jp-controls .jp-play{background-color:var(--color-primary);border-radius:50%;color:var(--color-white-contrast-100);display:-webkit-box;display:-ms-flexbox;display:flex;height:68px;margin-left:20px;margin-right:20px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;width:68px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jp-controls .jp-play svg{height:14px;width:auto}.jp-controls .jp-play:hover{-webkit-box-shadow:0 0 0 15px rgba(var(--color-primary-rgb),.15);box-shadow:0 0 0 15px rgba(var(--color-primary-rgb),.15)}.jp-controls .jp-play .svg-audio-pause,.jp-state-playing .jp-controls .jp-play .svg-audio-play{display:none}.jp-controls .jp-play .svg-audio-play,.jp-state-playing .jp-controls .jp-play .svg-audio-pause{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.playlist-audio-controls .jp-next,.playlist-audio-controls .jp-previous{height:35px;width:35px}.playlist-audio-controls svg *{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.playlist-audio-controls svg [stroke]{stroke:var(--color-white-contrast-100)}.playlist-audio-controls svg [fill]{fill:var(--color-white-contrast-100)}.playlist-audio-controls button{background-color:transparent;border:0;height:auto;outline:none;width:auto}.playlist-audio-controls .jp-toggles svg{height:15px;width:auto}.playlist-audio-controls .jp-toggles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.playlist-audio-controls .jp-toggles button{background-color:var(--color-white-contrast-20);border-radius:5px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:7px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.playlist-audio-controls .jp-toggles button:not(:last-child){margin-right:8px}.jp-state-looped .jp-toggles button.jp-repeat,.jp-state-shuffled .jp-toggles button.jp-shuffle{background-color:var(--color-white-contrast-100)}.jp-state-looped .jp-toggles button.jp-repeat svg [stroke],.jp-state-shuffled .jp-toggles button.jp-shuffle svg [stroke]{stroke:var(--color-primary)}.jp-state-looped .jp-toggles button.jp-repeat svg [fill],.jp-state-shuffled .jp-toggles button.jp-shuffle svg [fill]{fill:var(--color-primary)}.jp-state-playing .jp-playlist-current .playlist-marker-icon>span{-webkit-animation:bounce 2.2s ease infinite alternate;animation:bounce 2.2s ease infinite alternate;background-color:var(--color-primary)}.jp-state-playing .jp-playlist-current .playlist-marker-icon>span:nth-of-type(2){-webkit-animation-delay:-2.2s;animation-delay:-2.2s}.jp-state-playing .jp-playlist-current .playlist-marker-icon>span:nth-of-type(3){-webkit-animation-delay:-3.7s;animation-delay:-3.7s}.playlist-marker-icon>span:first-of-type{-webkit-transform:scaleY(.75);-ms-transform:scaleY(.75);transform:scaleY(.75)}.playlist-marker-icon>span:nth-of-type(2){-webkit-animation-delay:-2.2s;animation-delay:-2.2s;-webkit-transform:scaleY(.95);-ms-transform:scaleY(.95);transform:scaleY(.95)}.playlist-marker-icon>span:nth-of-type(3){-webkit-animation-delay:-3.7s;animation-delay:-3.7s;-webkit-transform:scaleY(.6);-ms-transform:scaleY(.6);transform:scaleY(.6)}.playlist-marker-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;height:13px;justify-content:space-between;margin-right:15px;margin-top:2px;width:13px}.playlist-marker-icon>span{background-color:var(--color-white-contrast-20);border-radius:3px;content:"";height:100%;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;width:3px}.cover,.playlist-marker-icon>span{-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.cover{border-radius:2px;bottom:0;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0}.jp-type-playlist .jp-playlist-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.jp-title:first-letter,.media-first-letter:first-letter{text-transform:uppercase}.jp-type-playlist .jp-playlist-item .media-duration{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:20px;text-align:right}@-webkit-keyframes bounce{10%{-webkit-transform:scaleY(.3);transform:scaleY(.3)}30%{-webkit-transform:scaleY(1);transform:scaleY(1)}60%{-webkit-transform:scaleY(.5);transform:scaleY(.5)}80%{-webkit-transform:scaleY(.75);transform:scaleY(.75)}to{-webkit-transform:scaleY(.6);transform:scaleY(.6)}}@keyframes bounce{10%{-webkit-transform:scaleY(.3);transform:scaleY(.3)}30%{-webkit-transform:scaleY(1);transform:scaleY(1)}60%{-webkit-transform:scaleY(.5);transform:scaleY(.5)}80%{-webkit-transform:scaleY(.75);transform:scaleY(.75)}to{-webkit-transform:scaleY(.6);transform:scaleY(.6)}}@media (max-width:1199px){.playlist-audio-controls{margin-top:50px}}@media (max-width:680px){.jp-controls .jp-play{height:60px;width:60px}}@media (max-width:420px){.playlist-audio-controls{padding:25px}.playlist-audio-controls .jp-toggles{-webkit-box-ordinal-group:-1;-ms-flex-order:-2;order:-2}.playlist-audio-controls .jp-controls{margin-top:25px;width:100%}}