@import url(https://fonts.googleapis.com/css2?family=Courier+Prime&family=Dancing+Script:wght@400;700&family=DotGothic16&family=Major+Mono+Display&family=Xanh+Mono:ital@0;1&family=Young+Serif&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mr+Dafoe&family=Share+Tech+Mono&display=swap);body{background-color:#000}#root,body{height:100vh;width:100%}:root{--backgroundbiege:#d1be9c;--backgroundbrown:#33210c;--backgroundblack:#1f1d20;--backgroundblacklighter:#2e2d2d;--color1:#8e4b4b;--color2:#918348}*{margin:0;padding:0}.main{justify-content:space-between;overflow:hidden}.main,.main-album-wrap{display:flex;flex-direction:column;height:100%;width:100%}.main-album-wrap{justify-content:center}.cover-filter{background:linear-gradient(#12101000 50%,rgba(0,0,0,.137) 0),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;height:100vh;pointer-events:none}.cover-filter,.home{left:0;position:absolute;top:0;width:100%}.home{animation:homebg 1s ease-in-out infinite alternate;background:linear-gradient(#ccbfaa,#000);background-position:0 0;background-size:200%;height:100%;z-index:0}@keyframes homebg{0%{background-position:0 0}to{background-position:0 100%}}.full-wrapper{gap:20px;height:100%;margin:auto 0;padding:16px;width:100%;z-index:4}.full-wrapper,.info-about-album-wrap{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.info-about-album-wrap{border:2px solid #000;flex-wrap:wrap;font-family:monospace;height:auto;margin:0 auto;max-width:90%}.info-about-album{background-color:#000000ac;box-shadow:0 0 24px #000;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;padding:10px 16px;width:auto}.info-about-album-wrap p{color:#fff;font-size:15px;font-weight:600;margin:0 auto;text-align:center;width:auto}.color-gold-glow{color:#ffe44a;text-shadow:0 0 16px #ffe341}.page-wrapper{display:flex;flex-direction:row;height:90%;justify-content:center}.play-button{background:#00000079;color:#fff;font-size:20px;z-index:5}.play-button:hover{filter:invert(1)}.controls-wrapper{display:flex;flex-direction:row;gap:10px;justify-content:space-evenly;margin:0 auto;z-index:6}.press-play{color:#ef0;display:flex;flex-direction:column;font-family:monospace;font-size:28px;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;text-align:center;text-shadow:0 0 2px #ef0,2px 2px 16px #ffffff80;width:100%;z-index:5}.press-play p{animation:fade-in-attention 1s ease-in-out infinite alternate;background:#000000a1;margin:auto;padding:10px;text-shadow:0 0 12px #ef0,2px 2px 16px #ffffff80}.seraphim-wrapper{aspect-ratio:1/1;box-shadow:0 0 36px 2px #fff098;display:flex;max-width:100%;overflow:hidden;position:relative}@media screen and (orientation:portrait){.seraphim-wrapper{height:80%;margin:auto 0}}input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#000;border:2px solid #fff;border-radius:.5rem;height:.7rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #000;border-radius:2px;height:2rem;margin-top:-12px;width:1rem}input[type=range]::-moz-range-track{background-color:#053a5f;border-radius:.5rem;height:.5rem}input[type=range]::-moz-range-thumb{background-color:#5cd5eb;border:none;border-radius:0;height:2rem;width:1rem}@keyframes fade-in-attention{0%{opacity:10%}to{opacity:100%}}@media screen and (max-width:1075px){.info-about-album{flex-direction:row;justify-content:space-evenly}.info-about-album-wrap{padding:0}}.toolbar-wrapper{background-color:#000;box-shadow:0 0 16px #000;padding:4px;width:100%;z-index:6}.album-routes{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.album-routes ul{color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Major Mono Display,monospace;font-size:1em;gap:10px;justify-content:space-evenly;letter-spacing:1.5px;margin:auto;text-align:center;width:100%}.album-routes li{border-radius:5px;color:#fff;justify-content:center;list-style:none;padding:10px;text-align:center;vertical-align:middle}.album-routes li:hover{color:gold;font-weight:700;text-shadow:0 0 12px #ffe341}.album-selected{font-weight:700;text-decoration:underline;text-shadow:0 0 16px #ffe341;transition:.5s ease-in-out}.color-albumtitle{color:#ffdcae;font-family:Xanh Mono,monospace}@media screen and (max-width:950px){.album-routes ul{font-size:.7em}}.sonus-wrapper{aspect-ratio:1/1;background:url(/animated-album-covers/static/media/bgblackboard.d3911f212c4c0d7ea0a0.png);background-position:50%;background-size:cover;border-color:#4b4b4b #7a7a7a #7a7a7a #4b4b4b;border-style:solid;border-width:6px;box-shadow:0 0 30px #000;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:100%;overflow:hidden;padding:6px 24px 24px}@media screen and (orientation:portrait){.sonus-wrapper{height:-webkit-min-content;height:min-content;margin:auto 0;width:90%}}.compilation-text{-webkit-text-stroke-width:1.25px;-webkit-text-stroke-color:#000;animation:compTxt 2s ease-in-out infinite alternate;color:var(--color2);font-family:Dancing Script,cursive;font-size:clamp(2rem,3rem,3.5rem);font-weight:700;letter-spacing:2px;line-height:10px;position:relative;text-align:right;transform:rotate(-8deg);transform-origin:center;translate:190% 20px;width:35%}@keyframes compTxt{0%{transform:scale(1) rotate(-8deg)}to{transform:scale(1.05) rotate(-8deg)}}.title-text-wrap{margin:0 auto;width:100%}.title-text{color:var(--color1);font-family:Major Mono Display,monospace;font-size:clamp(3-+ rem,4rem,5.5rem);text-align:center}.title-bars{width:100%}.bar-color1{border:2px solid var(--color1);height:0;margin:0 auto;width:100%}.bar-color2{border:2px solid var(--color2);height:0;margin:20px auto;width:100%}.main-visual-wrapper{flex-direction:row;gap:20px;height:100%;padding-top:20px;width:100%}.main-visual-wrapper,.visual-division{display:flex;justify-content:space-between}.visual-division{flex-direction:column;gap:16px}.column-left{height:100%;width:40%}.fluctuation-box{animation:gradient 15s ease infinite;background:linear-gradient(-45deg,var(--backgroundblacklighter),var(--color1));background-size:400% 400%;height:15%;overflow:hidden}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.orbital-box{display:flex;flex-direction:row;height:25%;justify-content:center;text-align:center}.orbital1{height:80%;margin:auto;width:80%}.orbital-border1{border:3px solid var(--color1)}.orbital-border2{border:4px solid var(--color2)}.rotate-left{animation:circlerotateY 5s ease-in-out infinite reverse}.rotate-right{animation:circlerotateY 10s ease-in-out infinite}.rotate-up{animation:circlerotateX 5s ease-in-out infinite reverse}.rotate-down{animation:circlerotateX 20s ease-in-out infinite}@keyframes circlerotateY{to{transform:rotateY(1turn)}}@keyframes circlerotateX{to{transform:rotateX(1turn)}}.circle-orbit-container{position:absolute}.parallax-box1{--s:45px;--c1:var(--color2);--c2:var(--color1);--_s:calc(var(--s)*2) calc(var(--s)*2);--_g:var(--_s) conic-gradient(at 40% 40%,#0000 75%,var(--c1) 0);--_p:var(--_s) conic-gradient(at 20% 20%,#0000 75%,var(--c2) 0);animation:m 3s infinite;background-color:var(--color2);background:calc(var(--s)*.9) calc(var(--s)*.9)/var(--_p),calc(var(--s)*-.1) calc(var(--s)*-.1)/var(--_p),calc(var(--s)*.7) calc(var(--s)*.7)/var(--_g),calc(var(--s)*-.3) calc(var(--s)*-.3)/var(--_g),conic-gradient(from 90deg at 20% 20%,var(--c2) 25%,var(--c1) 0) 0 0/var(--s) var(--s);display:flex;flex-direction:column;height:60%;justify-content:center;overflow:hidden;width:100%}@keyframes m{0%{background-position:calc(var(--s)*.9) calc(var(--s)*.9),calc(var(--s)*-.1) calc(var(--s)*-.1),calc(var(--s)*.7) calc(var(--s)*.7),calc(var(--s)*-.3) calc(var(--s)*-.3),0 0}25%{background-position:calc(var(--s)*1.9) calc(var(--s)*.9),calc(var(--s)*-1.1) calc(var(--s)*-.1),calc(var(--s)*1.7) calc(var(--s)*.7),calc(var(--s)*-1.3) calc(var(--s)*-.3),0 0}50%{background-position:calc(var(--s)*1.9) calc(var(--s)*-.1),calc(var(--s)*-1.1) calc(var(--s)*.9),calc(var(--s)*1.7) calc(var(--s)*-.3),calc(var(--s)*-1.3) calc(var(--s)*.7),0 0}75%{background-position:calc(var(--s)*2.9) calc(var(--s)*-.1),calc(var(--s)*-2.1) calc(var(--s)*.9),calc(var(--s)*2.7) calc(var(--s)*-.3),calc(var(--s)*-2.3) calc(var(--s)*.7),0 0}to{background-position:calc(var(--s)*2.9) calc(var(--s)*-1.1),calc(var(--s)*-2.1) calc(var(--s)*1.9),calc(var(--s)*2.7) calc(var(--s)*-1.3),calc(var(--s)*-2.3) calc(var(--s)*1.7),0 0}}.spin-ovals-wrap{background-color:none;background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;margin:auto;transition:background-image 1s ease-in-out;width:100%}.spin-ovals-wrap:hover{background-image:url(/animated-album-covers/static/media/theeye3.af0c389f6c35c7b6a09c.png)}.flex-center{display:flex;flex-direction:column;justify-content:center}.oval{border:4px solid var(--backgroundbiege);border-radius:100%;height:100%;width:auto}.oval:hover{border:4px solid #0000;transform:scale(1.2)}.rotateani{animation:rotate 8s ease-in-out infinite alternate}.rotateani-r{animation:rotate 16s ease-in-out infinite alternate-reverse}@keyframes rotate{0%{transform:rotate(-165deg) scale(.95)}to{transform:rotate(165deg) scale(.9)}}.column-right{height:100%;width:60%}.text-info-box{color:var(--color2);display:flex;flex-direction:row;font-family:"Young Serif",serif;font-size:clamp(.5rem,1.25rem,1.5rem);height:15%;letter-spacing:.5px;line-height:1.3rem;text-align:left}.info-image{animation:throb 2.5s ease-in-out infinite alternate;filter:sepia(1);height:100%;transition:filter .5s ease-in-out;width:20%}.info-image:hover{filter:sepia(0)}@keyframes throb{0%{transform:scale(1) rotate(-20deg)}to{transform:scale(1.1) rotate(20deg)}}.parallax-box2{animation:para 50s linear infinite alternate;background-color:#ff808066;background-image:url(/animated-album-covers/static/media/treeline.4fc4fa531c2ea921df8c.png),url(https://78.media.tumblr.com/8cd0a12b7d9d5ba2c7d26f42c25de99f/tumblr_p7n8kqHMuD1uy4lhuo2_1280.png),url(/animated-album-covers/static/media/mountains.3376067dcbf82bb37bf6.png),url(/animated-album-covers/static/media/clouds.05e4b31f7903aa0f82ac.png),url(/animated-album-covers/static/media/theeye.4dc109017b892c39febd.png);background-position:0 120%,0 50%,0 100%,0 0,0 20%;background-repeat:repeat-x;background-size:600px,500px 200px,1000px,400px 260px,600px;filter:sepia(.75);height:55%;width:100%}@keyframes para{to{background-position:-800px 95%,500px 50%,1000px 100%,400px 0,2000px -30%}}.music-visualizer-wrap{height:30%;width:100%}.border-color1{border:3px solid var(--color1)}.border-color2{border:3px solid var(--color2)}.border-color1:hover{filter:saturate(50) invert(.25);transition:.5s ease-in-out}.border-color2:hover{filter:sepia(0);transition:.5s ease-in-out}.bumper-wrap{background-color:rgba(0,0,0,.541);display:flex;flex-direction:row;font-family:Dot Font,monospace;font-size:3rem;font-size:35px;height:100%;letter-spacing:2px;overflow:hidden;width:100%}.nobgcolor{background:none}#visualizer{display:flex;flex-direction:column;height:100%;width:100%}#controls{background:linear-gradient(dimgray,#f8f8ff)}.bars-wrapper{display:flex;flex-direction:row;gap:1px;height:100%;justify-content:center;padding-top:20px;width:100%}.bars-wrapper-lynx{padding-top:30%}.bawrap{height:auto;width:100%}#bars{align-items:flex-end;display:flex;flex:4 1;flex-direction:row;gap:1px;height:100%}.bar{background:linear-gradient(var(--color2) 60%,var(--color1));background-image:repeating-linear-gradient(0,var(--backgroundblacklighter),var(--backgroundblacklighter) 1px,#0000 1px,#0000 4px),linear-gradient(var(--color2) 60%,var(--color1));transform-origin:bottom;width:3.125%}.bar:hover{background:linear-gradient(orange,#fff);transform:scale(1.25)}.bar-refactor-lynx{background-image:linear-gradient(var(--c5),var(--c4),var(--c3),var(--c2),var(--c1));box-shadow:0 0 2px #0009,1px 1px 16px rgba(0,0,0,.575);overflow:visible;width:1.5625%}.inverted-bar{background:linear-gradient(#80ff00bf 30%,red);box-shadow:0 0 2px #0009,1px 1px 16px #fff;height:20px;transform-origin:bottom;width:6px}.inverted-bar:hover{background:linear-gradient(orange,#fff);transform:scale(1.25)}.bumper-wrap-refactor-solo{display:flex;flex-direction:row;font-family:Dot Font,monospace;font-size:3rem;font-size:35px;height:100%;letter-spacing:2px;overflow:hidden;width:100%}.bar-refactor-solo{background-image:linear-gradient(var(--sc1),var(--sc3),var(--sc4));box-shadow:0 0 2px #0009,1px 1px 16px hsla(0,0%,100%,.575)}.p5-wrap{box-sizing:border-box;display:flex;filter:invert(1) sepia(.9);margin:0 auto;transition:transform 1s ease;-webkit-transition:-webkit-filter .5s linear}.p5-wrap:hover{filter:invert(1)}.marquee-wrap{flex-direction:column;font-family:Xanh Mono,monospace;font-size:1.5rem;font-style:italic;height:100%;letter-spacing:2px;overflow:hidden;width:100%}.marquee-inner,.marquee-wrap{background-color:#000;display:flex}.marquee-inner{flex-direction:row;width:200%}.marquee-inner:hover{cursor:pointer;filter:invert(1) sepia(1);.marquee-left{color:var(--color2)}.marquee-left,.marquee-right{animation-play-state:paused;text-shadow:0 0 4px #ff4343,2px 2px 16px #ffffff80}.marquee-right{color:var(--color1)}}.double-up{display:flex;flex-direction:row}.marquee-left{animation:marquee-to-left 40s linear infinite;color:var(--color1);text-shadow:0 0 4px var(--color1),2px 2px 16px #ffffff80;width:100%}.marquee-left,.marquee-right{float:left;padding-left:20px;white-space:nowrap}.marquee-right{animation:marquee-to-left 40s linear infinite reverse;color:var(--color2);text-shadow:0 0 4px var(--color2),2px 2px 16px #ffffff80;width:auto}:root{--c1:#fbeb84;--c2:#f48f63;--c3:#d47a3e;--c4:#7f7086;--c5:#5a6e96}.lynx-wrapper{aspect-ratio:1/1;box-shadow:0 0 20px 2px #0000009c;display:flex;flex-direction:column;margin:0;max-width:100%;overflow:hidden;position:relative}@media screen and (orientation:portrait){.lynx-wrapper{height:-webkit-min-content;height:min-content;margin:auto 0;width:90%}}.gradient-bg{background:linear-gradient(180deg,#faee85,#faee85 4%,#f69260 26%,#e77f38 35%,#596f98 91%,#596f98);-webkit-clip-path:polygon(0 0,0 100%,100% 100%);clip-path:polygon(0 0,0 100%,100% 100%);height:100%;overflow:hidden;position:relative;transition:filter 1s ease-in-out;width:100%;z-index:2}.gradient-bg:hover{filter:invert(1)}.space-triangle{background:url(/animated-album-covers/static/media/hubble.9d5971ca71e7011ee40e.jpg);background-position:50%;background-size:contain;filter:invert(.1);height:130%;overflow:hidden;position:absolute;transform-origin:center;translate:-20% -20%;width:130%;z-index:1}@keyframes rotateZ{0%{transform:rotate(-180deg)}to{transform:rotate(180deg)}}.gradient-ball{animation:throbBall 6s ease-in-out infinite alternate;background:linear-gradient(180deg,#faee85,#faee85 4%,#f69260 26%,#e77f38 35%,#596f98 91%,#596f98);border-radius:100%;height:30%;overflow:hidden;position:absolute;right:12%;top:10%;transform:rotate(180deg);transition:filter 1s ease-in-out;width:30%;z-index:3}.gradient-ball:hover{filter:invert(1);opacity:.9}@keyframes throbBall{0%{transform:scale(.8) rotate(180deg)}to{transform:scale(1.05) rotate(180deg)}}.vertical-colors{display:flex;flex-direction:row;height:100%;justify-content:center;position:absolute;right:0;top:0;width:5%;z-index:3}.bar1{animation:widthAnimation 2.5s ease-in-out infinite;animation-delay:1s;background:#fbeb84;background:var(--c1);width:100%}.bar2{animation:widthAnimation 2.5s ease-in-out infinite;animation-delay:.75s;background:#f48f63;background:var(--c2);width:100%}.bar3{animation:widthAnimation 2.5s ease-in-out infinite;animation-delay:.5s;background:#d47a3e;background:var(--c3);width:100%}.bar4{animation:widthAnimation 2.5s ease-in-out infinite;animation-delay:.25s;background:#7f7086;background:var(--c4);width:100%}.bar5{animation:widthAnimation 2.5s ease-in-out infinite;background:#5a6e96;background:var(--c5);width:100%}@keyframes widthAnimation{10%{width:250%}20%{width:100%}}:root{--sc1:#00005b;--sc2:#5f69b8;--sc3:#8546c0;--sc4:#de6fdc}.solo-bumper-wrap{bottom:0;height:100%;left:0;position:absolute;width:100%}.solo-wrapper{aspect-ratio:1/1;background:linear-gradient(#00005b,#5f69b8);background:linear-gradient(var(--sc1),var(--sc2));box-shadow:0 0 20px 2px #0000009c;justify-content:center;max-width:100%;overflow:hidden;position:relative}.emil-wrap,.solo-wrapper{display:flex;flex-direction:column}.emil-wrap{font-style:italic;font-weight:100;height:100%;letter-spacing:2px;pointer-events:none;position:absolute;top:0;transform:rotate(-10deg);translate:20% 2%;width:100%}.emil-r,.emil-r2{color:#fff;font-family:Mr Dafoe,cursive;font-size:clamp(1.5vw,2.5vw,3.5vw);font-weight:lighter;position:absolute}.emil-r2{translate:20% 60%}@media screen and (orientation:portrait){.solo-wrapper{height:-webkit-min-content;height:min-content;margin:auto 0;width:90%}.emil-r,.emil-r2{font-size:clamp(1.5vh,2.5vh,3.5vh)}}.solo-gradient-circle{animation:circleAni 3s ease-in-out infinite alternate;background:linear-gradient(180deg,#00005b 10%,#5f69b8 30%,#8546c0 50%,#de6fdc 80%,#fff);background:linear-gradient(to bottom,var(--sc1) 10%,var(--sc2) 30%,var(--sc3) 50%,var(--sc4) 80%,#fff 100%);border-radius:50%;height:30%;margin:0 auto;pointer-events:none;position:absolute;transform:rotate(45deg);translate:114% -34%;width:30%;z-index:3}@keyframes circleAni{0%{box-shadow:none}to{box-shadow:0 0 4px #0009,4px 4px 16px hsla(0,0%,100%,.873);opacity:.25;transform:scale(1.1)}}.solo-triag-wrap{animation:triagAni 3s ease-in-out infinite alternate;display:flex;flex-direction:column;height:100%;margin:0 auto;pointer-events:none;position:absolute;transform:rotate(50deg);translate:20% 28%;width:100%;z-index:2}@keyframes triagAni{to{transform:scale(1.05) rotate(35deg)}}.descend-title{color:#fff;font-family:Share Tech Mono,monospace;font-size:clamp(.75vw,1vw,2vw);letter-spacing:clamp(0px,50px,60px);padding-top:10px;pointer-events:none;text-align:right;width:66%}.solo-gradient-triangle{animation:triagAniSolo 3s ease-in-out infinite alternate;background:linear-gradient(0deg,#00005b 10%,#5f69b8 30%,#8546c0 50%,#de6fdc 80%,#fff);background:linear-gradient(to top,var(--sc1) 10%,var(--sc2) 30%,var(--sc3) 50%,var(--sc4) 80%,#fff 100%);-webkit-clip-path:polygon(0 0,0 100%,100% 100%);clip-path:polygon(0 0,0 100%,100% 100%);height:61%;pointer-events:none;width:60%}@keyframes triagAniSolo{to{box-shadow:0 0 4px #0009,4px 4px 16px rgba(255,134,225,.873);opacity:.25}}.solo-gradient-box{animation:boxAni 2s ease-in-out infinite alternate;background:linear-gradient(0deg,#00005b,#5f69b8);background:linear-gradient(0deg,var(--sc1),var(--sc2));height:55%;margin:0 auto;pointer-events:none;position:absolute;transform:rotate(-10deg);translate:55% 0;width:51%;z-index:1}@keyframes boxAni{to{box-shadow:0 0 4px #0009,4px 4px 16px hsla(0,0%,100%,.873);opacity:.25;transform:rotate(6deg)}}.solo-color-bars-wrapper{animation:bars-widen 6s ease-in-out infinite alternate;display:flex;flex-direction:column;height:7%;justify-content:space-between;pointer-events:none;transform:translateX(-5%);width:110%;z-index:0}@keyframes bars-widen{0%{height:7%}20%{height:7%}to{height:20%}}.solo-color-bar{background-image:linear-gradient(270deg,#fff 10%,#ff75f8 25%,#ff75f8 75%,white);box-shadow:0 0 4px #0009,4px 4px 16px rgba(0,0,0,.575);height:6%;transform:rotate(-8deg);width:100%}:root{--zbg:#1c1c1c;--zcb:#1181a4;--zcg:#86a135;--zcy:#e9d138;--zco:#e7552a;--zcp:#ea3b7a;--zbrightyellow:#f8f2c8;--zsalmonpink:#f3cbb6;--zsubtlepurple:#998dc3;--zgrey:#63615e}.zero-wrapper{background:#1c1c1c;background:var(--zbg);justify-content:center;max-height:1100px}.oot-wrapper,.zero-wrapper{box-shadow:0 0 20px 2px #0000009c;display:flex;flex-direction:column;height:85vh;margin:30px auto 0;max-width:1100px;overflow:hidden;position:relative;width:85vh}@font-face{font-family:Dot Font;src:url(/animated-album-covers/static/media/dotfont.6f56ef664a533e18afcd.ttf) format("truetype")}.s-bumper-wrap{background-color:#000;box-sizing:border-box;flex-direction:row;font-family:Dot Font,monospace;height:100%;overflow:hidden}#s-visualizer,.s-bumper-wrap{background:radial-gradient(#ff0062 50%,#294b96);display:flex}#s-visualizer{animation:hue-fade 20s infinite alternate;flex-direction:column;width:100%}@keyframes hue-fade{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}#controls{align-items:center;background:radial-gradient(#a3a3a3,#eee);background:#0000009f;display:flex;justify-content:center;z-index:2}#controls hr{border:2px dashed #fff;height:0;margin:0 auto;width:24%}#controls button,#controls hr{box-sizing:border-box;color:#fff}#controls button{background:none;border:none;font-size:24px;margin:7px 6px 3px;outline:none}#controls button:hover{color:#4cffe7}.not-playing{background:#000000d5;color:#ef0;display:flex;flex-direction:column;font-family:Fake Receipt,monospace;font-size:28px;justify-content:center;pointer-events:none;position:absolute;text-align:center;text-shadow:0 0 2px #ef0,2px 2px 16px #ffffff80;width:100%;z-index:3}.not-playing p{margin:0;padding:0}.s-bars-wrapper{align-items:flex-end}.s-bars-wrapper,.s-bars-wrapper-upside-down-inverted{display:flex;flex-direction:row;gap:1px;height:100%;width:100%}.s-bars-wrapper-upside-down-inverted{filter:invert(1);justify-content:center;left:0;top:0;transform:rotateX(180deg);transform-origin:center}.overlay{height:100%;translate:0 -100%;width:100%}@keyframes blink{0%{height:300px}to{height:210px}}.eyewrap{background:url(/animated-album-covers/static/media/dabrain.1442a812bfcc2af83ff3.jpg);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@keyframes saturate{40%{filter:none}42%{filter:contrast(50)}45%{filter:none}}.eyewrap:before{animation:eyeanimation 10s ease-in-out infinite alternate;background:url(/animated-album-covers/static/media/theeye3.f3d5be65a30aa009c12d.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.eyewrap:after,.eyewrap:before{content:"";height:100%;position:absolute;width:100%}.eyewrap:after{animation:saturate 10s ease-in-out infinite alternate;background:url(/animated-album-covers/static/media/dabrain.1442a812bfcc2af83ff3.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;left:0;top:0;z-index:-1}@keyframes eyeanimation{0%{transform:rotate(0deg)}50%{filter:none}52%{filter:blur(10px) contrast(4);transform:none}55%{filter:none}to{transform:rotate(30deg)}}.s-bawrap{height:50%;width:100%;z-index:2}.flip-down{transform:rotateX(180deg);transform-origin:left}#s-bars{align-items:flex-end;flex:4 1}#inverted-s-bars,#s-bars{display:flex;flex-direction:row;gap:1px;height:100%;width:100%}#inverted-s-bars{align-items:flex-start}.flip{transform:rotateY(180deg)}.s-bar{animation:s-bars 16s ease-in-out infinite alternate;background:linear-gradient(#7fff00 60%,#ffdead);border-radius:2px 2px 0 0;box-shadow:0 0 2px #0009,1px 1px 16px #fff;width:100%}@keyframes s-bars{0%{margin-bottom:0}40%{filter:none}45%{filter:hue-rotate(45deg)}50%{filter:none}55%{filter:hue-rotate(135deg)}60%{filter:none}65%{filter:hue-rotate(270deg)}to{margin-bottom:13%}}.s-bar:hover{background:linear-gradient(orange,#fff);transform:scale(1.25)}.inverted-s-bar{background:linear-gradient(#80ff00bf 30%,red);border-radius:2px 2px 0 0;box-shadow:0 0 2px #0009,1px 1px 16px #fff;height:20px;transform-origin:bottom;width:100%}.inverted-s-bar:hover{background:linear-gradient(orange,#fff);transform:scale(1.25)}.play-button{background:inherit;border:0;cursor:pointer;height:40px;outline:none;padding:0;width:40px}.now-playing-wrap{background-color:#000;display:flex;flex-direction:row;font-size:clamp(1rem,2rem,2.5rem);letter-spacing:2px;width:200%}.now-playing-wrap:hover{background-color:#fff5e5;cursor:pointer;z-index:3;.now-playing-left,.now-playing-right{animation-play-state:paused;color:#ff4343;filter:invert(1);text-shadow:0 0 4px #ff4343,2px 2px 16px #ffffff80}}.now-playing-left{animation:marquee-to-left 40s linear infinite;color:#fefa12;text-shadow:0 0 4px #fefa12,2px 2px 16px #ffffff80}.now-playing-left,.now-playing-right{float:left;padding:0 20px 0 0;white-space:nowrap;width:auto;z-index:3}.now-playing-right{animation:marquee-to-left 40s linear infinite reverse;color:#f476ff;text-shadow:0 0 4px #f476ff,2px 2px 16px #ffffff80}@keyframes marquee-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.dancing-shapes{background:#000000bf;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:5px 0;width:100%;z-index:100}.dancing-shapes:hover{cursor:pointer}.box{align-items:center;color:#00136c;display:flex;height:30px;justify-content:center;transition:.5s ease-in-out;width:30px}.box:first-child{animation:loader 2s infinite;background-image:url(/animated-album-covers/static/media/theeye.c03cb7357b45b9cc6e47.png);background-position:50%;background-size:cover;border-radius:100%;box-shadow:0 0 2px #7fff00,1px 1px 16px #ffffff80}.box:nth-child(2){animation:loader 4.2s infinite;background-image:url(/animated-album-covers/static/media/theeye3.f3d5be65a30aa009c12d.png)}.box:nth-child(2),.box:nth-child(3){background-position:50%;background-size:cover;border-radius:100%;box-shadow:0 0 2px #fffd80,1px 1px 16px #ffffff80}.box:nth-child(3){animation:loader 1.5s infinite;background-image:url(/animated-album-covers/static/media/theeye2.84ba6e7e941f9948f7c1.png)}.box:nth-child(4){animation:loader 3s infinite;background-image:url(/animated-album-covers/static/media/theeye3.f3d5be65a30aa009c12d.png)}.box:nth-child(4),.box:nth-child(5){background-position:50%;background-size:cover;border-radius:100%;box-shadow:0 0 2px #fffd80,1px 1px 16px #ffffff80}.box:nth-child(5){animation:loader 3.5s infinite;background-image:url(/animated-album-covers/static/media/theeye2.84ba6e7e941f9948f7c1.png)}@keyframes loader{0%{rotate:0deg}25%{rotate:y 90deg;scale:.5}50%{rotate:180deg}75%{rotate:x 270deg}to{rotate:1turn}}@supports not (rotate:0deg){@keyframes loader{0%{transform:rotate(0deg)}25%{transform:scale(.5) rotateY(90deg)}50%{transfrom:rotate(180deg)}75%{transform:rotateX(270deg)}to{transform:rotate(1turn)}}}@media screen and (max-width:500px){.now-playing-wrap{font-size:1rem;letter-spacing:2px}}
/*# sourceMappingURL=main.5d92b688.css.map*/