body{color:var(--color-body-fg);background-color:var(--color-body-bg)}.button{cursor:pointer;color:var(--color-button-fg);background-color:var(--color-button-bg);border-style:solid;border-width:1px;border-color:var(--color-button-border);border-radius:5px;padding:4px 5px;font-weight:700;text-decoration:none}.button--color-dark{color:var(--color-button-dark-fg);background-color:var(--color-button-dark-bg);border-color:var(--color-button-dark-border)}.button--color-bright{color:var(--color-button-bright-fg);background-color:var(--color-button-bright-bg);border-color:var(--color-button-bright-border)}.button--state-disabled{background-color:var(--color-button-disabled-bg)}.button--state-success{background-color:var(--color-button-success-bg)}.button--state-error{background-color:var(--color-button-error-bg)}input,button{padding:5px}body{grid-template-rows:auto auto 1fr auto;grid-template-columns:100%;max-width:1200px;min-height:100svh;margin:0 max(50svw - 600px,0px);padding:0;display:grid}.main-footer{text-align:center;color:var(--color-footer-fg);background-color:var(--color-footer-bg);padding:5px}.main-header{color:var(--color-header-fg);background-color:var(--color-header-bg);flex-direction:column;align-items:center;padding:5px 10px;display:flex}.main-header__headline{margin:0;font-size:2em}.main-header__headline>a{color:var(--color-header-fg);font-family:var(--font-headline), sans-serif;text-decoration:none}@media only screen and (width>=600px){.main-header{flex-direction:row;justify-content:space-between}}.main-navigation{background-color:var(--color-main-navigation-bg);flex-direction:row;justify-content:center;gap:5px;padding:5px 10px;display:flex}.main-navigation__item{cursor:pointer;color:var(--color-main-navigation-item-fg);background-color:var(--color-main-navigation-item-bg);padding:5px;font-weight:700;text-decoration:none}@media only screen and (width>=600px){.main-navigation{justify-content:flex-start}}.play-queue{grid-template-rows:max-content 1fr;grid-template-columns:max-content 1fr max-content;gap:5px;display:grid}.play-queue__list{flex-direction:column;grid-column:span 3;gap:5px;margin:0;padding:0;display:flex}.play-queue__add-button-area{justify-content:flex-end;align-items:center;display:flex}.player{flex-direction:column;align-items:stretch;gap:5px;padding:5px;display:flex}.player__single-message{text-align:center}.player__button-area{flex-direction:row;justify-content:center;display:flex}.history__list{padding:0}.item{color:var(--color-item-fg);background-color:var(--color-item-bg);border:2px solid #000;border-radius:5px;flex-direction:row;gap:5px;margin:5px;padding:5px;display:flex}.item__details-panel{flex-direction:column;flex-grow:1;display:flex}.item__title{font-weight:700}.item__two-column{flex-direction:row;display:flex}.item__two-column>:first-child{text-align:left;flex-grow:1}.item__two-column>:last-child{text-align:right;flex-grow:1}.item__actions-panel{flex-direction:column;gap:5px;display:flex}.item-button{aspect-ratio:1;width:40px;margin:0;padding:0}.item-button>*{width:-webkit-fill-available;width:-moz-available;width:stretch}.library__search-form{flex-direction:row;gap:5px;display:flex}.library__search-label{display:none}.library__search-input{flex-grow:1}.library__list{padding:0}@media only screen and (width>=768px){.library__list{grid-template-columns:1fr 1fr;display:grid}}.upload-file__message{text-align:center}.upload-file__form{flex-direction:column;gap:5px;margin-bottom:20px;display:flex}.upload-file__button{width:min(400px,100%)}.user-greeting{align-items:center;gap:5px;display:flex}.user-greeting>a{color:var(--color-header-fg)}.user-greeting__username{font-weight:700}.admin{flex-direction:column;gap:5px;display:flex}.admin__users-list{grid-template-columns:1fr;gap:5px;padding:0;list-style:none;display:grid}.admin__users-list-user{border:1px solid #000;border-radius:5px;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.admin__users-list-user-double-row{grid-column:span 2}.admin__users-list-user-password-panel{grid-template-columns:max-content 1fr max-content;gap:5px;display:grid}.admin__users-list-user-password-panel-input{grid-column:span 2}.admin__users-list-user-password-panel-button{grid-column:3}.admin__users-list-user-actions-panel{flex-direction:row;justify-content:flex-start;gap:5px;display:flex}.admin__user-creation-form{grid-template-columns:1fr 1fr;gap:5px;display:grid}.admin__user-creation-form-double-row{grid-column:span 2}.admin__roles-list{grid-template-columns:1fr;gap:5px;padding:0;list-style:none;display:grid}.admin__roles-list-role{border:1px solid #000;border-radius:5px;flex-direction:column;gap:5px;padding:5px;display:flex}.admin__role-creation-form{grid-template-columns:1fr 1fr;gap:5px;display:grid}.admin__role-creation-form-double-row{grid-column:span 2}.home{grid-template-rows:auto auto auto 1fr;grid-template-columns:1fr;gap:5px;padding:0 10px;display:grid}@media only screen and (width>=768px){.home{grid-template-rows:auto auto 1fr;grid-template-columns:1fr 1fr}.home__play-queue{grid-row:span 2}}.library-route{padding:0 10px}.login__main-message{text-align:center;max-width:360px;margin:auto}.login__form{grid-template-columns:min-content 1fr min-content;gap:5px;max-width:360px;margin:10px auto;display:grid}.login__input-field{grid-column:span 2}.login__submit-button{grid-column:3}.login__error-message{background-color:#c83232;border:1px solid red;border-radius:5px;grid-column:span 3;padding:5px;font-weight:700}.settings{max-width:350px}.settings__update-password-form{border:1px solid #000;border-radius:5px;grid-template-columns:max-content 1fr max-content;gap:5px;padding:5px;display:grid}.settings__update-password-input-field{grid-column:span 2}.settings__update-password-submit-button{grid-column:3}@font-face{font-family:Cronus;src:url("/fonts/Cronus Round.woff2")}@font-face{font-family:Juicebox;src:url(/fonts/Juicebox.woff2)}@font-face{font-family:Junegull;src:url(/fonts/junegull.woff2)}@font-face{font-family:Nunito;src:url(/fonts/Nunito-VariableFont_wght.woff2)}@font-face{font-family:SemiCasual;src:url(/fonts/Semi-Casual.woff2)}:root{--color-still-pink:#f72585;--color-tech-purple:#7209b7;--color-blue-red:#3a0ca3;--color-basic-blue:#4361ee;--color-spicy-blue:#4cc9f0;--color-winter-gray:#656565;--color-laser-green:#2cf725;--color-fluorescent-red:#f72525;--color-fresh-blue-red:#ea7af4;--color-fandango:#b43e8f;--color-deep-grape:#6200b3;--color-kingfisher-daisy:#3b0086;--color-jacaranda:#290628}.theme--name-base{--color-body-fg:#212529;--color-body-bg:#fff;--color-secondary-fg:#212529bf;--secondary-color-bg:#e9e2e6;--tertiary-color-fg:#21252980;--tertiary-color-bg:#f8f9fa;--emphasis-color-fg:#000;--border-color-fg:#dee2e6;--color-primary-fg:#0d6efd;--color-primary-bg-subtle:#cfe2ff;--color-primary-border-subtle:#9ec5fe;--color-primary-text-emphasis:#052165;--color-success-fg:#198754;--color-success-bg-subtle:#d1e7dd;--color-success-border-subtle:#a3cfbb;--color-success-text-emphasis:#0a3622;--color-danger-fg:#dc3545;--color-danger-bg-subtle:#f8d7da;--color-danger-border-subtle:#f1aeb5;--color-danger-text-emphasis:#58151c;--color-warning-fg:#ffc107;--color-warning-bg-subtle:#fff3cd;--color-warning-border-subtle:#ffe69c;--color-warning-text-emphasis:#664d03;--color-info-fg:#0dcaf0;--color-info-bg-subtle:#cff4fc;--color-info-border-subtle:#9eeaf9;--color-info-text-emphasis:#055160;--color-light-fg:#f8f9fa;--color-light-bg-subtle:#fcfcfd;--color-light-border-subtle:#e9ecef;--color-light-text-emphasis:#495057;--color-dark-fg:#212529;--color-dark-bg-subtle:#ced4da;--color-dark-border-subtle:#adb5bd;--color-dark-text-emphasis:#495057;font-family:sans-serif}.theme--name-bold-hues{--font-headline:"Junegull", sans-serif;--color-body-fg:#fff;--color-body-bg:var(--color-basic-blue);--color-header-fg:#fff;--color-header-bg:var(--color-blue-red);--color-footer-fg:#fff;--color-footer-bg:var(--color-blue-red);--color-button-fg:#fff;--color-button-bg:var(--color-still-pink);--color-button-disabled-bg:var(--color-winter-gray);--color-button-success-bg:var(--color-laser-green);--color-button-error-bg:var(--color-fluorescent-red);--color-button-border:#fff;--color-button-dark-fg:#fff;--color-button-dark-bg:var(--color-basic-blue);--color-button-dark-border:#fff;--color-button-bright-fg:#fff;--color-button-bright-bg:var(--color-spicy-blue);--color-button-bright-border:#000;--color-main-navigation-bg:var(--color-blue-red);--color-main-navigation-item-fg:#fff;--color-main-navigation-item-bg:var(--color-still-pink);--color-item-fg:#000;--color-item-bg:var(--color-spicy-blue);font-family:Nunito,sans-serif}.theme--name-magic-unicorn,.theme--name-debug{font-family:sans-serif}.theme--name-debug body{background-color:#add8e6}.theme--name-debug .main-header{background-color:#90ee90}.theme--name-debug .main-navigation{background-color:#f08080}.theme--name-debug .main-navigation__item{background-color:#ffb6c1}.theme--name-debug .main{background-color:#20b2aa}.theme--name-debug .main-footer{background-color:#ffa07a}.theme--name-debug .home__player{background-color:#fafad2}.theme--name-debug .home__play-queue{background-color:#789}.theme--name-debug .home__history{background-color:#b0c4de}