@font-face{font-family:Eurostile;src:url(/Fonts/Eurostile-Regular.otf) format("opentype");font-weight:200}@font-face{font-family:Eurostile;src:url(/Fonts/Eurostile-Bold.otf) format("opentype");font-weight:700}@font-face{font-family:Eurostile;src:url(/Fonts/Eurostile-Regular%20Oblique.otf) format("opentype");font-style:italic}@font-face{font-family:Eurostile;src:url(/Fonts/Eurostile-Medium.otf) format("opentype");font-weight:400}@font-face{font-family:Eurostile;src:url(/Fonts/Eurostile-Black.otf) format("opentype");font-weight:800}@font-face{font-family:EurostileExt;src:url(/Fonts/EurostileExt-Med.otf) format("opentype")}:root{font-family:Eurostile,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh}.logo{font-family:EurostileExt;color:#fff;opacity:80%;line-height:1;position:fixed;top:0;right:0;z-index:2;font-size:2.2rem;margin-right:2vh}h1{align-self:flex-end;font-size:2.2rem;flex-shrink:2;margin:0;display:block;max-width:200px}.loader{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(0deg,#242424 50%,#535bf2);animation:spin 1s linear infinite}.inner-circle{width:90%;height:90%;background-color:#000;border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;max-width:80%}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{display:flex;flex-grow:1;flex-direction:row;align-items:baseline;justify-content:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#0000;background-color:#0006}.modal-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100vw;height:100%}.mat-button{font-size:4rem;cursor:pointer}.mat-button:hover{font-variation-settings:"wght" 700;font-variation-settings:"GRAD" 1;color:#656cf3;transition:all .3s}.track-info{position:fixed;z-index:3;bottom:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:end;padding:10px;gap:10px;row-gap:0px;max-height:150px}.artist-name{font-size:1.5em;font-weight:700;width:100%;line-height:2rem}.ep-name{font-size:1.2rem}.track-name{font-style:italic;font-size:1.2rem}.controls{display:flex;flex-direction:row;align-items:end}.legals-tab{font-family:Eurostile;font-weight:200;padding-left:1rem;padding-right:1rem;height:30px;position:absolute;z-index:3;top:30%;left:0;font-size:1rem;cursor:pointer;background-color:#242424;color:#fff;transform-origin:0 0;transform:rotate(-90deg);border-bottom-left-radius:2px;border-bottom-right-radius:20px}.legals-tab:hover{background-color:#242424c0;border-bottom:1px solid #535bf2;border-right:1px solid #535bf2;border-left:1px solid #535bf2}#legal-info{position:absolute;top:15%;z-index:3;width:70vw;height:70vh;padding:3vh;background-color:#242424cc;color:#fff;border-top-right-radius:15px;border-bottom-right-radius:15px}.legal-text{font-family:Eurostile;font-weight:200;font-size:1.2rem;line-height:1.5;padding:4px;border:1px solid #535bf2;background-color:#242424;margin-bottom:10px;overflow:scroll;height:85%}.legal-text p,.legal-text ul{font-size:1rem}.close-legal{position:absolute;z-index:4;top:8px;right:8px;font-size:2rem;cursor:pointer}#controls span{display:block;font-size:2rem;cursor:pointer}@media screen and (min-width: 600px){#legal-info{max-width:30vw}.track-info{padding-left:30px;padding-bottom:30px;gap:20px;row-gap:0px}.artist-name{width:100%;font-size:2rem}}.hidden{display:none}