:root{--joe-primary: 30 100 200;--joe-secondary: 20 50 140;--joe-accent: 220 60 150;--joe-text: 78 78 78}@font-face{font-family:geomanist;src:url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-light-webfont.eot),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-light-webfont.woff),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-light-webfont.woff2);font-weight:200;font-style:normal}@font-face{font-family:geomanist;src:url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-book-webfont.eot),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-book-webfont.woff),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-book-webfont.woff2);font-weight:300;font-style:normal}@font-face{font-family:geomanist;src:url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-regular-webfont.eot),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-regular-webfont.woff),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-regular-webfont.woff2);font-weight:400;font-style:normal}@font-face{font-family:geomanist;src:url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-medium-webfont.eot),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-medium-webfont.woff),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-medium-webfont.woff2);font-weight:500;font-style:normal}@font-face{font-family:geomanist;src:url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-bold-webfont.eot),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-bold-webfont.woff),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-bold-webfont.woff2);font-weight:600;font-style:normal}:root{--font-body: "Geomanist";--font-title: "Geomanist"}#sound-listener{position:absolute;top:0;left:0;right:0;margin:0;padding:0;font-family:var(--font-body);text-align:center;font-size:1.25rem}#sound-listener h1{font-family:var(--font-title);font-size:larger;color:#fff;margin:10px;font-weight:700}#sound-listener a,#sound-listener p,#sound-listener label{font-family:var(--font-body);margin:10px}#sound-listener .o-sound-listener{height:100%;display:flex;flex-direction:column;color:#fff;background-image:url(/assets/background-808779ee.png);background-size:cover;background-position:center;overflow:hidden}#sound-listener .o-body{width:100%;box-sizing:border-box;display:flex;justify-content:space-between;flex-direction:column;align-items:center;transition:all .5s ease-in-out;padding:0 1rem}#sound-listener .o-body__content{width:100%;margin:20px 0}#sound-listener .play-button{height:45px;margin-right:.5rem;fill:#fff}#sound-listener .play-button__triangle{fill:rgb(var(--joe-accent))}#sound-listener .audio{display:none}#sound-listener .audio-player{display:flex;flex-direction:row;padding:.5rem 1rem;border-radius:.75rem;background-color:rgb(var(--joe-secondary));align-items:center}#sound-listener .audio-player .progress{width:100%;height:30px;padding:2px;border-radius:30px;background-color:#fff}#sound-listener .audio-player .progress-bar{height:100%;width:0;min-width:35px;border-radius:30px;background-color:rgb(var(--joe-accent));animation-name:grow;animation-timing-function:linear;animation-iteration-count:infinite}#sound-listener .audio-player.disabled,#sound-listener .audio-player.disabled .progress-bar{background-color:rgba(58,57,57,.1)}@keyframes grow{0%{width:0}to{width:100%}}