.page{box-sizing:border-box;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3) 0px var(--space-3);flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.page main{gap:var(--space-3);flex-direction:column;flex-grow:1;display:flex}.page section{gap:var(--space-3);background-color:var(--color-bg-2);border-radius:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex;overflow:hidden}.spinner{gap:10px;display:flex}.spinner.--size-small{gap:5px}.spinner.--size-small .spinner__dot{width:6px;height:6px}.spinner.--size-large{gap:20px}.spinner.--size-large .spinner__dot{width:20px;height:20px}.spinner .spinner__dot{border-radius:50%;width:10px;height:10px;position:relative}.spinner .spinner__dot:after{content:"";background-color:var(--color-fg-1);border-radius:100%;width:100%;height:100%;animation:1.2s ease-in-out infinite both animation-spinner;display:block}.spinner .spinner__dot:first-child:after{animation-delay:-.3s}.spinner .spinner__dot:nth-child(3):after{animation-delay:.3s}@keyframes animation-spinner{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.4)}}.button{justify-content:center;align-items:center;gap:var(--space-3);height:var(--height-input);border-radius:calc(var(--height-input) / 2);-webkit-user-select:none;user-select:none;cursor:pointer;border:none;outline:none;display:flex}.button.--waiting{pointer-events:none;cursor:none}.button.--type-primary{background-color:var(--color-hl-1);border:1px solid var(--color-hl-1);color:var(--color-fg-1)}.button.--type-primary:hover,.button.--type-primary:focus{background-color:var(--color-hl-2);border-color:var(--color-hl-2)}.button.--type-primary:focus-visible{background-color:var(--color-hl-2);border-color:var(--color-fg-1)}.button.--type-primary:active,.button.--type-primary.--waiting{background-color:var(--color-hl-3);border-color:var(--color-hl-3)}.button.--type-primary:disabled{background-color:var(--color-hl-3);border-color:var(--color-hl-3);color:var(--color-fg-3);cursor:default}.button.--type-icon{width:32px;color:var(--color-fg-1);background-color:#0000}.button.--type-icon:hover,.button.--type-icon:focus{background-color:var(--color-bg-3);border-color:var(--color-hl-2)}footer{gap:var(--space-3);background-color:var(--color-bg-2);padding:var(--space-3);border-radius:var(--space-2) var(--space-2) 0px 0px;font-size:var(--textsize-s);display:flex}footer a{color:var(--color-fg-2)}footer a:hover,footer a:focus-visible{color:var(--color-fg-1)}.header-pretty{align-items:stretch;gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.header-pretty img{object-fit:contain;border-radius:var(--space-2);display:block}.page-init{justify-content:center;align-items:center;display:flex}.page.page-dashboard main section .navigation-element{column-gap:var(--space-3);row-gap:var(--space-2);padding:var(--space-3);grid-template-columns:auto 1fr;display:grid}.page.page-dashboard main section .navigation-element .navigation-element__icon{grid-row:1/span 2;font-size:2.4rem}.page.page-dashboard main section .navigation-element .navigation-element__title{font-size:var(--textsize-l)}.page.page-dashboard main section .navigation-element .navigation-element__sub-title{font-size:var(--textsize-s);color:var(--color-fg-3)}.page.page-dashboard main section .navigation-element:hover{background-color:var(--color-bg-3);text-decoration:none}.page-dashboard section:has(.navigation-element){padding:0;overflow:hidden}.page-dashboard .dashboard__title-bar{justify-content:space-between;align-items:center;display:flex}.header-breadcrumb{align-items:stretch;gap:var(--space-3);flex-direction:column;display:flex}.header-breadcrumb .header-breadcrumb__line{justify-content:space-between;align-items:center;display:flex}.header-breadcrumb .header-breadcrumb__side{display:display;align-items:center}.header-breadcrumb .header-breadcrumb__breadcrumbs{align-items:center;gap:10px;display:flex}.header-breadcrumb .header-breadcrumb__breadcrumbs>:last-child{text-decoration:underline}.header-breadcrumb h1{font-size:var(--textsize-l);margin:0;padding:0}@layer app{.navigation-list{padding:var(--space-1) 0px var(--space-1) 0px;flex-direction:column;margin:0;display:flex}.navigation-list>li{list-style:none;display:contents}.navigation-list a{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-3);text-decoration:none}.navigation-list a:hover{background-color:var(--color-bg-3)}}.search-bar{height:var(--height-input);background-color:var(--color-bg-2);border-radius:calc(var(--height-input) / 2);color:var(--color-fg-2);grid-template-columns:auto 1fr auto;display:grid}.search-bar .search-bar__icon{padding:var(--space-2);justify-content:center;align-items:center;display:flex}.search-bar input{color:var(--color-fg-2);background-color:#0000;border:none;outline:none}.search-bar .search-bar__spinner{padding:var(--space-2);justify-content:center;align-items:center;display:none}.search-bar button{padding:var(--space-2);color:var(--color-fg-2);background-color:#0000}.search-bar button:hover{color:var(--color-fg-1)}.search-bar.--waiting .search-bar__spinner{display:flex}.search-bar.--waiting button{display:none}.search-bar:has(input:focus){color:var(--color-fg-1)}.search-bar:has(input:focus) input{color:var(--color-fg-1)}.page-song-list .page-song-list__song-section{padding-top:0}.page-song-list .page-song-list__song-section .navigation-list{margin:calc(-1 * var(--space-3));margin-bottom:0}.page-song-list .page-song-list__song-section .navigation-list li a{gap:var(--space-1);display:flex}.page-song-list .page-song-list__song-section .navigation-list li a span:first-child{flex-grow:1}.page-song-list .page-song-list__spinner-wrapper{justify-content:center;align-items:center;display:flex}.page-song-list .detail-filter .detail-filter__head{flex-direction:row;justify-content:flex-end;align-items:center;display:flex}.page-song-list .detail-filter .detail-filter__expand-btn{color:var(--color-fg-2);cursor:pointer;height:var(--height-input);background-color:#0000;border:none;gap:0;padding-right:0}.page-song-list .detail-filter .detail-filter__expand-btn:hover{color:var(--color-fg-1)}.page-song-list .detail-filter .detail-filter__body{gap:var(--space-2);grid-template-columns:repeat(6,1fr);align-items:center;display:none}.page-song-list .detail-filter .detail-filter__body hr{width:100%;color:var(--color-fg-3);grid-column:1/-1;display:block}.page-song-list .detail-filter .detail-filter__body .detail-filter__rule-element{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;display:grid}.page-song-list .detail-filter .detail-filter__body .detail-filter__rule-element label{grid-column:span 2}.page-song-list .detail-filter .detail-filter__body .detail-filter__rule-element .segmented-button{grid-column:span 4}.page-song-list .detail-filter .detail-filter__body .detail-filter__tag-element{grid-template-columns:subgrid;padding-top:var(--space-3);--detail-filter-tag-line-height:var(--textsize-l);grid-column:1/-1;align-items:center;display:grid}.page-song-list .detail-filter .detail-filter__body .detail-filter__tag-element label{line-height:var(--detail-filter-tag-line-height);align-self:flex-start}.page-song-list .detail-filter .detail-filter__body .detail-filter__tag-element .detail-filter__tags{gap:var(--space-2);flex-wrap:wrap;grid-column:2/-1;display:flex}.page-song-list .detail-filter .detail-filter__body .detail-filter__tag-element .detail-filter__tag{border:2px solid var(--color-hl-1);height:1.2rem;font-size:var(--textsize-s);box-sizing:border-box;margin-top:calc(( var(--detail-filter-tag-line-height) - 1.2rem ) / 2);margin-bottom:calc(( var(--detail-filter-tag-line-height) - 1.2rem ) / 2);border-radius:.6rem;align-items:center;padding-left:.5rem;display:flex}.page-song-list .detail-filter .detail-filter__body .detail-filter__tag-element .detail-filter__tag button{color:var(--color-fg-3);background-color:#0000}.page-song-list .detail-filter .detail-filter__body .detail-filter__tag-element .detail-filter__tag button:hover{color:var(--color-fg-1)}.page-song-list .detail-filter .detail-filter__body .detail-filter__tag-element .dropdown__control{height:var(--detail-filter-tag-line-height)}.page-song-list .detail-filter .detail-filter__body .detail-filter__tag-element .dropdown__control .dropdown__expand-indicator{display:none}.page-song-list .detail-filter.--expanded .detail-filter__body{display:grid}.page-song-list .detail-filter.--values-set .detail-filter__expand-btn{color:var(--color-hl-2)}.page-song-list .detail-filter.--values-set .detail-filter__expand-btn:hover{color:var(--color-hl-1)}.segmented-button{display:grid}.segmented-button button{color:var(--color-fg-2);cursor:pointer;height:var(--height-input);border:none;border-top:1px solid var(--color-fg-3);border-bottom:1px solid var(--color-fg-3);box-sizing:border-box;background-color:#0000;border-radius:0}.segmented-button button.--selected{background-color:var(--color-hl-1);color:var(--color-fg-1);border:none}.segmented-button button:not(.--selected):hover{background-color:var(--color-bg-3)}.segmented-button button:not(.--selected):last-child{border-right:1px solid var(--color-fg-3)}.segmented-button button:not(.--selected):first-child{border-left:1px solid var(--color-fg-3)}.segmented-button button:last-child{border-radius:0px calc(var(--height-input) / 2) calc(var(--height-input) / 2) 0px}.segmented-button button:first-child{border-radius:calc(var(--height-input) / 2) 0px 0px calc(var(--height-input) / 2)}.segmented-button button:hover{color:var(--color-fg-1)}.dropdown{display:contents}.dropdown .dropdown__control{gap:var(--space-1);min-width:10px;color:var(--color-fg-2);background-color:#0000;display:flex;overflow:hidden}.dropdown .dropdown__control:disabled{color:var(--color-fg-3);cursor:default}.dropdown .dropdown__control:hover:not(:disabled){color:var(--color-fg-1)}.dropdown .dropdown__control .dropdown__value,.dropdown .dropdown__control .dropdown__placeholder{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;overflow:hidden}.dropdown .dropdown__popover{gap:var(--space-3);background-color:var(--color-bg-3);border-radius:var(--space-2);width:var(--width-dialog-small);box-sizing:border-box;padding:var(--space-3);flex-direction:column}.dropdown .dropdown__popover::backdrop{background-color:#000c}.dropdown .dropdown__popover:popover-open{display:flex}.dropdown .dropdown__popover .dropdown__title-bar{justify-content:space-between;align-items:center;display:flex}.dropdown .dropdown__popover .dropdown__title-bar button{color:var(--color-fg-2);background-color:#0000;margin-right:-7px}.dropdown .dropdown__popover .dropdown__title-bar button:hover{color:var(--color-fg-1)}.dropdown .dropdown__popover .dropdown__title{font-size:var(--textsize-l);color:var(--color-fg-1);font-weight:700}.dropdown .dropdown__popover .dropdown__list{flex-direction:column;align-items:stretch;display:flex}.dropdown .dropdown__popover .dropdown__list-entry{padding:0px var(--space-2) 0px var(--space-2);color:var(--color-fg-1);background-color:#0000;flex-direction:row;justify-content:flex-start;display:flex}.dropdown .dropdown__popover .dropdown__list-entry:hover{background-color:var(--color-fg-3)}.dropdown .dropdown__popover .dropdown__btn-bar{justify-content:flex-end;display:flex}.dropdown .dropdown__popover .dropdown__btn-bar button{min-width:100px}:root{--theme-hue:215;--color-bg-1:hsl(var(--theme-hue), 10%, 5%);--color-bg-2:hsl(var(--theme-hue), 10%, 10%);--color-bg-3:hsl(var(--theme-hue), 10%, 15%);--color-fg-1:hsl(var(--theme-hue), 0%, 100%);--color-fg-2:hsl(var(--theme-hue), 0%, 70%);--color-fg-3:hsl(var(--theme-hue), 0%, 40%);--color-hl-1:hsl(var(--theme-hue), 50%, 50%);--color-hl-2:hsl(var(--theme-hue), 50%, 40%);--color-hl-3:hsl(var(--theme-hue), 50%, 30%);--color-alert-1:#4075bf;--color-warn-1:#bf9f40;--color-danger-1:#bf4040}@layer base{html,body,#root{margin:0;padding:0}html{background-color:var(--color-bg-1);color:var(--color-fg-1);font-family:sans-serif;font-weight:500}#root{box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}a{color:var(--color-fg-1);outline:none;text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}button{justify-content:center;align-items:center;gap:var(--space-3);height:var(--height-input);border-radius:calc(var(--height-input) / 2);-webkit-user-select:none;user-select:none;cursor:pointer;font-family:sans-serif;font-weight:500;font-size:var(--textsize-m);border:none;outline:none;display:flex}html{font-size:var(--textsize-m)}h1{font-size:var(--textsize-l);font-weight:700}h2{font-size:var(--textsize-m);font-weight:900}h1,h2,h3,h4,h5,h6{margin:0}}:root{--space-1:4px;--space-2:8px;--space-3:20px;--textsize-xs:.6rem;--textsize-s:.8rem;--textsize-m:1rem;--textsize-l:1.2rem;--textsize-xl:1.4rem;--height-input:32px;--width-dialog-small:340px}.page-user-settings .__personal-data{gap:var(--space-3);flex-direction:column;display:flex}.page-user-settings .__personal-data .__form-content{gap:var(--space-2);grid-template-columns:1fr;display:grid}.page-user-settings .__personal-data .__form-buttons{gap:var(--space-3);grid-template-columns:1fr;display:grid}.edit{color:var(--color-fg-2);border:none;border-bottom:1px solid var(--color-fg-2);font-size:var(--textsize-m);padding:0px 0px var(--space-1) 0px;background-color:#0000;outline:none;display:block}.edit:hover{color:var(--color-fg-1);border-bottom-color:var(--color-fg-2)}.edit:disabled{color:var(--color-fg-3);border-bottom-color:var(--color-fg-3)}.page-song-detail .audio-file{padding-inline:var(--space-2);justify-content:space-between}.page-song-detail .page-song-detail__spinner{justify-content:center;align-items:center;display:flex}.page-song-detail .page-song-detail__general-info{flex-direction:column;display:flex}.page-song-detail .page-song-detail__general-info>div{gap:var(--space-1);flex-direction:column-reverse;display:flex}.page-song-detail .page-song-detail__general-info>div>label{color:var(--color-fg-2);font-size:var(--textsize-s)}.page-song-detail .page-song-detail__general-info .__info-values-many>span{display:inline-block}.page-song-detail .page-song-detail__general-info .__info-values-many>span:not(:last-child):after{content:", ";width:.5rem;display:inline-block}.page-song-detail .page-song-detail__practise-tracks .page-song-detail__file-list{gap:var(--space-2);flex-direction:column;display:flex}.toggle-button{border:1px solid var(--color-fg-3);width:calc(1.8 * var(--height-input));box-sizing:border-box;background-color:#0000;justify-content:flex-start;padding-inline:0;position:relative}.toggle-button:focus-visible{border-color:var(--color-fg-1)}.toggle-button:focus-visible .toggle-button__inner{background-color:var(--color-fg-1)}.toggle-button:hover .toggle-button__inner{background-color:var(--color-fg-3)}.toggle-button.--on .toggle-button__inner{background-color:var(--color-hl-1);color:var(--color-fg-1);left:calc(100% - var(--height-input) + 2px)}.toggle-button.--on:hover .toggle-button__inner{background-color:var(--color-hl-2)}.toggle-button .toggle-button__inner{width:var(--height-input);height:var(--height-input);border-radius:calc(.5 * var(--height-input));background-color:var(--color-fg-2);color:var(--color-bg-1);justify-content:center;align-items:center;transition:left .2s;display:flex;position:relative;left:-2px}.slider{height:var(--height-input);background:0 0}.slider::-moz-range-track{box-sizing:border-box;cursor:pointer;border:1px solid var(--color-fg-3);background-color:#0000;border-radius:5px;width:100%;height:10px}.slider::-moz-range-progress{cursor:pointer;background-color:var(--color-hl-3);border-radius:5px 0 0 5px;height:10px}.slider::-moz-range-thumb{background-color:var(--color-hl-1);cursor:pointer;height:var(--height-input);width:calc(.4 * var(--height-input));border-radius:calc(.4 * var(--height-input));border:none}.slider:focus-visible{outline:none}.slider:focus-visible::-moz-range-track{border-color:var(--color-fg-1)}.slider:hover::-moz-range-thumb{background-color:var(--color-hl-2)}.audio-control{gap:var(--space-2);padding:var(--space-2);grid-template-columns:auto 1fr auto auto;display:grid}.audio-control .button{width:var(--height-input)}.audio-control .audio-control__control-group-navigation{gap:var(--space-2);grid-column:2/span 2;justify-content:center;display:flex}.audio-control .audio-control__control-group-effect{gap:var(--space-2);grid-column:4;justify-content:center;display:flex}.audio-control .audio-control__control-time-numeric{justify-content:flex-end;align-items:center;gap:var(--space-1);color:var(--color-fg-2);font-size:var(--textsize-s);grid-area:3/3/auto/span 2;display:flex}.audio-control .audio-control__control-time-slider{grid-column:1/-1}.audio-control .audio-control__title{color:var(--color-fg-2);font-size:var(--textsize-s);grid-column:1/span 2}.thumb-area{background-color:var(--color-bg-3);box-shadow:0px 0px 5px 5px var(--color-bg-1)}.thumb-area:not(:has(*)){display:none}