:root{--body-bg-color:#fff;--body-font:ff-din-round-web,sans-serif;--dark-color:#101010;--light-color:#fff}body,html{background-color:var(--body-bg-color);color:var(--dark-color);height:100%;width:100%}@media(prefers-color-scheme:dark){body,html{background-color:var(--dark-color);color:#fff}}html{font-size:62.5%;overflow:hidden}body{font-family:var(--body-font);font-size:1.6rem;font-weight:500;margin:0;padding:0}#app,body{display:-ms-flexbox;display:flex}#app{width:100%}@keyframes fadein{0%{opacity:0}to{opacity:1}}.wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100%}.wrapper.loaded{animation:fadein .3s linear}.main{-webkit-overflow-scrolling:touch;-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:scroll}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.loader{display:-ms-flexbox;display:flex;font-size:1rem;height:80px;left:50%;margin:-40px 0 0 -28px;position:fixed;text-align:center;top:50%;width:56px}.loader--inline{height:30px;margin:-15px 0 0 -14px;position:absolute;width:28px}.loader>span{display:none}.loader>div{animation:volume 1.2s ease-in-out infinite;background-color:var(--dark-color);border-radius:8px;height:100%;margin-right:4px;width:8px}@media(prefers-color-scheme:dark){.loader>div{background-color:#fff}}.loader>div:last-child{margin-right:0}.loader--inline>div{border-radius:2px;margin-right:2px;width:4px}.loader>div:last-of-type{margin-right:0}.loader .rect2{animation-delay:-1.1s}.loader .rect3{animation-delay:-1s}.loader .rect4{animation-delay:-.9s}.loader .rect5{animation-delay:-.8s}@keyframes volume{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.player{background-color:#fff;box-shadow:0 -.2rem 2rem rgba(0,0,0,.4);display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;height:10rem;position:relative;z-index:100}@media screen and (min-width:700px){.player{-ms-flex-flow:row nowrap;flex-flow:row nowrap;height:6rem}}@media(prefers-color-scheme:dark){.player{background-color:var(--dark-color)}}.player-artwork{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;-ms-flex:0 0 6rem;flex:0 0 6rem;-ms-flex-direction:column;flex-direction:column;width:6rem}.player-artwork,.player-track-details{display:-ms-flexbox;display:flex;height:6rem;justify-content:center}.player-track-details{-ms-flex-pack:center;border-right:1px solid var(--dark-color);-ms-flex:1 1 13rem;flex:1 1 13rem;-ms-flex-direction:column;flex-direction:column;font-weight:500;padding:0 1rem;position:relative;width:13rem}@media screen and (min-width:700px){.player-track-details{-ms-flex:0 0 18rem;flex:0 0 18rem;padding:0 1.5rem;width:18rem}}@media(prefers-color-scheme:dark){.player-track-details{border-color:hsla(0,0%,100%,.1)}}.player-track-title{font-size:1.4rem;font-weight:700;margin:0 0 .4rem}@media screen and (min-width:700px){.player-track-title{font-size:1.6rem}}.player-track-timer{animation:fadein .6s linear}.player-track-info-button{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:var(--light-color);border:1px solid var(--dark-color);border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;font-family:var(--body-font);font-size:1.2rem;font-weight:700;height:1.8rem;justify-content:center;margin:0;padding:.3rem 0 0;position:absolute;right:1rem;top:.8rem;transition:all .2s ease-in-out;width:1.8rem}@media(prefers-color-scheme:dark){.player-track-info-button{background-color:var(--dark-color);border-color:var(--light-color);color:var(--light-color)}}.player-track-info-button:focus,.player-track-info-button:hover{background-color:var(--dark-color);color:var(--light-color)}@media(prefers-color-scheme:dark){.player-track-info-button:focus,.player-track-info-button:hover{background-color:var(--light-color);color:var(--dark-color)}}.player-artwork svg{height:5rem;width:5rem}.player-controls{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;height:6rem}@media screen and (min-width:500px){.player-controls{border-right:1px solid var(--dark-color)}}@media(prefers-color-scheme:dark){.player-controls{border-color:hsla(0,0%,100%,.1)}}.player-progress{-ms-flex-align:center;-ms-flex-order:6;align-items:center;background-size:cover;border-top:1px solid var(--dark-color);display:-ms-flexbox;display:flex;height:4rem;order:6;position:relative;width:100%}@media screen and (min-width:700px){.player-progress{-ms-flex-preferred-size:auto;-ms-flex-positive:1;-ms-flex-order:initial;border-right:1px solid var(--dark-color);border-top:0;flex-basis:auto;flex-grow:1;height:6rem;order:0;width:auto}}@media(prefers-color-scheme:dark){.player-progress{border-color:hsla(0,0%,100%,.1)}}.player-progress-wrapper{background-color:var(--light-color);cursor:pointer;height:100%;position:relative;width:100%}@media(prefers-color-scheme:dark){.player-progress-wrapper{background-color:var(--dark-color)}}.player-progress-loader{background-color:var(--light-color);bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}@media(prefers-color-scheme:dark){.player-progress-loader{background-color:var(--dark-color)}}.player-progress-bar{background-clip:border-box;background-color:var(--dark-color);height:100%;transition:all .1s ease-in-out}.player-waveform{background-size:100% 100%;bottom:0;filter:invert(10%);left:0;pointer-events:none;position:absolute;right:0;top:0}.player-button{background:transparent;border:0;cursor:pointer;padding:0 1rem;width:5rem}.player-button>svg{fill:var(--dark-color);transition:all .2s ease-in-out}@media(prefers-color-scheme:dark){.player-button>svg{fill:var(--light-color)}}.player-button:focus{outline:none}.player-button:disabled{opacity:.2}.play-button{width:4rem}.play-button>svg{height:3rem}.player-volume{-ms-flex-pack:center;display:none;-ms-flex:0;flex:0;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:center;position:relative;width:5rem}@media screen and (min-width:500px){.player-volume{display:-ms-flexbox;display:flex}}.player-volume>button{background-color:var(--light-color);z-index:102}@media(prefers-color-scheme:dark){.player-volume>button{background-color:var(--dark-color)}}.player-volume>div{-ms-flex-pack:center;background-color:var(--light-color);border-radius:1rem 0 0 0;bottom:100%;box-shadow:-.2rem -.2rem 2rem rgba(0,0,0,.3);display:-ms-flexbox;display:flex;justify-content:center;max-height:0;overflow:hidden;position:absolute;transition:all .2s ease-in-out;width:100%;z-index:101}@media(prefers-color-scheme:dark){.player-volume>div{background-color:var(--dark-color)}}@media screen and (min-width:800px){.player-volume:active>div,.player-volume:focus>div,.player-volume:hover>div{max-height:12rem}}input[type=range]{-webkit-appearance:none;appearance:none;background:var(--light-color);height:17px;margin:50px 0;-ms-transform:rotate(270deg);transform:rotate(270deg);width:100px}@media(prefers-color-scheme:dark){input[type=range]{background:var(--dark-color)}}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{animate:.2s;background:var(--dark-color);border:0 solid var(--dark-color);border-radius:3rem;box-shadow:0 0 0 var(--dark-color);cursor:pointer;height:5px;width:100%}@media(prefers-color-scheme:dark){input[type=range]::-webkit-slider-runnable-track{background-color:var(--light-color)}}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--dark-color);border:2px solid var(--light-color);border-radius:50%;box-shadow:0 0 0 var(--dark-color);cursor:pointer;height:16px;margin-top:-5px;width:16px}@media(prefers-color-scheme:dark){input[type=range]::-webkit-slider-thumb{background:var(--light-color);border-color:var(--dark-color)}}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--dark-color)}@media(prefers-color-scheme:dark){input[type=range]:focus::-webkit-slider-runnable-track{background:var(--light-color)}}input[type=range]::-moz-range-track{animate:.2s;background:var(--dark-color);border:0 solid var(--dark-color);border-radius:3rem;box-shadow:0 0 0 var(--dark-color);cursor:pointer;height:5px;width:100%}@media(prefers-color-scheme:dark){input[type=range]::-moz-range-track{background:var(--light-color);border-color:var(--light-color)}}input[type=range]::-moz-range-thumb{background:var(--dark-color);border:1px solid var(--light-color);border-radius:50%;box-shadow:0 0 0 var(--dark-color);cursor:pointer;height:16px;width:16px}@media(prefers-color-scheme:dark){input[type=range]::-moz-range-thumb{background:var(--light-color);border-color:var(--dark-color)}}input[type=range]::-ms-track{animate:.2s;background:transparent;border-color:transparent;color:transparent;cursor:pointer;height:5px;width:100%}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--dark-color);border:0 solid var(--dark-color);border-radius:2px;box-shadow:0 0 0 var(--dark-color)}input[type=range]::-ms-thumb{background:var(--dark-color);border:1px solid #2497e3;border-radius:25px;box-shadow:0 0 0 var(--dark-color);cursor:pointer;height:10px;margin-top:1px;width:18px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--dark-color)}.soundcloud-iframe{position:relative;visibility:hidden;z-index:-1}.loading-text{display:-ms-flexbox;display:flex}.loading-text span{animation:ellipsis-dot 1s infinite;opacity:0}.loading-text span:first-child{animation-delay:0s}.loading-text span:nth-child(2){animation-delay:.1s}.loading-text span:nth-child(3){animation-delay:.2s}@keyframes ellipsis-dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}.waveform-wrapper{bottom:0;height:100%;left:.3rem;opacity:0;position:absolute;right:.3rem;top:0;transition:all .3s ease-in-out;visibility:hidden}.waveform-wrapper>wave{cursor:pointer!important}.waveform-wrapper>wave>wave{background-color:var(--light-color)}@media(prefers-color-scheme:dark){.waveform-wrapper>wave>wave{background-color:var(--dark-color)}}.waveform-wrapper.loaded{opacity:1;visibility:visible}
/*# sourceMappingURL=bundle.974f9.css.map */