@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&family=Lato:wght@400;700&display=swap");*{box-sizing:border-box;transition:.2s}body{margin:0;font-family:Raleway,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#29251c,#2c2306);color:#d9e2f1;min-height:100vh}#main-header{display:inline-block;justify-content:space-between;align-items:center;padding:3rem 10%}#main-header #title{display:flex;gap:1rem;align-items:center}p{color:#ffd13a}p,span{font-family:Bahnschrift,sans-serif;font-weight:lighter}span{color:#d0aa2f;padding:1rem}h1{font-size:4rem;letter-spacing:0}h1,h2{font-family:Bahnschrift,sans-serif;font-weight:lighter;transform:scaleY(1.5);margin:0;color:#ffc508}h2{font-size:2rem}h3{font-family:Bahnschrift,sans-serif;font-weight:lighter;font-size:1.5rem;text-align:center;margin:1rem;color:#ffc508}#inner{display:flex;flex-direction:row;justify-content:space-evenly}#outer{display:block;vertical-align:top}#auth{display:grid;justify-content:end;height:3rem;border:2px solid rgb(95,80,72);border-radius:8px;margin:1rem;overflow:hidden}#auth,#auth h3{padding:0 1.5rem}#auth h3{margin:6px}#auth label{font-family:Bahnschrift,sans-serif;font-weight:lighter;color:#ffd13a;margin:6px;padding:0}#auth input{display:inline-block;font:inherit;border-radius:4px;border:1px solid #ccc;margin:5px;padding:.25rem;background-color:moccasin}#auth button{font:inherit;cursor:pointer;background-color:#662300;color:moccasin;padding:5px 1.5rem;margin:6px;border:1px solid #77002e;border-radius:4px;height:-moz-fit-content;height:fit-content}#auth button:hover{background-color:#77002e;color:white}#sign-in-out{display:flex}#sign-in-out.no-show{display:none!important}#set-picker{display:inline-block;position:absolute;top:5rem;padding:0 1.5rem}#set-picker p{font-family:Bahnschrift,sans-serif;font-weight:lighter;color:#ffd13a;text-align:center;margin:.25rem}#set-picker ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;overflow-y:auto;gap:.5rem}#set-picker li{width:10rem;height:8rem;border:2px solid rgb(95,80,72);border-radius:8px;overflow:hidden}#set-picker li.selected{border-color:rgb(190,166,145)}#set-picker li:hover{cursor:pointer;font-weight:700;background-color:rgb(60,51,43)}#player{display:block;margin:1rem auto;width:90%;display:flex;flex-direction:row;justify-content:space-between;z-index:998}#player img{cursor:pointer}#player input[type=range]{display:block;border:0;width:60%;accent-color:rgb(190,166,145)}#player input[type=range]:disabled{opacity:.4}#player input[type=range]::-webkit-slider-thumb{cursor:pointer}#player span{min-width:5rem;text-align:right}#player p{font-weight:100;color:#fc8383}#playertitle{color:black;font-size:xx-small;position:relative;top:4px;left:2.9rem;width:270px;margin:0;z-index:999}#songs{list-style:none;width:60%;margin:.5rem 1rem 1rem 5rem;padding:1rem;display:block;gap:1rem;color:rgb(253,237,5)}#song-counts{padding:1rem;text-align:right;margin:1rem;font-weight:lighter;color:#ffc508;font-style:italic}ul{list-style-type:none}.player-panel{position:-webkit-sticky;position:sticky;top:1rem;height:-moz-fit-content;height:fit-content;width:30%;background-color:#1d1a16;border-radius:1rem;margin:2.4rem;display:flex;flex-direction:column;justify-content:flex-start}.player-panel,.song-info{overflow:hidden;text-align:left}.song-info{background-color:rgb(74,63,53);border-radius:8px;padding:1rem;margin:1rem 1rem 1.5rem;display:block;background:linear-gradient(#29251c,#312704)}.song-details{padding:0;margin:0;text-align:center;display:grid;grid-template-columns:1fr 1fr}.ck{font-family:Bahnschrift,sans-serif;font-weight:lighter;color:#ffd13a;text-align:right;padding:.5rem}.ck:after{content:":";margin-left:1em}.cv{font-family:Bahnschrift,sans-serif;font-weight:lighter;color:#d0aa2f;padding:.5rem}.cv,.song-item{text-align:left}.song-item{background-color:#1d1a16;border-radius:1rem;margin:2px;padding-left:1rem;padding-right:1rem;overflow:hidden;display:flex;justify-content:space-between}.song-item span{display:inline-block}.song-item h3{font-size:1.5rem;font-weight:700;margin:.75rem 0}.song-item:hover{font-weight:700;background-color:rgb(60,51,43);cursor:pointer}.song-item[state=loading]{animation:morph .5s ease-in-out infinite}.song-item[state=playing]{animation:morph 3s ease-in-out infinite}.song-item[state=paused]{background-color:rgb(74,63,53)}.song-item[state=error]{background-color:rgb(101,23,11)}.song-number{min-width:3rem}.song-number:after{content:"."}.song-title{font-family:Bahnschrift,sans-serif;font-weight:lighter;color:#ffc508;padding-left:5px}.button{font:inherit;cursor:pointer;background-color:#ffc404;border:1px solid #ffc404;color:#1f1a09;padding:.5rem 1.5rem;border-radius:4px}.button:active,.button:hover{background-color:#ffab04;border-color:#ffab04;color:#1f1a09}.text-button{font:inherit;cursor:pointer;background-color:transparent;border:none;color:#ffc404}.text-button:active,.text-button:hover{color:#ffab04}.center{text-align:center}.error{width:90%;max-width:25rem;margin:2rem auto;padding:1rem;background-color:#f9b8b8;color:#6d0b0b;border-radius:6px}.error h2,.error p{margin:0}.loading{text-align:center;font-size:x-large;animation:loading 1.2s ease-in-out infinite}@keyframes loading{0%{color:#e9e9e9}50%{color:#b89b84}to{color:#e9e9e9}}@media (min-width:1096px){#songs{width:55%}}@media (min-width:1280px){#songs{width:50%}}@media (min-width:1440px){#songs{width:45%}}@media (min-width:1920px){#songs{width:40%}}@keyframes morph{0%{background-color:rgb(74,63,53)}50%{background-color:rgb(107,90,75)}to{background-color:rgb(74,63,53)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}