@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&family=Lato:wght@400;700&display=swap";
*{box-sizing:border-box;transition:all .2s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#d9e2f1;background:linear-gradient(#29251c,#2e2508) 0 0/contain;min-height:100vh;margin:0;font-family:Raleway,sans-serif}#editor{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#d9e2f1;background:linear-gradient(#1d0000,#470000) 0 0/contain;min-height:100vh;margin:0;font-family:Raleway,sans-serif}#main-header{justify-content:space-between;align-items:center;padding:3rem 10%;display:inline-block}#main-header #title{align-items:center;gap:1rem;display:flex}p{color:#ffd13a;font-family:Bahnschrift,sans-serif;font-weight:lighter}span{color:#d0aa2f;padding:1rem;font-family:Bahnschrift,sans-serif;font-weight:lighter}h1{color:#ffc508;letter-spacing:0;margin:0;font-family:Bahnschrift,sans-serif;font-size:4rem;font-weight:lighter;transform:scaleY(1.5)}h2{color:#ffc508;margin:0;font-family:Bahnschrift,sans-serif;font-size:2rem;font-weight:lighter;transform:scaleY(1.5)}h3{text-align:center;color:#ffc508;margin:1rem;font-family:Bahnschrift,sans-serif;font-size:1.5rem;font-weight:lighter}h4{text-align:left;color:#ffc508;margin:1rem;padding-top:.25rem;font-family:Bahnschrift,sans-serif;font-size:1.2rem;font-weight:lighter}#inner{flex-direction:row;justify-content:space-evenly;display:flex}#outer{vertical-align:top;display:block}#auth{border:2px solid #5f5048;border-radius:8px;flex-direction:row;justify-content:space-evenly;height:3rem;margin:1rem;padding:0 1.5rem;display:flex;overflow:hidden}#auth h3{margin:6px;padding:0 1.5rem}#auth label{color:#ffd13a;margin:6px;padding:0;font-family:Bahnschrift,sans-serif;font-weight:lighter}#auth input{font:inherit;background-color:#ffe4b5;border:1px solid #ccc;border-radius:4px;margin:5px;padding:.25rem;display:inline-block}#auth button{font:inherit;cursor:pointer;color:#ffe4b5;background-color:#662300;border:1px solid #77002e;border-radius:4px;height:fit-content;margin:6px;padding:5px 1.5rem}#auth button:hover{color:#fff;background-color:#77002e}#sign-in-out{flex-direction:row;justify-content:end;display:flex}#sign-in-out.no-show{display:none!important}.edit-mode{color:red;margin:6px;padding:0 1.5rem;font-family:Bahnschrift,sans-serif;display:inline}.editing-icon{color:#dfcb1a;width:32px;height:32px;display:block;position:absolute;top:1.4rem;left:2rem}.editing-icon:hover{cursor:pointer;color:#ffd13a;transform:scale(1.1)}.save-icon{color:#ffab0a;width:32px;height:32px;display:block;position:absolute;top:1.4rem;left:5rem}.save-icon:hover{cursor:pointer;color:#ffd13a;transform:scale(1.1)}#set-picker{padding:0 1.5rem;display:inline-block;position:absolute;top:5rem}#set-picker p{color:#ffd13a;text-align:center;margin:.25rem;font-family:Bahnschrift,sans-serif;font-weight:lighter}#set-picker ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}#set-picker li{border:2px solid #5f5048;border-radius:8px;width:10rem;height:9rem;overflow:hidden}#set-picker li.selected{border-color:#bea691}#set-picker li:hover{cursor:pointer;background-color:#3c332b;font-weight:700}#player{z-index:998;flex-direction:row;justify-content:space-between;width:90%;margin:1rem auto;display:flex}#player img{cursor:pointer}#player input[type=range]{accent-color:#bea691;border:0;width:60%;display:block}#player input[type=range]:disabled{opacity:.4}#player input[type=range]::-webkit-slider-thumb{cursor:pointer}#player span{text-align:right;min-width:5rem}#player p{color:#fc8383;font-weight:100}#playertitle{color:#000;z-index:999;width:270px;margin:0;font-size:xx-small;position:relative;top:4px;left:2.9rem}#songs{color:#fded05;border:2px solid #5f5048;border-radius:8px;width:33%;margin:.5rem 1rem;padding:.5rem 1rem;list-style:none;display:block}#song-counts{text-align:right;color:#ffc508;margin:1rem;font-style:italic;font-weight:lighter}.options-panel{color:#fded05;border:2px solid #5f5048;border-radius:8px;justify-content:space-between;height:fit-content;margin:.4rem;display:flex}.continuous-panel{color:#c09a1f;width:32px;height:32px;padding:1.1rem 2rem;display:block}.continuous-panel:hover{cursor:pointer;transform:scale(1.1)}.version-panel{color:#fded05;border:2px solid #5f5048;border-radius:8px;gap:1rem;width:33%;height:fit-content;margin:.5rem 1rem;display:block;position:sticky;top:1rem}.version-list{scrollbar-color:#958072 #0003;color:#fded05;height:540px;margin:0 4px 8px;padding:1rem;display:block;overflow-y:scroll}.version-item{text-align:left;background-color:#1d1a16;border-radius:5px;justify-content:space-between;padding-left:.5rem;padding-right:.5rem;display:flex;overflow:hidden}.version-item span{display:inline}.add-button{margin:1rem}.add-button:hover{cursor:pointer}.preview-area{color:#b08a0f;padding:1rem}.preview-area:hover{cursor:pointer;color:#d0aa2f;transform:scale(1.1)}.preview-button{width:12px;height:12px}.search-panel{text-align:left;justify-content:stretch;padding-left:.5rem;padding-right:.5rem;display:flex;overflow:hidden}.search-panel input{font:inherit;color:#fdfe05;background-color:#1d1a16;border:1px solid #958072;border-radius:4px;width:15pc;height:fit-content;margin:1rem;padding:.25rem;display:inline-block}.search-panel input:focus{border:1px solid #ffd13a;outline:none}ul{padding-left:0;list-style-type:none}.player-panel{text-align:left;background-color:#1d1a16;border-radius:1rem;flex-direction:column;justify-content:flex-start;width:25pc;height:fit-content;margin:1.5rem;display:flex;position:sticky;top:1rem;overflow:hidden}.song-info{text-align:left;background:linear-gradient(#29251c,#312704);border-radius:8px;margin:1rem 1rem 1.5rem;padding:1rem;display:block;overflow:hidden}.song-details{text-align:center;grid-template-columns:1fr 1fr;margin:0;padding:0;display:grid}.ck{color:#ffd13a;text-align:right;padding:.5rem;font-family:Bahnschrift,sans-serif;font-weight:lighter}.ck:after{content:":";margin-left:1em}.cv{color:#d0aa2f;text-align:left;padding:.5rem;font-family:Bahnschrift,sans-serif;font-weight:lighter}.song-item{text-align:left;background-color:#1d1a16;border-radius:1rem;justify-content:space-between;margin:2px;padding-left:1rem;padding-right:1rem;display:flex;overflow:hidden}.song-item span{display:inline-block}.song-item h3{margin:.75rem 0;font-size:1.5rem;font-weight:700}.song-item:hover{cursor:pointer;background-color:#3c332b;font-weight:700}.song-item[state=loading]{animation:.5s ease-in-out infinite morph}.song-item[state=playing]{animation:3s ease-in-out infinite morph}.song-item[state=paused]{background-color:#4a3f35}.song-item[state=error]{background-color:#65170b}.song-number{min-width:3rem}.song-number:after{content:"."}.song-title{color:#ffc508;padding-left:5px;font-family:Bahnschrift,sans-serif;font-weight:lighter}.drag-icon{color:#777;transform:scaleY(1.5)}.version-number{min-width:3rem}.version-number:before{content:"v"}.button{font:inherit;cursor:pointer;color:#1f1a09;background-color:#ffc404;border:1px solid #ffc404;border-radius:4px;padding:.5rem 1.5rem}.button:hover,.button:active{color:#1f1a09;background-color:#ffab04;border-color:#ffab04}.text-button{font:inherit;cursor:pointer;color:#ffc404;background-color:#0000;border:none}.text-button:hover,.text-button:active{color:#ffab04}.left{text-align:left;display:inline-flex}.center{text-align:center}.error{color:#6d0b0b;background-color:#f9b8b8;border-radius:6px;width:90%;max-width:25rem;margin:2rem auto;padding:1rem}.error h2,.error p{margin:0}.loading{text-align:center;font-size:x-large;animation:1.2s ease-in-out infinite loading}@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:#4a3f35}50%{background-color:#6b5a4b}to{background-color:#4a3f35}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}