@layer base,index,secondary,modals,toolbar;@layer base{@font-face{font-family:ms-dos;src:url(/_fonts/MorePerfectDOS/MorePerfectDOSVGA.ttf)}@font-face{font-family:pixel-zim;src:url(/_fonts/pixelzim/pzim3x5b.ttf)}:root{--hover: #ffc700;--primary: #ff00ff;--secondary: #626262;--text: #ffffff;--background: #000000;--cursor-1: url(/_Assets/music/cursor1.png) 0 0, default;--cursor-2: url(/_Assets/music/cursor2.png) 0 0, default;--pointer: url(/_Assets/music/pointer.png) 5 0, pointer;font-size:22pt}*{box-sizing:border-box}body{font-family:ms-dos;color:var(--text);background-color:var(--background);margin:0;background-image:url(/_Assets/music/musicbg.png);image-rendering:pixelated;background-size:800px;cursor:var(--cursor-1);animation:cursor 2s infinite;min-height:100vh}h1,h2,h3,p{background-color:var(--background);margin:0}@keyframes cursor{0%{cursor:var(--cursor-1)}51%{cursor:var(--cursor-2)}}a{color:var(--primary);text-decoration:none}a:hover{color:var(--hover);text-decoration:underline;cursor:var(--pointer)}.topline,.topline-description{margin-inline:auto;text-align:center;width:-moz-fit-content;width:fit-content;margin-block:1rem}#main-header{font-family:pixel-zim;font-weight:700;font-size:3rem;width:-moz-fit-content;width:fit-content;margin:auto;color:var(--primary);margin-top:4rem;background-color:#000}#toolbar-placeholder{font-size:1rem;display:flex;font-size:1.2rem;flex-wrap:wrap;gap:1em;justify-content:space-evenly;width:100%;padding:1em;max-width:800px;margin:auto}#toolbar-placeholder a{background-color:var(--background)}#main-header a,#toolbar-placeholder a,#toast,.foul img{-webkit-user-select:none;-moz-user-select:none;user-select:none}#back-button{background-color:#000;position:absolute;white-space:normal;max-width:100%;top:2.5rem;left:2rem;font-size:1rem;z-index:100;color:gray}#toast{text-align:end;background-color:#000;z-index:98;position:fixed;background-color:var(--background);right:1rem;top:0;translate:0 -100%;transition:translate .25s ease-out}#toast.toast--visible{translate:0 0}#video{position:fixed}.divider{width:100%;overflow:hidden}.foul{height:20px;width:-moz-fit-content;width:fit-content;margin:auto;animation:divider 30s linear infinite both}.foul img{height:100%;width:auto;padding-inline:2rem}@keyframes divider{0%{transform:translate(100vw)}to{transform:translate(-100vw)}}@media (max-width: 600px){:root{font-size:15pt}#toast{width:100%;left:0;right:0;padding-inline:1rem;text-align:center;bottom:0;top:auto;translate:0 100%}#main-header{font-size:15vw}}}@layer index{body{padding-bottom:4rem}.divider{margin-block:10rem}#player{border:none;display:block;width:100%;max-width:800px;margin:auto;margin-block:1rem}.sixteen-nine{aspect-ratio:16/9}.four-three{aspect-ratio:4/3}.list-title{width:100%;margin:auto;padding-inline:1em;text-align:center}.selector-list{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scroll-behavior:smooth;display:flex;flex-wrap:nowrap;overflow-x:scroll;width:100%;max-width:900px;gap:5rem;margin-bottom:1rem;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 5%,rgba(0,0,0,1) 95%,rgba(0,0,0,0));mask-image:linear-gradient(to right,#0000,#000 5%,#000 95%,#0000)}.music-video-selector:first-child{margin-left:4rem}.music-video-selector:last-child{margin-right:4rem}.music-video-selector{--bg-opacity: .5;scroll-snap-align:center;display:block;align-content:center;width:min(70%,10rem);height:auto;aspect-ratio:1/1;flex-shrink:0;border:double 10px var(--secondary);background-color:var(--background);font-family:inherit;font-size:1.5rem;color:var(--text);cursor:var(--pointer);position:relative;isolation:isolate}.music-video-selector:after{content:"";top:0;right:0;bottom:0;left:0;z-index:-1;position:absolute;background-image:var(--bgimg);background-position:center;background-size:cover;opacity:var(--bg-opacity)}.music-video-selector span{display:block;margin:auto;background-color:#0000008f;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.active{--bg-opacity: 1 !important;border-color:#fff}.list-button-wrapper{display:flex;justify-content:center;align-items:center;margin-inline:1rem}.navigate{border:none;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;font:inherit;color:inherit;background-color:transparent;font-size:4rem;cursor:var(--pointer)}.navigate:hover{color:gray}#start-screen{text-align:center;font-size:1.25rem;margin:auto;width:80%;margin-bottom:10rem}.hidden{display:none;width:0;height:0}#random{cursor:var(--pointer);display:block;font-family:inherit;background-color:#000;border:double 10px var(--secondary);color:inherit;font-size:2rem;margin:2rem auto}#random:hover{border-color:var(--primary)}#random:active{border-color:var(--hover);color:var(--hover)}}