body,html{font-family:Stylish,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}:root{--color-bg1:#090a1a;--color-bg2:#170c20;--color1:18,255,180;--color2:136,160,252;--color3:210,222,50;--color4:77,143,1;--color5:242,126,80;--color6:76,254,73;--color7:255,255,255;--color-interactive:227,155,54;--circle-size:80%;--blending:hard-light}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.gradient-bg{background:linear-gradient(40deg,#090a1a,#170c20);background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw}.gradient-bg svg{display:none}.gradient-bg .gradients-container{filter:url(#goo) blur(40px);height:100%;width:100%}.gradient-bg .g1,.gradient-bg .g2,.gradient-bg .g3,.gradient-bg .g4,.gradient-bg .g5{height:80%;height:var(--circle-size);mix-blend-mode:hard-light;mix-blend-mode:var(--blending);opacity:.6;position:absolute;transform-origin:center center;width:80%;width:var(--circle-size)}.gradient-bg .g1,.gradient-bg .g2,.gradient-bg .g3,.gradient-bg .g4,.gradient-bg .g5{background:radial-gradient(circle at center,#12ffb4cc 0,#12ffb400 44%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 44%) no-repeat}.gradient-bg .g1{animation:moveVertical 30s ease infinite}.gradient-bg .g2{animation:moveInCircle 20s infinite reverse;background:radial-gradient(circle at center,#88a0fccc 0,#88a0fc00 44%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 44%) no-repeat}.gradient-bg .g2,.gradient-bg .g3{transform-origin:calc(50% - 400px)}.gradient-bg .g3{animation:moveInCircle 40s linear infinite;background:radial-gradient(circle at center,#d2de32cc 0,#d2de3200 44%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 44%) no-repeat;left:calc(10% - 500px);left:calc(50% - var(--circle-size)/2 - 500px);top:calc(10% + 200px);top:calc(50% - var(--circle-size)/2 + 200px)}.gradient-bg .g4{animation:moveHorizontal 40s ease infinite;background:radial-gradient(circle at center,#4d8f01cc 0,#4d8f0100 44%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 44%) no-repeat;opacity:.7;transform-origin:calc(50% - 200px)}.gradient-bg .g5{animation:moveInCircle 20s ease infinite;background:radial-gradient(circle at center,#f27e50cc 0,#f27e5000 44%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 44%) no-repeat;transform-origin:calc(50% - 800px) calc(50% + 200px)}.gradient-bg .g5,.gradient-bg .g6{height:160%;height:calc(var(--circle-size)*2);width:160%;width:calc(var(--circle-size)*2)}.gradient-bg .g6{animation:moveVertical 50s linear infinite;background:radial-gradient(circle at center,#4cfe49cc 0,#4cfe4900 44%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color6),.8) 0,rgba(var(--color6),0) 44%) no-repeat;transform-origin:calc(50% + 200px) calc(50% - 400px)}.gradient-bg .g7{animation:moveHorizontal 40s ease infinite;background:radial-gradient(circle at center,#4d8f01cc 0,#4d8f0100 44%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 44%) no-repeat;opacity:.7;transform-origin:calc(50% - 800px) calc(50% + 200px)}.gradient-bg .interactive{background:radial-gradient(circle at center,#e39b36cc 0,#e39b3600 44%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 44%) no-repeat;height:80%;height:var(--circle-size);left:-50%;mix-blend-mode:hard-light;mix-blend-mode:var(--blending);opacity:.45;position:absolute;top:-50%;width:80%;width:var(--circle-size)}button{z-index:1000}.album-display{align-items:center;display:flex;height:100vh;justify-content:center;z-index:100}.album-display button{background-color:initial;border:none;color:#fff6;font-family:Lilita One,sans-serif;font-size:45px;margin:0 300px;padding:10px}.album-display button:hover{color:#ffffffa6}.album-display button:active{color:#fffc}.album-display button:disabled{color:#0000}.text-container{color:#fff;height:100vh;justify-content:center;left:0;text-shadow:1px 1px #0000001a;top:0;-webkit-user-select:none;user-select:none;width:100vw;z-index:100}.album-info,.text-container{align-items:center;display:flex;flex-direction:column;text-align:center}.album-info{border-radius:10px;padding:15px;position:relative;width:100%;z-index:1}.album-name-text{color:#ffffffd9;font-size:25px;margin-bottom:-5px}.album-artist-text{color:#ffffffb3;font-size:35px;margin-bottom:30px}.plaque-frosted-glass{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(130deg,#fff6,#ffffff1a);border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px 0 #00000073;display:flex;flex-direction:column;padding:30px;position:relative;z-index:0}.album-cover-container{height:400px;margin-bottom:15px;overflow:hidden;position:relative;width:400px;z-index:2}.album-cover-container img{border-radius:20px;height:100%;object-fit:cover;width:100%}.sec-text-container-previous{transform:rotate(-5deg)}.sec-text-container-next,.sec-text-container-previous{align-items:center;color:#fff;display:flex;filter:blur(10px);flex-direction:column;height:90vh;justify-content:center;left:0;opacity:.5;padding-top:60px;text-align:center;text-shadow:1px 1px #0000001a;top:0;-webkit-user-select:none;user-select:none;width:0;z-index:90}.sec-text-container-next{transform:rotate(5deg)}.sec-album-info{align-items:center;border-radius:10px;display:flex;flex-direction:column;padding:15px;position:relative;text-align:center;width:100%;z-index:1}.sec-album-name-text{color:#fffc;font-size:25px;margin-bottom:-5px}.sec-album-artist-text{color:#fff9;font-size:35px;margin-bottom:30px}.sec-plaque-frosted-glass{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(130deg,#ffffff4d,#fff0);border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px 0 #00000059;display:flex;flex-direction:column;padding:30px;position:relative;z-index:0}.sec-album-cover-container{height:400px;margin-bottom:15px;overflow:hidden;position:relative;width:400px;z-index:2}.sec-album-cover-container img{border-radius:20px;height:100%;object-fit:cover;width:100%}
/*# sourceMappingURL=main.faaf7436.css.map*/