.landing-page{text-align:center}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;color:#fff}button{padding:.5rem 1rem;font-size:1rem;cursor:pointer;color:#7418a9}.navbuttons{display:flex;flex-direction:row;gap:10}button:hover{background-color:#fdc87380;color:#fff}.hero{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10}#root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-image:linear-gradient(43deg,#4158D0 0%,#C850C0 46%,#FFCC70 100%);background-repeat:no-repeat;background-size:cover;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#fdc873}body{margin:0;display:flex;background-image:linear-gradient(43deg,#4158D0 0%,#C850C0 46%,#FFCC70 100%)}@media only screen and (min-width: 600px){body{min-height:100vh}#root{background-image:none}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#fdc873}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#f5f5f5;background-color:#fff}a:hover{color:#fdc873}button{background-color:#f9f9f9}}.navbar{display:flex;justify-content:space-between;padding:1rem;row-gap:10;align-items:center;color:#fff}.navbuttons{display:flex;align-items:center;justify-content:center}.grabbable{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.grabbable:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.inputbox{height:40px;text-align:center;border-color:#fdc873;border-width:1px;width:98%;font-size:large;font-weight:700}.trackrow{display:flex;justify-content:center;align-items:center;row-gap:10;gap:10}.trackcardcontent{display:flex;justify-content:center;align-items:flex-start;margin:200}#root{margin:0 auto;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-repeat:no-repeat;background-size:cover}.tracks{display:flex}.singleTrack{margin-right:.5rem;margin-left:.5rem}.audio-mixer{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.globalSeek input,.controls-wrapper{width:100%}.tracks{display:flex;align-items:center;width:100%;justify-content:space-evenly}.controls{margin-top:2rem}.globalSeek{margin-top:1rem;width:100%}.appWrapper{width:100%;height:auto;border-radius:50px}.selectBoxWrapper{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:1rem;color:"black"}.selectBox p{font-weight:700;font-size:large;margin-bottom:0}.glass{background:rgba(255,255,255,.52);border-radius:3px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(2.7px);-webkit-backdrop-filter:blur(2.7px);border:1px solid rgba(255,255,255,.3)}.glassCard{background:rgba(202,159,91,.1);border-radius:3px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(2.7px);-webkit-backdrop-filter:blur(2.7px);border:1px solid rgba(255,255,255,.3)}.volumeSlider{width:2px;height:175px;-webkit-appearance:slider-vertical;writing-mode:bt-lr}.track h3{display:flex;align-content:baseline;justify-content:flex-end}.track{margin-right:1rem;margin-left:1rem}.trackControls{display:flex;justify-content:center;align-items:center}.globalControls{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:1rem}.controls{margin-top:1rem}.sourceName{min-height:5rem}.lyricsWrapper{margin-left:5rem}.lyricsdisplay{overflow-y:scroll;height:430px;scrollbar-width:thin;text-align:center;-webkit-mask-image:linear-gradient(to top,transparent 0%,black 10px,black calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to top,transparent 0%,black 10px,black calc(100% - 10px),transparent 100%)}.lyricsdisplay::-webkit-scrollbar{display:none;scrollbar-width:none}.lyricsinput{height:430px;background-color:transparent}textarea::placeholder{color:#fff}textarea:focus{border:2px;border-color:#fdc873;outline-color:#fdc873}.lyricsinputarea{background-color:transparent;font-size:large;color:#fff;border-color:#ff0;padding-left:5%;padding-top:5%;box-sizing:border-box;max-width:100%;min-width:100%}.timestamp{background-color:transparent;color:#fff;font-weight:700;padding-left:2%;font-size:large}.glasstransparent{background:rgba(255,255,255,.1);border-radius:3px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(2.7px);-webkit-backdrop-filter:blur(2.7px);border:1px solid rgba(255,255,255,.3)}.lyricsWrapper{margin-top:0rem;padding-top:1rem;overflow:hidden}.lyricsdisplay{overflow-y:scroll;overflow:hidden;height:430px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(to top,transparent 0%,black 10px,black calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to top,transparent 0%,black 10px,black calc(100% - 10px),transparent 100%)}