@-webkit-keyframes flash{0%,100%,50%{opacity:0}25%,75%{opacity:1}}@keyframes flash{0%,100%,50%{opacity:0}25%,75%{opacity:1}}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:.3}100%{opacity:.1}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:.3}100%{opacity:.1}}@-webkit-keyframes flotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(360deg) scale(2)}100%{transform:rotate(0) scale(1)}}@keyframes flotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(360deg) scale(2)}100%{transform:rotate(0) scale(1)}}@keyframes float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}100%{transform:translateY(0) scale(1)}}@-webkit-keyframes float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}100%{transform:translateY(0) scale(1)}}@media all and (max-width:420px){@-webkit-keyframes float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}100%{transform:translateY(0) scale(1)}}@keyframes float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}100%{transform:translateY(0) scale(1)}}}@keyframes decrunch{20%{background:#b8b8b8;background-image:linear-gradient(to bottom,#fff 5%,#000 5%,#000 10%,#b8b8b8 10%,#b8b8b8 16%,#5090d0 16%,#5090d0 23%,#98ff98 23%,#98ff98 28%,gray 28%,gray 33%,#484848 33%,#484848 40%,#c87870 40%,#c87870 46%,#472b1b 46%,#472b1b 51%,#a04800 51%,#a04800 57%,#f0e858 57%,#f0e858 62%,#181090 62%,#181090 69%,#50b818 69%,#50b818 78%,#a838a0 78%,#a838a0 86%,#68d0a8 86%,#68d0a8 95%,#882000 95%)}40%{background:#484848;background-image:linear-gradient(to bottom,#882000 10%,#68d0a8 10%,#68d0a8 12%,#a838a0 12%,#a838a0 18%,#50b818 18%,#50b818 27%,#181090 27%,#181090 38%,#f0e858 38%,#f0e858 41%,#a04800 41%,#a04800 56%,#472b1b 56%,#472b1b 61%,#c87870 61%,#c87870 66%,#484848 66%,#484848 68%,gray 68%,gray 75%,#98ff98 75%,#98ff98 77%,#5090d0 77%,#5090d0 92%,#b8b8b8 92%,#b8b8b8 94%,#000 94%,#000 97%,#fff 97%)}60%{background:#c87870;background-image:linear-gradient(to bottom,#fff 5%,#c87870 5%,#c87870 14%,#484848 14%,#484848 22%,gray 22%,gray 31%,#98ff98 31%,#98ff98 38%,#5090d0 38%,#5090d0 43%,#b8b8b8 43%,#b8b8b8 49%,#000 49%,#000 54%,#68d0a8 54%,#68d0a8 60%,#a838a0 60%,#a838a0 67%,#50b818 67%,#50b818 72%,#181090 72%,#181090 77%,#f0e858 77%,#f0e858 84%,#a04800 84%,#a04800 90%,#472b1b 90%,#472b1b 95%,#882000 95%)}80%{background:#68d0a8;background-image:linear-gradient(to bottom,#882000 5%,#68d0a8 5%,#68d0a8 14%,#a838a0 14%,#a838a0 22%,#50b818 22%,#50b818 31%,#181090 31%,#181090 38%,#f0e858 38%,#f0e858 43%,#a04800 43%,#a04800 49%,#472b1b 49%,#472b1b 54%,#c87870 54%,#c87870 60%,#484848 60%,#484848 67%,gray 67%,gray 72%,#98ff98 72%,#98ff98 77%,#5090d0 77%,#5090d0 84%,#b8b8b8 84%,#b8b8b8 90%,#000 90%,#000 95%,#fff 95%)}100%{background:#50b818;background-image:linear-gradient(to bottom,#fff 3%,#000 3%,#000 6%,#b8b8b8 6%,#b8b8b8 8%,#5090d0 8%,#5090d0 23%,#98ff98 23%,#98ff98 25%,gray 25%,gray 32%,#484848 32%,#484848 34%,#c87870 34%,#c87870 39%,#472b1b 39%,#472b1b 44%,#a04800 44%,#a04800 59%,#f0e858 59%,#f0e858 62%,#181090 62%,#181090 73%,#50b818 73%,#50b818 82%,#a838a0 82%,#a838a0 88%,#68d0a8 88%,#68d0a8 90%,#882000 90%)}}@font-face{font-family:Cuprum;font-style:normal;font-weight:400;src:url(../webfonts/cuprum-v9-latin-regular.eot);src:local("Cuprum Regular"),local("Cuprum-Regular"),url(../webfonts/cuprum-v9-latin-regular.eot?#iefix) format("embedded-opentype"),url(../webfonts/cuprum-v9-latin-regular.woff2) format("woff2"),url(../webfonts/cuprum-v9-latin-regular.woff) format("woff"),url(../webfonts/cuprum-v9-latin-regular.ttf) format("truetype"),url(../webfonts/cuprum-v9-latin-regular.svg#Cuprum) format("svg")}@font-face{font-family:Cuprum;font-style:normal;font-weight:700;src:url(../webfonts/cuprum-v9-latin-700.eot);src:local("Cuprum Bold"),local("Cuprum-Bold"),url(../webfonts/cuprum-v9-latin-700.eot?#iefix) format("embedded-opentype"),url(../webfonts/cuprum-v9-latin-700.woff2) format("woff2"),url(../webfonts/cuprum-v9-latin-700.woff) format("woff"),url(../webfonts/cuprum-v9-latin-700.ttf) format("truetype"),url(../webfonts/cuprum-v9-latin-700.svg#Cuprum) format("svg")}@font-face{font-family:'Ubuntu Mono';font-style:normal;font-weight:700;src:url(../webfonts/ubuntu-mono-v7-latin-700.eot);src:local("Ubuntu Mono Bold"),local("UbuntuMono-Bold"),url(../webfonts/ubuntu-mono-v7-latin-700.eot?#iefix) format("embedded-opentype"),url(../webfonts/ubuntu-mono-v7-latin-700.woff2) format("woff2"),url(../webfonts/ubuntu-mono-v7-latin-700.woff) format("woff"),url(../webfonts/ubuntu-mono-v7-latin-700.ttf) format("truetype"),url(../webfonts/ubuntu-mono-v7-latin-700.svg#UbuntuMono) format("svg")}body{background:#000;font-family:Cuprum,sans-serif;margin:0;overflow:hidden;padding:0;position:relative}#logo{left:0;position:absolute;top:0;z-index:10}#logo img{margin:10px;width:200px}@media all and (max-width:420px){#logo img{width:140px}}.wrapper{display:grid;grid-template-rows:1fr 100px;height:100vh;overflow:hidden;position:relative;width:100vw}@media all and (max-width:768px){.wrapper{grid-template-rows:1fr 150px}}.wrapper #additional{color:#fff;font-size:1.3rem;position:absolute;right:10px;top:10px;z-index:8}.wrapper #additional a{cursor:pointer}.wrapper #additional a:visited{color:#fff}@media all and (max-width:768px){.wrapper #additional{font-size:1.5rem;top:12px}}.wrapper .content h1{display:none}.wrapper .content .popup{background-color:rgba(0,0,0,.7);color:#fff;line-height:1.25;max-width:96vw;padding:1rem;position:absolute;z-index:5}.wrapper .content .popup .inner{position:relative}.wrapper .content .popup .inner h2{color:#ffef00;margin-top:0}.wrapper .content .popup .inner h2 span{float:right}@media all and (max-width:768px){.wrapper .content .popup .inner h2{font-size:1.3rem}}.wrapper .content .popup .inner i.fa-window-close{cursor:pointer;position:absolute;right:0;top:0}.wrapper .content #tracklist{bottom:100px;padding-bottom:0}.wrapper .content #tracklist ul{list-style:none;margin:0;padding:0}.wrapper .content #tracklist ul .track{cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;line-height:1.25;padding-bottom:.3rem}.wrapper .content #tracklist ul .track div:first-child{width:1.4rem}.wrapper .content #tracklist ul .track div:nth-child(2){flex-grow:2;margin-right:10px}.wrapper .content #tracklist ul .track:hover{opacity:.8}.wrapper .content #tracklist ul .track .artist{color:#999;white-space:nowrap}.wrapper .content #tracklist ul .track.current{color:#ffef00;cursor:default}.wrapper .content #tracklist ul .track.current .artist{color:#aa0}.wrapper .content #tracklist ul .track.current:hover{opacity:1}.wrapper .content #tracklist ul .track .duration{align-self:flex-end}.wrapper .content #aboutcontent{bottom:110px;max-width:400px;right:10px;top:32px}@media all and (max-width:768px){.wrapper .content #aboutcontent{bottom:160px;top:50px}}.wrapper .content #aboutcontent dt{margin-top:5px}.wrapper .content #aboutcontent dd{color:#999;margin-left:1.2rem}.wrapper .content #aboutcontent dd span.half{display:inline-block;width:49%}.wrapper .content #settingscontent{max-width:400px;right:10px;top:32px}@media all and (max-width:768px){.wrapper .content #settingscontent{bottom:160px;top:50px}}.wrapper .content #settingscontent p{color:#999}.wrapper .content #settingscontent .setting-container{cursor:pointer}.wrapper .content #settingscontent .setting-container:hover{opacity:.8}.wrapper .content #sharingcontent{min-width:250px;max-width:400px;right:10px;top:32px}.wrapper .content #sharingcontent ul{list-style:none;padding:0}.wrapper .content #sharingcontent ul a{cursor:pointer}.wrapper .content #sharingcontent ul a i{margin-right:8px}.wrapper .content #sharingcontent ul a:hover{opacity:.8}@media all and (max-width:768px){.wrapper .content #sharingcontent{top:50px}}.wrapper .content #outletcontent{min-width:200px;max-width:400px;right:10px;top:32px}.wrapper .content #outletcontent ul{list-style:none;padding:0}.wrapper .content #outletcontent ul a{color:#fff;cursor:pointer;text-decoration:none}.wrapper .content #outletcontent ul a i{margin-right:4px}.wrapper .content #outletcontent ul a img{margin-right:4px;width:20px}.wrapper .content #outletcontent ul a:hover{opacity:.8}@media all and (max-width:768px){.wrapper .content #outletcontent{top:50px}}.wrapper .content #trackinfocontent{margin-left:-200px;left:50%;top:60px;width:400px}@media all and (max-width:420px){.wrapper .content #trackinfocontent{bottom:160px;left:1rem;margin-left:auto;max-width:calc(100% - 4rem);right:1rem}}.wrapper .content #trackinfocontent a,.wrapper .content #trackinfocontent a:visited{color:#ffef00}.wrapper .content #trackinfocontent h2{color:#fff;margin-bottom:0}.wrapper .content #trackinfocontent h3{color:#999;margin-top:2px}#link-notice{color:#fff;display:none;position:absolute;right:10px;top:44px}.bg_holder{background:transparent url(sos_base_background.jpg) no-repeat center;background-size:contain;height:64vh;left:50%;margin-left:-32vh;margin-top:-32vh;position:absolute;top:50%;width:64vh;z-index:-1}@media all and (orientation:portrait){.bg_holder{height:80vw;margin-left:-40vw;margin-top:-50vw;width:80vw}}.bg_holder#bg1{height:180vh;margin-left:-90vh;margin-top:-100vh;opacity:.2;width:180vh;z-index:-1}.bg_holder#bg1.animated{animation:flotate 200s ease-in-out infinite;transform:rotate(0) scale(1,1)}@media all and (orientation:portrait){.bg_holder#bg1{height:180vw;margin-left:-90vw;margin-top:-90vw;width:180vw}}.bg_holder#bg2{opacity:1!important;z-index:1}.bg_holder#bg2.animated{animation:float 6s ease-in-out infinite;transform:translateY(0) scale(1,1)}.control_wrapper{background-color:rgba(0,0,0,.7);color:#fafafa;display:grid;grid-template-columns:400px 440px;padding:16px 0 8px;position:relative;z-index:6}@media all and (max-width:768px){.control_wrapper{grid-auto-columns:auto;grid-template:auto/auto}}.control_wrapper>div.track_info{display:flex;flex-direction:column;justify-content:center;max-width:100vw}.control_wrapper>div.track_info div{padding:.5rem 1rem 0}.control_wrapper>div.track_info div#title{font-size:1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control_wrapper>div.track_info div#artist{color:#999;padding-bottom:.5rem;padding-top:.2rem}.control_wrapper>div.controls{align-items:center;display:flex;flex-direction:column;justify-content:center}.control_wrapper>div.controls .buttons{display:flex;font-size:1.3rem;justify-content:space-between;margin-bottom:.5rem;width:100%}.control_wrapper>div.controls .buttons .listcontrols{margin-left:8px}.control_wrapper>div.controls .buttons .othercontrols{margin-right:8px}.control_wrapper>div.controls .buttons a{cursor:pointer;margin:0 .2rem}.control_wrapper>div.controls .buttons a#btnPlay{opacity:1}.control_wrapper>div.controls .buttons a#btnPlay.paused .fa-pause{display:none}.control_wrapper>div.controls .buttons a#btnPlay.playing .fa-play{display:none}@media all and (max-width:768px){.control_wrapper>div.controls .buttons{font-size:1.5rem}}.control_wrapper>div.controls .progress{align-items:center;display:flex;flex-direction:row;width:100%}.control_wrapper>div.controls .progress .time{font-family:"Ubuntu mono",monospace;margin:0 10px;text-align:center;width:4em}.control_wrapper>div.controls .progress #progressbar{background-color:#222;cursor:pointer;height:14px;margin:0 5px;position:relative;width:100%}.control_wrapper>div.controls .progress #progressbar #progressed{background-color:#888;height:100%;position:absolute}.control_wrapper>div.controls .progress #progressbar #loaded{background-color:#444;height:100%;position:absolute}.control_wrapper>div.controls .progress #progressbar #loaded.decrunching{animation-name:decrunch;animation-duration:.25s;animation-iteration-count:infinite;animation-timing-function:steps(1)}.control_wrapper>div.controls .progress #progressbar #byteload{color:#000;display:flex;font:400 12px "Ubuntu mono",monospace;height:100%;margin-top:1px;position:absolute;text-align:center;width:100%}.control_wrapper>div.controls .progress #progressbar #byteload>div{width:48%}.control_wrapper>div.controls .progress #progressbar #byteload>div.bytesofar{text-align:right}.control_wrapper>div.controls .progress #progressbar #byteload>div.divider{width:4%}.control_wrapper>div.controls .progress #progressbar #byteload>div.bytetotal{text-align:left}.control_wrapper #volumebar{background-color:rgba(0,0,0,.7);color:#000;cursor:pointer;font:400 8px "Ubuntu mono",monospace;margin:0 .2rem;position:absolute;text-align:center;width:24px;z-index:2}.control_wrapper #volumebar .flexer{align-items:stretch;display:flex;flex-direction:column;margin:1px 0}.control_wrapper #volumebar .flexer .brick{background-color:#222;margin:1px;padding:1px 0 2px}.control_wrapper #volumebar .flexer .brick.lit{background-color:#fff}.control_wrapper #volumebar .flexer .brick.hover{background-color:#888}#hints{background-color:rgba(0,0,0,.7);color:#fff;opacity:0;padding:8px;position:absolute;right:20px;top:40px;width:140px;z-index:4}#hints i{float:right}@media all and (max-width:420px){#hints{top:50px}}#loadindicator{background:rgba(0,0,0,.3);border-radius:100px;box-shadow:0 0 30px 30px rgba(0,0,0,.3);color:rgba(255,255,255,.5);font-size:100px;height:100px;left:50%;margin-left:-70px;margin-top:-70px;padding:20px;position:absolute;top:50%;width:100px;z-index:4}#loadindicator .fa-spin{animation-duration:.5s}.welcomewrapper{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center;width:100vw}.welcomewrapper .content{display:flex;flex-direction:column}.welcomewrapper .content h1{font-size:3em}@media all and (max-width:420px){.welcomewrapper .content h1{font-size:1.8em;margin:2rem 0 0;padding:1rem 0 .5rem}}@media all and (max-height:420px){.welcomewrapper .content h1{font-size:1.8em;margin:0;padding:1rem 0 .5rem}}.welcomewrapper .content a,.welcomewrapper .content a:visited{color:#fff;text-decoration:none}.welcomewrapper .content .compilations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.welcomewrapper .content .compilations .compilation{margin:1em}@media all and (max-width:420px){.welcomewrapper .content .compilations .compilation{margin-top:.5rem}}@media all and (max-height:420px){.welcomewrapper .content .compilations .compilation{margin:.5rem}}.welcomewrapper .content .compilations .compilation h2{margin-bottom:0}@media all and (max-width:420px),all and (max-height:420px){.welcomewrapper .content .compilations .compilation h2{font-size:1.2rem;margin-top:.5rem}}.welcomewrapper .content .compilations .compilation img{height:auto;width:200px;max-width:40vw}@media all and (max-height:420px){.welcomewrapper .content .compilations .compilation img{max-width:15vw}}@media all and (max-width:420px){.welcomewrapper .content .compilations .compilation img{max-width:20vw}}.welcomewrapper .content .compilations .compilation p{color:#999;margin:.5em}@media all and (max-height:420px),all and (max-width:420px){.welcomewrapper .content .compilations .compilation p.details{display:none}}.details{color:#444!important;font-family:"Ubuntu mono",monospace;font-size:.8rem;font-weight:400;margin-right:30px}.flashing{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.flashing-slow{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.flashing-slow-short{-webkit-animation:flash 2s ease;animation:flash 2s ease;-webkit-animation-iteration-count:5;animation-iteration-count:5}.two-cols{display:grid;grid-template-columns:1fr 1fr}#cantplay{bottom:100px;color:#ffef00;font-size:.8rem;left:50%;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:10}@media all and (max-width:768px){#cantplay{bottom:140px}}.btn{cursor:pointer}.btn.active{color:#ffef00}.btn.disabled{cursor:default}#scroller{z-index:2}#vu-meters{background-color:transparent;bottom:0;position:absolute;width:100%;z-index:-1}.pull-right{float:right}.hidden{display:none}.disabled{cursor:default!important;opacity:.3}.is_mobile .hide-mobile{display:none}.setting-quality{display:none}.setting-quality em{color:#999}.can_aac #setting_aac.setting-quality{display:block}.can_flac #setting_flac.setting-quality{display:block}.can_mp3 #setting_mp3hi.setting-quality,.can_mp3 #setting_mp3lo.setting-quality{display:block}.can_opus #setting_opushi.setting-quality,.can_opus #setting_opuslo.setting-quality{display:block}.ie11 .control_wrapper{bottom:0;display:block;height:100px;left:0;position:absolute;right:0}.ie11 .control_wrapper>div{float:left;width:48%}#version{bottom:3px;color:#444;font:8px "Ubuntu mono",monospace;position:fixed;right:3px;z-index:11}.bpm,.mastering,.stats{border-radius:2px;color:#fff;font-size:.9em;margin-right:2px;padding:2px 4px 0}.bpm.good,.mastering.good,.stats.good{background-color:green}.bpm.bad,.mastering.bad,.stats.bad{background-color:red}.split{display:none}.stats{background-color:#ccc;color:#000}.bpm{background-color:#444;color:#fff}