@keyframes animateBackgroundRight{from{background-position:100% 0}to{background-position:0 0}}.ap-container{font-size:16px}.ap-container *{box-sizing:border-box}.ap-container h1{margin:0}.ap-player{background-color:#123;color:#f5fffa;position:fixed;z-index:9999;top:0;left:0;height:100vh;width:100%;max-width:32em;padding:3em 1.5em 1.5em;box-sizing:border-box}.ap-player button{border:0;background:none;cursor:pointer}.ap-player button:focus{outline:2px dashed #17171d}.ap-player .ap-player__title{font-size:2em;margin-bottom:.8em}.ap-player .ap-player__close{width:3.5em;height:3.5em;position:absolute;top:0;right:0;padding:1em}.ap-play-controls{display:flex;justify-content:space-evenly;align-items:flex-end;padding:1em}.ap-play-controls__play{flex:1 1 auto}.ap-play-controls__play button{width:120px;height:120px}.ap-play-controls__rewind,.ap-play-controls__forward{flex:1 1 30%}.ap-play-controls__rewind button,.ap-play-controls__forward button{width:80px;height:80px}.ap-play-controls__rewind{order:-1}.ap-play-controls__rewind svg{transform:scaleX(-1)}.ap-play-controls__forward{text-align:right}.ap-play-controls__label{text-align:center}.ap-seek{display:flex;flex-wrap:wrap;padding:.5em}.ap-seek__progress,.ap-seek__duration{width:50%;margin-bottom:.5em}.ap-seek__duration{text-align:right}.ap-seek__bar{--progress: 0;position:relative;display:flex;align-items:center;flex-basis:100%;height:70px;width:100%;border-radius:.8em;background-image:linear-gradient(90deg, #ccc 50%, #eee 50%);padding:0 10px}.ap-seek__bar.isLoading{background-image:repeating-linear-gradient(120deg, #eee, #eee 20px, #ccc 20px, #ccc 40px);animation:animateBackgroundRight 120s linear infinite;background-size:5000%}.ap-seek__slider-container{position:relative;width:100%;height:100%;background-image:linear-gradient(90deg, #ccc var(--progress), #eee var(--progress))}.isLoading .ap-seek__slider-container{display:none}.ap-seek__slider{position:absolute;background-color:orange;width:8px;height:74px;bottom:-2px;border-radius:6px;left:var(--progress);transform:translateX(-50%);transition-property:height,width,bottom;transition-duration:200ms}.ap-seek__slider.seekActive{height:78px;width:12px;bottom:-4px}.ap-seek input[type=range]{position:absolute;bottom:0;left:0;margin:0;cursor:col-resize;opacity:0;width:100%;height:70px}.ap-player-inline{--progress: 0;box-sizing:border-box;position:relative;display:flex;align-items:center;padding:1em;border-radius:1em;background-color:#ccc;background-image:linear-gradient(90deg, #ccc var(--progress), #eee var(--progress));color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:100%;line-height:1;vertical-align:baseline;text-align:left;pointer-events:none}.ap-player-inline svg{height:100%;width:100%}.ap-player-inline .ap-player-inline__item{opacity:.5}.ap-player-inline.isReady{pointer-events:all}.ap-player-inline.isReady .ap-player-inline__item{opacity:1}.ap-player-inline.isLoading{background-image:repeating-linear-gradient(120deg, #eee, #eee 20px, #ccc 20px, #ccc 40px);animation:animateBackgroundRight 120s linear infinite;background-size:5000%}.ap-player-inline.isPlaying{cursor:pointer}.ap-player-inline *{box-sizing:border-box}.ap-player-inline__item{flex:1 1 auto}.ap-player-inline__action{cursor:pointer;color:#333;height:1.5em;width:2.5em;flex:0 0 auto}.ap-active-audio{display:flex;align-items:flex-end;width:75%;height:75%}.ap-active-audio__bar{flex:1 0 auto;background-color:#fff;height:1%;width:1%;margin:0 1px;opacity:.7;-webkit-animation-duration:350ms;-webkit-animation-play-state:running;-webkit-animation-direction:alternate;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}.ap-active-audio__bar:nth-child(1){-webkit-animation-name:danceHeight1;-webkit-animation-delay:-30ms}.ap-active-audio__bar:nth-child(2){-webkit-animation-name:danceHeight2;-webkit-animation-delay:-150ms}.ap-active-audio__bar:nth-child(3){-webkit-animation-name:danceHeight3;-webkit-animation-delay:0ms}.ap-active-audio__bar:nth-child(4){-webkit-animation-name:danceHeight4;-webkit-animation-delay:-90ms}@-webkit-keyframes danceHeight1{from{height:15%}to{height:90%}}@-webkit-keyframes danceHeight2{from{height:30%}to{height:85%}}@-webkit-keyframes danceHeight3{from{height:20%}to{height:100%}}@-webkit-keyframes danceHeight4{from{height:5%}to{height:70%}}.ap-opener{position:fixed;display:flex;align-items:center;justify-content:center;bottom:1em;right:1em;width:3.5em;height:3.5em;background-color:#123;border-radius:50%;padding:.8em;cursor:pointer;transition:all 1s;z-index:9999}.ap-container.scrollBottom .ap-opener{opacity:0}.ap-container{position:relative;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:100%;line-height:1;vertical-align:baseline;text-align:left}.ap-container svg{height:100%;width:100%;fill:#fff}.ap-container g{fill:#fff}.ap-container .sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}