html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#fff;background:#000}}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@font-face{font-family:DIN Condensed Bold;src:url(../media/din_condensed_bold.3khot0d4bv0zm.woff)format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Permanent Marker;src:url(../media/PermanentMarker.34ezc5hcljpt9.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gemeli Mono Bold;src:url(../media/gemeli_mono_bold.3wxwd2fudb69-.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gemeli Mono Regular;src:url(../media/gemeli_mono_regular.05bdaw4ityskn.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roman Grotesque Bold;src:url(../media/roman_grotesque_bold.00y90rit_mu66.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vivaldi;src:url(../media/vivaldi.33oxr30j2byf5.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DejaVu Sans Mono Book;src:url(../media/dejavu_sans_mono_book.2n-2vktxm6ku-.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Right Serif Tight Medium;src:url(../media/pp_right_serif_tight_medium.0qzuqz_593q2u.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Franie Heavy;src:url(../media/franie_heavy.2eok6e9u05_to.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Open Sauce One SemiBold;src:url(../media/open_sauce_semibold.06ad0ftlhrogf.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Neue Haas Grotesk Display Pro 65 Medium";src:url(../media/nhaas_grotesk_display_65_medium.0-ru717a9roo8.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}
button{cursor:pointer;border:none}.songSelect{z-index:99999;background:#fff;width:250px;min-height:100vh;padding:15px;position:fixed;top:0;left:0;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.songSelect .text-button{margin:0;text-align:start;vertical-align:middle;color:#838383;fill:#838383;background:0 0;border:none;gap:5px;margin-block:5px;padding:0;transition:all .25s;display:flex}.songSelect .text-button:hover{color:#333;fill:#333}@media (prefers-color-scheme:dark){.songSelect .text-button:hover{color:#fff;fill:#fff}}.songSelect .field-group{margin-bottom:8px;display:block}.songSelect .field-group label{margin-bottom:4px;display:block}.songSelect .search-input{gap:5px;display:flex}.songSelect .search-input .filter-button{width:32px;height:32px}.songSelect .search-input .filter-icon{fill:#333}@media (prefers-color-scheme:dark){.songSelect .search-input .filter-icon{fill:#fff}}.songSelect .filter-list{flex-wrap:wrap;gap:5px;display:flex}.songSelect .filter-list.hidden{display:none}.songSelect .filter-list .filter-chip{cursor:pointer;color:#e6e6e6;border-radius:50px;padding-block:3px;padding-inline:6px;transition:all .2s}.songSelect .filter-list .filter-chip.red{background-color:#6e3630;border:1px solid #6e3630}.songSelect .filter-list .filter-chip.green{background-color:#2b593f;border:1px solid #2b593f}.songSelect .filter-list .filter-chip.blue{background-color:#28456c;border:1px solid #28456c}.songSelect .filter-list .filter-chip.purple{background-color:#492f64;border:1px solid #492f64}.songSelect .filter-list .filter-chip.yellow{background-color:#89632a;border:1px solid #89632a}.songSelect .filter-list .filter-chip.teal{background-color:#1f5f66;border:1px solid #1f5f66}.songSelect .filter-list .filter-chip:hover{opacity:.75}.songSelect .filter-list .filter-chip.disabled{color:#838383;background:0 0;border-color:#838383}.songSelect .filter-list .filter-chip.disabled:hover{color:#fff;opacity:1;background-color:#838383}.songSelect .song-list{background-color:field;border:1px solid #717171;border-radius:2px;height:200px;margin:0;padding:5px;overflow-y:scroll}.songSelect .song-list li{white-space:nowrap;text-overflow:ellipsis;cursor:default;border-bottom:1px solid #717171;margin:0;padding-block:3px;padding-inline:5px;list-style:none;overflow:hidden}.songSelect .song-list li.selected{color:#e6e6e6;background-color:#375462}.songSelect h3{color:#333;border-bottom:1px solid #e6e6e6;margin:0 0 10px;padding-bottom:10px}.songSelect button{margin-top:8px;display:block}.songSelect input{width:100%;height:32px;margin-bottom:8px;display:block}.songSelect input:first-child{margin-top:8px}.songSelect input,.songSelect select,.songSelect button{width:100%;padding:5px;font-size:16px}@media (prefers-color-scheme:dark){.songSelect{background:#333}.songSelect h3{color:#fff}}.slide-wrapper{height:100%;position:absolute;top:0;left:250px}.slide-bg-reveal{animation:.55s cubic-bezier(.22,1,.36,1) both slideBgRevealDown}@keyframes slideBgRevealDown{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.slide-bg-loader{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slide-bg-spinner{border:8px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:72px;height:72px;animation:.8s linear infinite slideBgSpin;box-shadow:0 2px 14px #00000073}@keyframes slideBgSpin{to{transform:rotate(360deg)}}.toaster{z-index:100000;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{pointer-events:auto;color:#333;background:#fff;border-left:4px solid #838383;border-radius:4px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:14px;line-height:1.35;animation:.25s cubic-bezier(.22,1,.36,1) both toastIn;display:flex;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.toast.success{border-left-color:#2b593f}.toast.success .toast-icon{color:#2b593f}.toast.error{border-left-color:#6e3630}.toast.error .toast-icon{color:#6e3630}.toast.pending{border-left-color:#28456c}.toast .toast-message{flex:1;margin:0}.toast .toast-icon{font-weight:700;line-height:1.35}.toast .toast-spinner{border:2px solid #28456c40;border-top-color:#28456c;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:2px;animation:.8s linear infinite slideBgSpin}.toast .toast-dismiss{color:#838383;background:0 0;padding:0 2px;font-size:14px;line-height:1.35;transition:color .2s}.toast .toast-dismiss:hover{color:#333}@media (prefers-color-scheme:dark){.toast{color:#e6e6e6;background:#1f1f1f}.toast .toast-dismiss:hover{color:#fff}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.slide-bg-reveal{animation-duration:.01ms}.slide-bg-spinner{animation-duration:1.6s}.toast{animation-duration:.01ms}.toast .toast-spinner{animation-duration:1.6s}}