@use "sass:map";html{box-sizing:border-box;width:100%;height:100%}*,:after,:before{box-sizing:inherit}body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow-x:hidden}html.no-canvas{background:#000 url(../images/bg.png)}a{text-decoration:none}#canvas{position:fixed;top:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;background:#000}#container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;max-height:100vh;transition:.5s opacity ease-in}#credits{z-index:10;left:0;bottom:0;position:absolute;width:100%;padding:20px;mix-blend-mode:overlay;display:flex;justify-content:space-between}#credits:hover{mix-blend-mode:normal}#credits a{width:33%;color:#eee;font-family:sans-serif}#credits a span{display:block;line-height:30pt}#credits a .subtitle{text-align:center;margin-bottom:5px}#credits a .name{color:#fff;font-family:Audiowide,sans-serif;font-size:30pt;text-align:center}#credits a .name .twitter{display:none;font-size:24pt}#credits a .name img{max-width:100%}#credits a:hover .name span:first-child{display:none}#credits a:hover .name span.twitter{display:block}#TV{position:relative;z-index:999;width:882px;height:660px;max-height:660px;min-height:660px}#TV:before{position:absolute;z-index:1001;top:0;left:0;width:100%;height:100%;content:'';opacity:1;background:url(../images/TV.png) no-repeat;mix-blend-mode:hard-light}#TV:after{position:absolute;z-index:1001;top:0;left:0;width:100%;height:100%;content:'';opacity:1;background:url(../images/TV.png)}#TV:hover #club99 .phrases{opacity:1}#TV:hover #club99 .club99{transform:scale(1.03)}#TV:hover #club99 .club99-club{transform:scale(1.01)}#TV:hover #club99 .skylethal{transform:scale(1.4)}#TV:hover .final{opacity:1}#club99square{position:relative;width:750px;height:750px;background:#000}#club99_old{position:absolute;top:85px;left:182px;width:930px;height:700px;background:#000}#club99outer{position:relative;overflow:hidden;width:640px;height:480px;margin-top:57px;margin-left:120px;background:#000}#club99{position:absolute;width:640px;height:480px;-webkit-animation:jerkwhole 5s infinite;animation:jerkwhole 5s infinite}#club99>*{position:absolute;top:0;left:0;left:80px;max-height:100%}#club99 video{left:0}#club99 .darken{left:0;width:100%;height:100%;opacity:.6;background:#000;mix-blend-mode:soft-light}#club99 .texture{display:none;mix-blend-mode:soft-light}#club99 .backtext{transition:.3s all ease-in;opacity:.15}#club99 .phrases{transition:.3s all ease-in;opacity:.75}#club99 .skylethal{transition:.5s all ease-in-out}#club99 .club99{transition:.1s all ease-in-out}#club99 .grain{display:block;width:100%;height:100%;background:url(../images/grain.png);opacity:.15;mix-blend-mode:overlay}#club99 .club99-99glow{mix-blend-mode:overlay}#no #TV:hover #club99 .backtext{opacity:.5}#vhs.loop{mix-blend-mode:screen}#power{position:absolute;z-index:1002;top:600px;left:200px;width:34px;height:30px;cursor:pointer}#waveform{position:absolute;width:100%;height:60px;top:-30px;left:10px;transition:.2s top ease-in-out}#player{z-index:900;position:absolute;left:100%;font-family:Audiowide,sans-serif;font-size:20pt}#player a.track{color:#dcedd6;text-shadow:0 0 5px #000;margin-left:30px;white-space:nowrap;transition:50ms all ease-in-out;position:relative}#player a.track:after,#player a.track:before{content:'';position:absolute;bottom:0;width:0;height:2px;margin:3px 0 0;transition:.2s all ease-in-out;opacity:0;background-color:#0f0}#player a.track:before{left:50%}#player a.track:after{right:50%}#player a.track:not(.active):hover{cursor:pointer}#player a.track:not(.active):hover:after,#player a.track:not(.active):hover:before{opacity:1;width:50%}#player #controls{position:relative;width:240px;height:130px;background:url(../images/winamp.png) no-repeat top left}#player .button{position:absolute;display:block;background:url(../images/winamp.png);opacity:0;transition:opacity .2s ease-out}#player .button.prev{width:20px;height:20px;left:24px;top:33px;background-position:-24px -163px}#player .button.play{width:30px;height:20px;left:11px;top:55px;background-position:-11px -185px}#player .button.next{width:20px;height:20px;left:24px;top:77px;background-position:-24px -207px}#player .button.atm{width:74px;height:74px;left:63px;top:28px;background-position:-63px -158px}#player .button.bandcamp{width:66px;height:66px;left:150px;top:32px;background-position:-150px -162px}#player .button:hover{opacity:1}#player:hover .button.bandcamp{opacity:1}.screen{position:relative;display:flex;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;content:'';opacity:0;color:#000;background:#0b1115;background:linear-gradient(to left,#0b1115,#1d303a);background-color:#000;background-size:cover}.screen:before{position:relative;display:block;width:100%;height:100%;content:'';background:linear-gradient(to left,#0b1115,#1d303a)}body:not(.tv-off) #player a.active{margin-left:40px;color:#44abda;text-shadow:0 0 10px #dcedd6}body.tv-off #waveform{top:0}body.tv-off .screen{opacity:1}body.tv-off .screen:before{-webkit-animation:power-off .4s linear 0s 1 normal;animation:power-off .4s linear 0s 1 normal}body.tv-on .screen{transition:opacity 0s;transition-delay:.4s;opacity:1;opacity:0}body.tv-on .screen:before{-webkit-animation:power-on .4s linear 0s 1 normal;animation:power-on .4s linear 0s 1 normal}#loader{opacity:0;transition:.2s opacity ease;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;display:flex;justify-content:center;align-items:center}html.js body.loading #loader{opacity:1;z-index:5000;transition:0s opacity ease}html.js body.loading #loader .spinner.sphere{display:block}html.js body.loading #canvas,html.js body.loading #container{opacity:0}@-webkit-keyframes jerkwhole{40%{opacity:1;top:0;left:0;-webkit-transform:scale(1,1);-webkit-transform:skew(0,0)}41%{opacity:.8;top:0;left:-100px;-webkit-transform:scale(1,1.2);-webkit-transform:skew(50deg,0)}42%{opacity:.8;top:0;left:100px;-webkit-transform:scale(1,1.2);-webkit-transform:skew(-80deg,0)}43%{opacity:1;top:0;left:0;-webkit-transform:scale(1,1);-webkit-transform:skew(0,0)}}@keyframes jerkwhole{40%{opacity:1;top:0;left:0;-webkit-transform:scale(1,1);-webkit-transform:skew(0,0)}41%{opacity:.8;top:0;left:-100px;-webkit-transform:scale(1,1.2);-webkit-transform:skew(50deg,0)}42%{opacity:.8;top:0;left:100px;-webkit-transform:scale(1,1.2);-webkit-transform:skew(-80deg,0)}43%{opacity:1;top:0;left:0;-webkit-transform:scale(1,1);-webkit-transform:skew(0,0)}}@-webkit-keyframes power-off{0%{width:100%;height:100%;background:#000}50%{width:100%;height:2px;background:#fff}100%{width:0;height:0;background:#fff}}@keyframes power-off{0%{width:100%;height:100%;background:#000}50%{width:100%;height:2px;background:#fff}100%{width:0;height:0;background:#fff}}@-webkit-keyframes power-on{0%{width:0;height:0;background:#fff}50%{width:100%;height:2px;background:#fff}100%{width:100%;height:100%;background:#000}}@keyframes power-on{0%{width:0;height:0;background:#fff}50%{width:100%;height:2px;background:#fff}100%{width:100%;height:100%;background:#000}}@-webkit-keyframes sphereSpin{0%{-webkit-transform:rotateX(360deg) rotateY(0)}100%{-webkit-transform:rotateX(0) rotateY(360deg)}}@keyframes sphereSpin{0%{transform:rotateX(360deg) rotateY(0)}100%{transform:rotateX(0) rotateY(360deg)}}.spinner.sphere{display:none;width:10em;height:10em;transform:perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);transform-style:preserve-3d}.spinner .inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-animation:sphereSpin 6s linear infinite;animation:sphereSpin 6s linear infinite}.spinner.sphere .disc{position:absolute;width:100%;height:100%;border-radius:100%;border:.3em dotted #dcedd6}@-webkit-keyframes rotateDisc2{from{-webkit-transform:rotateX(90deg) rotateZ(0)}to{-webkit-transform:rotateX(90deg) rotateZ(360deg)}}@keyframes rotateDisc2{from{transform:rotateX(90deg) rotateZ(0)}to{transform:rotateX(90deg) rotateZ(360deg)}}@-webkit-keyframes rotateDisc3{from{-webkit-transform:rotateY(90deg) rotateZ(0)}to{-webkit-transform:rotateY(90deg) rotateZ(360deg)}}@keyframes rotateDisc3{from{transform:rotateY(90deg) rotateZ(0)}to{transform:rotateY(90deg) rotateZ(360deg)}}.spinner.sphere .disc:nth-child(1){-webkit-animation:rotate 12s linear infinite;animation:rotate 12s linear infinite}.spinner.sphere .disc:nth-child(2){-webkit-animation:rotateDisc2 12s linear infinite;animation:rotateDisc2 12s linear infinite}.spinner.sphere .disc:nth-child(3){-webkit-animation:rotateDisc3 12s linear infinite;animation:rotateDisc3 12s linear infinite}@media only screen and (max-width:1400px){#TV{transform:scale(.9)}}@media only screen and (max-width:1240px){#TV{transform:scale(.8)}}@media only screen and (max-width:1100px){#TV{transform:scale(.7)}}@media only screen and (max-width:1024px){#TV{transform:scale(.8)}#player{left:0;top:100%;width:100%;display:flex;justify-content:space-evenly;margin-top:20px}#player a{text-align:center;margin-left:0!important}#player .button.bandcamp{opacity:1}#controls{float:left}#playlist{display:flex;flex-direction:column}#credits{margin-top:50px}#credits a{transform:scale(.7)}}@media only screen and (max-width:850px){#credits{position:relative;flex-direction:column;mix-blend-mode:soft-light;margin-top:50px}#credits a{width:100%;margin-bottom:10px}}@media only screen and (max-width:750px){#TV{transform:scale(.7)}}@media only screen and (max-width:650px){#TV{transform:scale(.5)}}@media only screen and (max-width:1024px) and (max-aspect-ratio:16 / 9),only screen and (min-width:1401px) and (max-height:850px),only screen and (max-height:768px){#credits{position:relative}}@media (hover:none){#player .button.bandcamp{opacity:1}}@media only screen and (max-height:768px){#container{height:auto;max-height:none}#credits{position:relative}}