/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*:focus,*:focus-visible{outline:none}html,body{overflow:hidden}:root{--black: black;--terminal--black: #282c34;--soft-white: #ebebeb;--font-size: 17.2;--font-family: Arial, sans-serif;--system-font-family: Arial, sans-serif;--background-color-h: 0;--background-color-s: 0%;--background-color-l: 0%;--background-mark-color: rgba(255, 255, 255, 0.1);--thumbnail-border-color: rgba(255, 255, 255, 0.2);--text-color-h: 0;--text-color-s: 0%;--text-color-l: 92.2%;--error-color: red;--frame-color-h: 192;--frame-color-s: 4.7%;--frame-color-l: 21%;--frame-text-color-h: 0;--frame-text-color-s: 0%;--frame-text-color-l: 92.2%;--focus-ring-color: #3390ff;--link-color: currentColor;--link-visited-color: var(--link-color);--link-active-color: rgb(255, 40, 40);--currently-playing-color-light: yellow;--currently-playing-color-dark: blue;--spacing: 0.375;--roundness: 0.25;--scrollbar-thickness: 1}.themed{--background-color: hsl(var(--background-color-h), var(--background-color-s), var(--background-color-l));--text-color: hsl(var(--text-color-h), var(--text-color-s), var(--text-color-l));--text-color-max: hsl(var(--text-color-h), var(--text-color-s), max(var(--text-color-l), 80%));--grey1-color: hsl(var(--text-color-h), calc(var(--text-color-s) * 0.5), calc(var(--text-color-l) * 0.5));--grey2-color: hsl(var(--text-color-h), calc(var(--text-color-s) * 0.5), calc(var(--text-color-l) * 0.75));--frame-color: hsl(var(--frame-color-h), var(--frame-color-s), var(--frame-color-l));--frame2-color: hsl(var(--frame2-color-h), var(--frame2-color-s), var(--frame2-color-l));--frame-color-hi: hsl(var(--frame-color-h), var(--frame-color-s), calc(var(--frame-color-l) + (100% - var(--frame-color-l)) * 0.15));--frame-color-lo: hsl(var(--frame-color-h), var(--frame-color-s), calc(var(--frame-color-l) - var(--frame-color-l) * 0.5));--frame-text-color: hsl(var(--frame-text-color-h), var(--frame-text-color-s), var(--frame-text-color-l));--button-color: hsl(var(--button-color-h), var(--button-color-s), var(--button-color-l));--button-text-color: hsl(var(--button-text-color-h), var(--button-text-color-s), var(--button-text-color-l));--scrollbar-color: hsl(var(--scrollbar-color-h), var(--scrollbar-color-s), var(--scrollbar-color-l));--scrollbar-background-color: hsl( var(--scrollbar-color-h), var(--scrollbar-color-s), calc(var(--scrollbar-color-l) - var(--scrollbar-color-l) * 0.5) );--scrollbar-text-color: hsl(var(--scrollbar-text-color-h), var(--scrollbar-text-color-s), var(--scrollbar-text-color-l));--media-button-color: hsl(var(--media-button-color-h), var(--media-button-color-s), var(--media-button-color-l));--media-button-text-color: hsl(var(--media-button-text-color-h), var(--media-button-text-color-s), var(--media-button-text-color-l));--media-button-background: linear-gradient(hsl(var(--media-button-color-h), var(--media-button-color-s), calc(var(--media-button-color-l) + (100% - var(--media-button-color-l)) * 0.4)), hsl(var(--media-button-color-h), calc(var(--media-button-color-s) - var(--media-button-color-s) * 0.6), calc(var(--media-button-color-l) - var(--media-button-color-l) * 0.3)));--media-button-background-flat: hsl(var(--media-button-color-h), calc(var(--media-button-color-s) + (100% - var(--media-button-color-s)) * 0.33), calc(var(--media-button-color-l) + (100% - var(--media-button-color-l)) * 0.33));--selected-background-color: hsl(var(--selected-background-color-h), var(--selected-background-color-s), var(--selected-background-color-l));--selected-background-color-blurred: hsl(var(--selected-background-color-h), calc(var(--selected-background-color-s) - var(--selected-background-color-s) * 0.5), calc(var(--selected-background-color-l) - 5%));--selected-text-color: hsl(var(--selected-text-color-h), var(--selected-text-color-s), var(--selected-text-color-l));--gutter-width: calc(var(--spacing) * 1rem);--app-border-radius: calc(var(--roundness) * var(--roundness) * 0.75rem);--even-row-background-color: rgba(255, 255, 255, 0.02);--hover-row-background-color: rgba(255, 255, 255, 0.08)}.themed.light{--background-mark-color: rgba(0, 0, 0, 0.1);--thumbnail-border-color: var(--black);--even-row-background-color: rgba(0, 0, 0, 0.04);--hover-row-background-color: rgba(0, 0, 0, 0.08);--text-color-max: hsl(var(--text-color-h), var(--text-color-s), min(var(--text-color-l), 20%));--grey1-color: hsl(var(--text-color-h), calc(var(--text-color-s) * 0.5), calc(var(--text-color-l) + (100% - var(--text-color-l)) * 0.45));--grey2-color: hsl(var(--text-color-h), calc(var(--text-color-s) * 0.5), calc(var(--text-color-l) + (100% - var(--text-color-l)) * 0.25));--link-active-color: red}.app,.system{--frame2-color-h: var(--frame-color-h);--frame2-color-s: calc(var(--frame-color-s) + 5%);--frame2-color-l: calc(var(--frame-color-l) + 5%)}.app.frame-dark,.system.dark{--frame2-color-hi: rgba(255, 255, 255, 0.2);--frame2-color-lo: rgba(0, 0, 0, 0.4);--button-color-hi: var(--frame2-color-hi);--button-color-lo: var(--frame2-color-lo)}.app.frame-light,.system.light{--frame2-color-hi: rgba(255, 255, 255, 0.5);--frame2-color-lo: rgba(0, 0, 0, 0.25);--button-color-hi: var(--frame2-color-hi);--button-color-lo: var(--frame2-color-lo)}.app.button-dark{--button-color-hi: rgba(255, 255, 255, 0.2);--button-color-lo: rgba(0, 0, 0, 0.4)}.app.button-light{--button-color-hi: rgba(255, 255, 255, 0.5);--button-color-lo: rgba(0, 0, 0, 0.25)}.app.scrollbar-dark{--scrollbar-color-hi: rgba(255, 255, 255, 0.2);--scrollbar-color-lo: rgba(0, 0, 0, 0.4)}.app.scrollbar-light{--scrollbar-color-hi: rgba(255, 255, 255, 0.5);--scrollbar-color-lo: rgba(0, 0, 0, 0.25)}.app{accent-color:var(--frame-text-color)}.app.dark{--currently-playing-color: var(--currently-playing-color-light);color-scheme:dark}.app.light{--currently-playing-color: var(--currently-playing-color-dark);color-scheme:light}.system.dark{--background-color-h: 0;--background-color-s: 0%;--background-color-l: 12%;--text-color: var(--soft-white);--grey1-color: dimgray;--grey2-color: gray;--frame-color-h: 0;--frame-color-s: 0%;--frame-color-l: 28%;--button-color-h: 0;--button-color-s: 0%;--button-color-l: 31%;--frame-text-color: var(--soft-white);--button-text-color: var(--soft-white);accent-color:var(--soft-white);color-scheme:dark}.system.light{--background-color-h: 0;--background-color-s: 0%;--background-color-l: 100%;--text-color: black;--grey1-color: gray;--grey2-color: dimgray;--frame-color-h: 0;--frame-color-s: 0%;--frame-color-l: 74%;--button-color-h: 0;--button-color-s: 5%;--button-color-l: 79%;--frame-text-color: black;--button-text-color: black;accent-color:#000;color-scheme:light}.system{--scrollbar-color-h: var(--button-color-h);--scrollbar-color-s: var(--button-color-s);--scrollbar-color-l: var(--button-color-l);--scrollbar-text-color: var(--button-text-color);--scrollbar-color-hi: var(--button-color-hi);--scrollbar-color-lo: var(--button-color-lo);--selected-text-color: white;--selected-background-color: #0461d0;--selected-background-color-blurred: #545454}.themed.flat{--frame-color-hi: var(--frame-color);--frame-color-lo: var(--frame-color);--frame2-color-hi: var(--frame2-color);--frame2-color-lo: var(--frame2-color);--button-color-hi: var(--button-color);--button-color-lo: var(--button-color);--scrollbar-color-hi: var(--scrollbar-color);--scrollbar-color-lo: var(--scrollbar-color);--media-button-background: var(--media-button-background-flat)}html{background:#32312f;font-family:var(--font-family);font-size:calc(var(--font-size)*1px);-webkit-font-smoothing:antialiased}body{position:fixed;inset:0}body,button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:400;line-height:1.5}a:link{color:var(--link-color)}a:visited{color:var(--link-visited-color)}a:active{color:var(--link-active-color)}small{font-style:italic;font-size:.75em}p>small:only-child{display:block;line-height:1.2}code{font-family:monospace;color:var(--background-color);background-color:var(--text-color);border-radius:var(--app-border-radius);padding:0 .125em}.selected-text{color:var(--selected-text-color);background-color:var(--selected-background-color-blurred)}:focus .selected-text,.focus .selected-text{background-color:var(--selected-background-color)}.panel,.page{position:absolute;inset:0;display:flex;flex-direction:column}.panel{isolation:isolate;contain:layout style size;inset:var(--gutter-width)}.page{background-color:var(--background-color);color:var(--text-color);border-width:1px;border-style:solid;border-color:var(--frame-color-lo) var(--frame-color-hi) var(--frame-color-hi) var(--frame-color-lo);padding:1rem;border-radius:var(--app-border-radius);overflow:hidden}.page p{margin:1em 0}#app{position:absolute;isolation:isolate;contain:layout style size;inset:0}#system,#fullscreen-system{position:absolute;isolation:isolate;width:100vw;background:none;font-family:var(--system-font-family)}#system:empty,#fullscreen-system:empty{pointer-events:none}.app{background-color:var(--frame-color);color:var(--frame-text-color)}#system{contain:layout style size;font-size:min(max(var(--font-size)*1px,12px),2vw,3vh,22px)}#fullscreen-system{font-size:max(1.5vw,12px)}body.dragging{cursor:default}body.dragging>*{pointer-events:none}body.dragging *{cursor:inherit !important}.note{padding:1em;margin:1em 0;background-color:rgba(64,128,128,.1);border:1px solid var(--grey2-color);border-radius:var(--app-border-radius)}.system .note{border-radius:.25em;font-size:.75em}.light .note{background-color:rgba(255,255,0,.25);border-color:rgba(255,165,0,.75)}.note.error{background-color:rgba(255,0,0,.1);border-color:red}.error{color:var(--error-color)}.warning{font-style:italic}fieldset{position:relative;padding:.5em 1em 1em 1em;color:var(--text-color);border-radius:.25em;border:.125em solid var(--grey1-color)}fieldset+fieldset{margin-top:1em}legend{text-align:left;padding:0 .375em;white-space:nowrap}label,legend{-webkit-user-select:none;user-select:none}button,input,select,textarea{padding:.125em .25em;border:0;border-radius:calc(var(--roundness)*1em)}input,textarea{background-color:var(--background-color);color:var(--text-color);border-width:1px;border-style:solid;border-color:var(--frame-color-lo) var(--frame-color-hi) var(--frame-color-hi) var(--frame-color-lo)}input{padding:calc(.125em - 2px) 0 calc(.125em - 2px) .25em}input::-webkit-inner-spin-button{opacity:1}select{border:1px solid;-webkit-user-select:none;user-select:none;outline-offset:-1px;text-indent:calc(var(--roundness)*.125em)}.focus-visible select:focus,.focus-visible textarea:focus,.focus-visible input:not([type=range]):focus{outline:solid var(--focus-ring-color)}input[type=checkbox],input[type=radio]{width:1em;height:1em;border:none;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{vertical-align:middle}input[type=checkbox]+label,label+input[type=checkbox],input[type=radio]+label,label+input[type=radio]{outline-offset:3px}input[type=radio]{border-radius:50%}input[type=color]{border:none;width:3em;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]+input[type=color]{margin-left:.5em}input[type=range]{--track-height: 0.25em;--thumb-size: 1.5em;border:none;appearance:none;padding:0;background:rgba(0,0,0,0);color:var(--text-color);height:.5em;outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--track-height);background-color:currentColor;border:none;border-radius:var(--track-height);box-sizing:border-box}input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--thumb-size);height:var(--thumb-size);background-color:currentColor;border:0;border-radius:var(--thumb-size);margin-top:calc(var(--track-height)/2 - var(--thumb-size)/2);box-sizing:border-box;box-shadow:0 0 1px calc(var(--thumb-size)/10) var(--background-color)}input[type=range]::-moz-range-track{width:100%;height:var(--track-height);background-color:currentColor;border:none;border-radius:var(--track-height);box-sizing:border-box}input[type=range]::-moz-range-thumb{appearance:none;width:var(--thumb-size);height:var(--thumb-size);background-color:currentColor;border:0;border-radius:var(--thumb-size);margin-top:calc(var(--track-height)/2 - var(--thumb-size)/2);box-sizing:border-box;box-shadow:0 0 1px calc(var(--thumb-size)/10) var(--background-color)}.focus-visible input[type=range]:focus::-webkit-slider-thumb{outline:solid var(--focus-ring-color)}.focus-visible input[type=range]:focus::-moz-range-thumb{outline:solid var(--focus-ring-color)}label{border-radius:calc(var(--roundness)*.5em)}label+input,label+select,label+textarea{margin-left:.5em}label+output,input+label{padding-left:.5em}input:disabled+label,label:has(+input:disabled){color:var(--grey1-color)}input,select,textarea{background-color:var(--background-color);color:var(--text-color)}input:disabled,select:disabled,textarea:disabled{color:var(--grey1-color);opacity:1}button,[role=button]{color:var(--button-text-color);background-color:var(--button-color);background-image:linear-gradient(to bottom, var(--button-color-hi), transparent 0.125em),linear-gradient(to right, var(--button-color-hi), transparent 0.125em),linear-gradient(to left, var(--button-color-lo), transparent 0.125em),linear-gradient(to top, var(--button-color-lo), transparent 0.125em);border:1px solid var(--black);border-radius:calc(var(--roundness)*1em);appearance:none;padding:.125em 1em;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;transform-origin:bottom right}button:hover,[role=button]:hover{filter:brightness(1.1)}button:active,button.active,[role=button]:active,[role=button].active{filter:brightness(0.95);transform:scale(0.99)}button:disabled,[role=button]:disabled{filter:none;transform:none}button:disabled,[role=button]:disabled{filter:grayscale(1);background-image:none;opacity:.5;cursor:default;pointer-events:none}.focus-visible button:focus,.focus-visible [role=button]:focus{outline:solid var(--focus-ring-color)}button+button,button+[role=button],[role=button]+button,[role=button]+[role=button]{margin-left:.75em}button.small,[role=button].small{padding:calc(.25em - 1px) .875em;font-size:.75em}.buttons{text-align:right;margin-top:1em}.table-layout{display:table;width:100%}.table-layout>p{display:table-row;line-height:2}.table-layout>p>label{display:table-cell;width:10%;white-space:nowrap}.table-layout>p>label:first-child{text-align:right}.table-layout>p>label+input,.table-layout>p>label+output,.table-layout>p>label+select,.table-layout>p>label+textarea{display:table-cell;width:calc(100% - .5em)}.table-layout>p>input,.table-layout>p>output,.table-layout>p>select,.table-layout>p>button{vertical-align:middle}.table-layout>p>textarea{vertical-align:text-top}.table-layout>p input[type=checkbox],.table-layout>p input[type=radio]{width:1em}.checkbox-list{display:flex;flex-wrap:wrap;flex-direction:column;line-height:1.8}.checkbox-list>li{display:flex;flex-direction:row;align-items:center}.checkbox-list>li .media-source-label{display:inline-flex}
.svg-defs{position:absolute;visibility:hidden}
.app-drag-region{position:fixed;top:0;width:100%;height:1.5rem;-webkit-app-region:drag;-webkit-user-select:none;user-select:none;display:none}@media(display-mode: window-controls-overlay){.app-drag-region{display:block}}.electron .app-drag-region{display:block;height:env(titlebar-area-height, 1.5rem)}
.icon{width:1em;height:1em;fill:currentColor;stroke:currentColor;pointer-events:none;vertical-align:middle;overflow:visible}.icon-star-inner{fill:none}.volume-low .icon-volume .medium{display:none}.volume-low .icon-volume .high,.volume-medium .icon-volume .high{display:none}.icon-palette{color:hotpink}.themed.light .icon-palette{color:purple}.icon-http,.icon-https,.icon-internet-radio,.icon-globe{color:skyblue}.themed.light .icon-http,.themed.light .icon-https,.themed.light .icon-internet-radio,.themed.light .icon-globe{color:#1e90ff}.icon-visualizer{color:lime}.themed.light .icon-visualizer{color:green}.icon-error circle{fill:var(--error-color)}.tree-view-row.selected-text .icon-palette,.tree-view-row.selected-text .icon-globe,.tree-view-row.selected-text .icon-visualizer,.tree-view-row.selected-text .icon-settings{fill:#fff}.icon-apple-logo{stroke:none;fill:#fff}.themed.light .icon-apple-logo{fill:#000}.airsonic-connected .icon-airsonic,.icon-airsonic:not(.show-connectivity){fill:#2f7bd9}.icon-ampache circle{fill-opacity:.2}.ampache-connected .icon-ampache circle,.icon-ampache:not(.show-connectivity) circle{stroke:#422506;fill:#ff8300;fill-opacity:1}.ampache-connected .icon-ampache path,.icon-ampache:not(.show-connectivity) path{fill:#422506}.icon-apple-inner{fill:none}.apple-connected .icon-apple .icon-apple-inner,.icon-apple:not(.show-connectivity) .icon-apple-inner{fill:#fff}.apple-connected .icon-apple .icon-apple-outer,.icon-apple:not(.show-connectivity) .icon-apple-outer{fill:url("#apple-linear-gradient")}.icon-emby-inner{fill:var(--background-color)}.emby-connected .icon-emby .icon-emby-inner,.icon-emby:not(.show-connectivity) .icon-emby-inner{fill:#fff}.emby-connected .icon-emby .icon-emby-outer,.icon-emby:not(.show-connectivity) .icon-emby-outer{fill:#52b54b}.icon-gonic{stroke:#303030;fill:#303030}.icon-gonic-white{fill:#fff;fill-opacity:.75}.icon-gonic-primary{fill:currentColor;fill-opacity:.5}.gonic-connected .icon-gonic,.icon-gonic:not(.show-connectivity){stroke:#3d2f25;fill:#3d2f25}.gonic-connected .icon-gonic .icon-gonic-white,.icon-gonic:not(.show-connectivity) .icon-gonic-white{fill-opacity:1}.gonic-connected .icon-gonic .icon-gonic-primary,.icon-gonic:not(.show-connectivity) .icon-gonic-primary{fill:#fcbe00;fill-opacity:1}.jellyfin-connected .icon-jellyfin,.icon-jellyfin:not(.show-connectivity){fill:url("#jellyfin-linear-gradient")}.icon-lastfm{border-radius:.125em}.icon-lastfm-inner{fill:none}.lastfm-connected .icon-lastfm .icon-lastfm-inner,.icon-lastfm:not(.show-connectivity) .icon-lastfm-inner{fill:#fff}.lastfm-connected .icon-lastfm .icon-lastfm-outer,.icon-lastfm:not(.show-connectivity) .icon-lastfm-outer{fill:#b90000}.icon-listenbrainz-left{fill:currentColor}.icon-listenbrainz-right{fill:currentColor;opacity:.5}.listenbrainz-connected .icon-listenbrainz .icon-listenbrainz-left,.icon-listenbrainz:not(.show-connectivity) .icon-listenbrainz-left{fill:#353070}.listenbrainz-connected .icon-listenbrainz .icon-listenbrainz-right,.icon-listenbrainz:not(.show-connectivity) .icon-listenbrainz-right{fill:#eb743b;opacity:1}.icon-mixcloud{color:#5000ff}.icon-musicbrainz-left{fill:#ba478f}.icon-musicbrainz-right{fill:#eb743b}.navidrome-connected .icon-navidrome,.icon-navidrome:not(.show-connectivity){fill:#0084ff}.icon-plex-inner{fill:var(--background-color)}.icon-plex-outer{stroke:none}.plex-connected .icon-plex .icon-plex-inner,.icon-plex:not(.show-connectivity) .icon-plex-inner{fill:#e49f0d}.plex-connected .icon-plex .icon-plex-outer,.icon-plex:not(.show-connectivity) .icon-plex-outer{fill:#282a2c;stroke:currentColor}.icon-soundcloud{color:#f50}.spotify-connected .icon-spotify,.icon-spotify:not(.show-connectivity){fill:#1ed760}.subsonic-connected .icon-subsonic,.icon-subsonic:not(.show-connectivity){fill:#ffd220;filter:drop-shadow(1px 1px 0 rgba(16, 16, 16, 0.6))}.dark .subsonic-connected .icon-subsonic,.dark .icon-subsonic:not(.show-connectivity){filter:drop-shadow(1px 1px 0 rgba(240, 240, 240, 0.4))}.tidal-connected .light .icon-tidal.show-connectivity,.tidal-connected .dark .icon-tidal.show-connectivity{fill:aqua}.tidal-connected .light .icon-tidal.show-connectivity{background-color:#07332f}.light .icon-tidal.show-connectivity{fill:var(--background-color);background-color:currentColor}.light .icon-tidal.show-connectivity .icon-tidal-inner{transform:scale(0.67);transform-origin:center}.icon-youtube-inner{fill:none}.youtube-connected .icon-youtube .icon-youtube-inner,.icon-youtube:not(.show-connectivity) .icon-youtube-inner{fill:#fff}.youtube-connected .icon-youtube .icon-youtube-outer,.icon-youtube:not(.show-connectivity) .icon-youtube-outer{fill:red}.icon-lookup{color:var(--grey2-color);pointer-events:auto}.icon-lookup-not-found{color:rgba(255,0,0,.5)}.icon-lookup-outer{fill:rgba(238,238,238,.2)}.themed.light .icon-lookup-outer{fill:rgba(16,16,16,.4)}
.app-title{font-family:Arial,sans-serif}.app-title .app-icon{margin-right:.25em}.app-title .app-version{margin-left:.25em;padding:.125em .3125em;font-size:max(.5625em,8px);vertical-align:super;background-color:var(--frame2-color);border-radius:var(--app-border-radius)}
.visualizer{position:absolute;inset:0;background:var(--black)}.media:fullscreen .visualizer{background:#000}.visualizer-audiomotion[hidden]{display:block;visibility:hidden}.visualizer-audiomotion[hidden] canvas{display:none}.light.frame-light .media:not(:fullscreen) .visualizer-ampshader:not(.opaque),.light.frame-light .media:not(:fullscreen) .visualizer-butterchurn:not(.opaque){opacity:.5}.visualizer-waveform-main{background:var(--background-color)}.themed.light .visualizer-waveform-main{background:var(--black)}.visualizer-waveform-beats{inset:auto;bottom:.625em;left:50%;transform:translateX(-50%);background:none}.media.fullscreen .visualizer-waveform-beats{bottom:.75em;background:none}.media.paused .visualizer-waveform-beats{display:none}.media.fullscreen:not(.idle):hover .visualizer-waveform-beats{visibility:hidden}
.media-source-label{display:flex;flex-direction:row;align-items:center}.media-source-label .icon{min-width:1em;margin-right:.25em}.media-source-label .icon-folder,.media-source-label .icon-folder-up{margin-top:-0.125em}.media-source-label .icon-pin{transition:transform .5s}.media-source-label.unpinned .icon-pin{transform:rotate(0.5turn)}.media-source-label.unpinned .icon-pin+.text{text-decoration:line-through}.media-source-label .text{display:inline-block;overflow:hidden;text-overflow:ellipsis}
.interstitial{--shadow-color: rgba(16, 16, 16, 0.8);--shadow-small: 1px 1px 0 var(--shadow-color);--shadow-large: 2px 2px 0 var(--shadow-color);position:absolute;inset:0;color:var(--soft-white);text-align:center;text-rendering:optimizeLegibility}.interstitial::before,.interstitial .currently-playing{position:absolute;inset:0;opacity:0;transition:opacity 0s linear}.interstitial::before{content:"";background-color:var(--black)}.mini-player-active .interstitial::before{background-color:var(--terminal--black)}.media:fullscreen .interstitial::before{background-color:#000}.interstitial .currently-playing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2em;text-shadow:var(--shadow-small);background:radial-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0))}.mini-player-active .interstitial .currently-playing{background:none}.media.fullscreen .interstitial .currently-playing{text-shadow:var(--shadow-large);padding-bottom:4em}.interstitial .currently-playing .title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.interstitial .currently-playing .title:has(+.by){-webkit-line-clamp:2}.interstitial .currently-playing .sub-title{font-size:max(.75em,12px)}.interstitial .currently-playing .by{font-size:max(.5em,10px)}.interstitial .currently-playing .provided-by{font-size:max(.5em,11px);margin-top:1.5em;line-height:normal}.interstitial .currently-playing .provided-by .text{color:#ababab}.interstitial .currently-playing .icon-tidal{filter:var(--shadow-small)}.media.fullscreen .interstitial .currently-playing .icon-tidal{filter:var(--shadow-large)}.interstitial.show::before{opacity:1;transition:none}.interstitial.show .currently-playing{opacity:1;transition:opacity 600ms linear}.interstitial.hide::before{opacity:0;transition:opacity 400ms ease-in 250ms}.interstitial.hide .currently-playing{opacity:0;transition:opacity 400ms linear 300ms}.interstitial.fade-out::before{opacity:0;transition:opacity 8s linear}.interstitial.fade-out .currently-playing{opacity:0;transition:opacity 10s linear}.media:not(.mini-player-active,.paused,.error).is-showing-cover-art .interstitial .playback-state{visibility:hidden}.media:not(.paused,.is-showing-cover-art,.idle):hover .interstitial.hide .currently-playing{opacity:1;transition:opacity 400ms linear}.media:not(.paused,.is-new-item,.no-visualizer.is-playing-audio).fullscreen.idle .interstitial{opacity:0}
.progress-bar{position:absolute;bottom:0;width:100%;height:var(--progress-bar-height);background-color:var(--progress-bar-background-color);border:0;border-radius:0;display:none;transition:opacity 1s linear}.progress-bar[value^="0"]{opacity:0}.media.fullscreen .progress-bar{display:block}.progress-bar::-webkit-progress-bar{background-color:var(--progress-bar-background-color);border-radius:0}.progress-bar::-webkit-progress-value{background-color:var(--progress-bar-color);border-radius:0}.progress-bar::-moz-progress-bar{background-color:var(--progress-bar-color);border-radius:0}
.icon-button{all:unset;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:1em;height:1em;opacity:.75;border-radius:calc(var(--roundness)*.5em);outline-offset:2px;outline-width:2px}.icon-button:disabled{color:var(--grey1-color)}.icon-button:enabled{cursor:pointer}.focus-visible .icon-button:enabled:focus,.icon-button:enabled:hover{opacity:1}.icon-button:active{transform:none}.icon-button .icon{width:inherit;height:inherit}
.icon-buttons{display:flex;flex-direction:row;align-items:center;padding:1px}.icon-buttons>*+*{margin-left:.25em}
dialog{border:0;padding:0;color:inherit}.dialog{flex-direction:column;padding:0;overflow:hidden;color:var(--frame-text-color);background-clip:padding-box;background-color:var(--frame-color);background-image:linear-gradient(to bottom, var(--frame-color-hi), transparent 0.125rem),linear-gradient(to right, var(--frame-color-hi), transparent 0.125rem),linear-gradient(to left, var(--frame-color-lo), transparent 0.125rem),linear-gradient(to top, var(--frame-color-lo), transparent 0.125rem);border:1px solid #000;border-radius:var(--app-border-radius);box-shadow:rgba(0,0,0,.67) 4px 10px 20px;isolation:isolate;contain:content}.dialog[open]{display:flex}.dialog::backdrop{background:rgba(0,0,0,.1)}.app .dialog::backdrop{background:var(--black);opacity:.33}.system .dialog{border-radius:.5em}.dialog-head{position:relative;height:2em;display:flex;flex-direction:row;flex:initial;align-items:center;-webkit-user-select:none;user-select:none;font-family:var(--system-font-family)}.dialog-head h2{flex:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6em 0 .5em;font-weight:bold;text-align:left}.themed.system .dialog-head h2 .icon-palette,.themed.system .dialog-head h2 .icon-globe,.themed.system .dialog-head h2 .icon-visualizer{fill:currentColor;stroke:currentColor}.dialog-close{width:1.25em;height:1.25em;margin:0 .5em 0 auto;color:#fff;background-color:#9b1a25;background-image:linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 0.125rem),linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 0.125rem),linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 0.125rem),linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 0.125rem);border-radius:.25em;padding:0}.app.flat .dialog-close{background-image:none}.dialog-close .icon{width:.625em;vertical-align:baseline}.dialog-body{background-color:var(--background-color);color:var(--text-color);border-width:1px;border-style:solid;border-color:var(--frame-color-lo) var(--frame-color-hi) var(--frame-color-hi) var(--frame-color-lo);position:relative;flex:initial;margin:0 .375em .375em .375em;padding:1em;border-radius:calc(var(--app-border-radius)/2) calc(var(--app-border-radius)/2) var(--app-border-radius) var(--app-border-radius)}.system .dialog-body{border-radius:0 0 .5em .5em}.dialog-body p{margin:.5em 0}.dialog-body legend+p:not(:last-child){margin-top:0}.dialog-body .dialog-buttons{text-align:right;margin:2em 0 0 0}
.alert-dialog{text-align:center}
.confirm-dialog{text-align:center}.confirm-dialog-storage{display:flex;flex-direction:row;align-items:center;margin-top:2em;font-size:.75em;font-style:italic}
.prompt-dialog{text-align:center}.prompt-dialog input[type=url]{width:24em}.prompt-dialog textarea{min-width:20em;min-height:4em;width:32em;height:12em;margin-top:.5em;margin-left:0;font-family:monospace;font-size:.875em}.prompt-dialog label:has(+textarea){display:block;text-align:left}
.select-dialog{text-align:center}.select-dialog ul{display:inline-block;text-align:left}
.popup-menu{position:fixed;display:flex;flex-direction:column;padding:0;overflow:hidden;background-color:var(--button-color);border:1px solid var(--black);border-radius:var(--app-border-radius);box-shadow:rgba(0,0,0,.33) 2px 5px 10px}.popup-menu button{border:0;border-radius:0;width:100%;min-width:8em;display:flex;flex-direction:row;align-items:center;justify-content:center;padding-left:1.25em;background-image:none}.popup-menu button:focus{background-color:var(--button-text-color);color:var(--button-color)}.focus-visible .popup-menu button:focus{outline:none}.popup-menu button:hover,.popup-menu button:active{transform:none;filter:none}.popup-menu-separator{height:1px;background-color:var(--button-text-color);opacity:.75}.popup-menu-separator:first-child,.popup-menu-separator:last-child,.popup-menu-separator+.popup-menu-separator{display:none}.popup-menu-item{position:relative}.popup-menu-item button[aria-checked]::before{position:absolute;left:.25em}.popup-menu-item-checkbox button[aria-checked=true]::before{content:"✓"}.popup-menu-item-radio button[aria-checked=false]::before{content:"◎"}.popup-menu-item-radio button[aria-checked=true]::before{content:"◉"}.popup-menu-item.has-popup-right>button::before{content:"❮";position:absolute;left:.5em;font-size:.75em}.popup-menu-item.has-popup-right .popup-menu{border-top-right-radius:0;z-index:-1}.popup-menu-item.has-popup-left>button::after{content:"❯";font-size:.75em;margin-left:1em}.popup-menu-item.has-popup-left .popup-menu{border-top-left-radius:0;z-index:-1}.popup-menu-item.showing-popup>button{background-color:var(--button-text-color);color:var(--button-color)}.popup-menu-item-label{flex:auto;text-align:left;max-width:20em;overflow:hidden;text-overflow:ellipsis}.popup-menu-item-accelerator-key{flex:initial;margin-left:3em;text-align:right;font-size:.75em}.popup-menu .media-source-label .icon{margin-right:.5em}
.scrollbar{position:absolute;background:var(--scrollbar-background-color);border-radius:var(--app-border-radius);display:none}.scrollbar-vertical{right:0;top:0;bottom:0;width:var(--scrollbar-size)}.scrollbar-horizontal{left:0;bottom:0;right:0;height:var(--scrollbar-size)}.scrollbar-thumb,.scrollbar-button{color:var(--scrollbar-text-color);background-clip:padding-box;background-color:var(--scrollbar-color);background-image:linear-gradient(to bottom, var(--scrollbar-color-hi), transparent 0.125em),linear-gradient(to right, var(--scrollbar-color-hi), transparent 0.125em),linear-gradient(to left, var(--scrollbar-color-lo), transparent 0.125em),linear-gradient(to top, var(--scrollbar-color-lo), transparent 0.125em);border:1px solid var(--black);border-radius:calc(var(--roundness)*1em);position:absolute;width:var(--scrollbar-size);height:var(--scrollbar-size);border-radius:var(--app-border-radius);transform-origin:bottom right}.scrollbar-thumb:hover,.scrollbar-button:hover{filter:brightness(1.1)}.scrollbar-thumb:active,.scrollbar-thumb.active,.scrollbar-button:active,.scrollbar-button.active{filter:brightness(0.95);transform:scale(0.99)}.scrollbar-thumb:disabled,.scrollbar-button:disabled{filter:none;transform:none}.browser-firefox .scrollbar-thumb:active,.browser-firefox .scrollbar-button:active{transform:none}.scrollbar-button{display:flex;align-items:center;justify-content:center}.scrollbar-button .icon{width:calc(var(--scrollbar-size)/3);height:calc(var(--scrollbar-size)/3);pointer-events:none}.scrollbar-vertical .scrollbar-button-increment{bottom:0}.scrollbar-horizontal .scrollbar-button-increment{right:0}.scrollbar-track{position:absolute}.scrollbar-vertical .scrollbar-track{left:0;right:0;top:var(--scrollbar-size);bottom:var(--scrollbar-size)}.scrollbar-horizontal .scrollbar-track{left:var(--scrollbar-size);right:var(--scrollbar-size);top:0;bottom:0}.scrollbar-horizontal .scrollbar-thumb{min-width:calc(var(--scrollbar-size)*.67)}.scrollbar-vertical .scrollbar-thumb{min-height:calc(var(--scrollbar-size)*.67)}.overflow-x>.scrollbar-horizontal,.overflow-y>.scrollbar-vertical{display:block}.overflow-x.overflow-y>.scrollbar-horizontal .scrollbar-track{right:calc(2*var(--scrollbar-size))}.overflow-x.overflow-y>.scrollbar-horizontal .scrollbar-button-increment{right:var(--scrollbar-size)}.overflow-x.overflow-y>.scrollbar-vertical .scrollbar-track{bottom:calc(2*var(--scrollbar-size))}.overflow-x.overflow-y>.scrollbar-vertical .scrollbar-button-increment{bottom:var(--scrollbar-size)}
.scrollable{--scrollbar-size: calc(1.5em * var(--scrollbar-thickness));overflow:hidden;border-radius:inherit}.scrollable,.scrollable-content{position:absolute;inset:0}.scrollable-content{isolation:isolate;display:flex;flex-direction:column;min-width:calc(2*var(--scrollbar-size));min-height:calc(2*var(--scrollbar-size))}.scrollable-head{flex:initial}.scrollable-body{flex:auto;overflow:hidden}.scrollable-body-content{position:relative}
.tree-view{background-color:var(--background-color);color:var(--text-color);border-width:1px;border-style:solid;border-color:var(--frame-color-lo) var(--frame-color-hi) var(--frame-color-hi) var(--frame-color-lo);position:relative;isolation:isolate;display:flex;flex:auto;border-radius:var(--app-border-radius);-webkit-user-select:none;user-select:none;cursor:default}.tree-view.minimal-width .text{visibility:hidden}.tree-view.minimal-width .scrollbar{display:none}.tree-view .tooltip{position:absolute;padding:1px 2em 1px 4px;margin:-2px 0 0 -5px;border:1px solid;inset:unset;white-space:nowrap;line-height:1.5;color:inherit;background-color:var(--background-color)}.tree-view .tooltip:popover-open{display:inline-block}.tree-view .tooltip .text{visibility:visible}.tree-view .selected-text .tooltip{background-color:var(--selected-background-color-blurred)}.tree-view:focus .selected-text .tooltip,.tree-view.focus .selected-text .tooltip{background-color:var(--selected-background-color)}.tree-view-node,.tree-view-node-children{display:block;list-style:none}.tree-view-node-marker{min-width:1em;width:1em;height:1em;margin-right:.125em;fill:currentColor}.tree-view-node-marker:not(.empty-marker){cursor:pointer}.tree-view-node-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-view-node.empty .tree-view-node-label{margin-left:1.125em}.tree-view-node.empty .tree-view-node-marker+.tree-view-node-label{margin-left:0}.tree-view-row{display:flex;flex-direction:row;align-items:center;padding-left:.125em}.tree-view:not(.show-tooltip) .tree-view-row:hover:not(.selected-text){background-color:var(--hover-row-background-color)}.tree-view-cursor{position:absolute;top:0;left:0;right:0;height:1.5em;border:1px dotted var(--selected-text-color);pointer-events:none}[role=tree]:empty+.tree-view-cursor,.tree-view:not(:focus) .tree-view-cursor{visibility:hidden}
.settings-dialog{width:45em;height:37.5em}.settings-dialog::backdrop{background:none}.settings-dialog .dialog-body{display:flex;flex-direction:row;height:100%}.settings-dialog-sources{flex:initial;width:11em;min-width:11em}.settings-dialog-sources .icon-settings{fill:var(--grey2-color)}.settings-dialog-source{display:flex;flex:auto;margin-left:1em}.settings-dialog .media-services .media-service-list{font-size:1.25em}.settings-dialog .media-services+.restricted-access{margin-top:1em;font-style:italic}.settings-dialog .checkbox-list{max-height:20em}.settings-dialog .scrobbling-settings .checkbox-list{max-height:16em}.settings-dialog .scrobbling-settings .scrobbling-options p:first-of-type{margin-bottom:.75em}.settings-dialog footer.dialog-buttons{position:absolute;right:1em;bottom:1em;margin:0}
.tab-list{position:relative;isolation:isolate;display:flex;flex:auto;flex-direction:column}.tab-list-tabs{display:flex;flex-direction:row;-webkit-user-select:none;user-select:none;z-index:1}.tab-list-tabs>li+li{margin-left:2px}.tab-list-panels{position:relative;flex:auto;border:1px solid #444;border-top-right-radius:calc(var(--roundness)*1em);margin-top:-1px}.tab-list .tab{position:relative;background-image:none;border-color:#444;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0;padding-bottom:0;height:1.75em}.tab-list .tab[aria-selected=true]{border-bottom:1px solid var(--background-color);background-color:var(--background-color);color:var(--text-color)}.tab-list .tab:active{transform:none;filter:none}.tab-list .tab-panel{padding:1em}
.external-link{white-space:nowrap;text-decoration:none}.external-link:hover .external-link-text,.external-link:active .external-link-text{text-decoration:underline}.external-link-content{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:inherit}.external-link-text{border-radius:calc(var(--roundness)*.5em);outline-offset:.125em;text-decoration:inherit}.icon+.external-link-text{margin-left:.25em}.focus-visible .external-link:focus .external-link-text{outline:solid var(--focus-ring-color);outline-width:2px}.external-link .icon{text-decoration:none}.external-link>.icon-link{position:relative;left:.5em;top:-0.75em;font-size:.625em}
.audio-settings .table-layout select,.audio-settings .table-layout input{width:6em}.audio-settings .table-layout label+input+label{text-align:left;width:100%}.audio-settings .warning{margin-top:1.5em}.audio-settings p:has(>small){margin-top:1em}
.app-settings-general fieldset p{margin:0}.app-settings .app-preferences kbd{font:inherit}
.appearance-settings-general .table-layout label{display:inline}.appearance-settings-general .font-size label{display:table-cell}
.list-view{background-color:var(--background-color);color:var(--text-color);border-width:1px;border-style:solid;border-color:var(--frame-color-lo) var(--frame-color-hi) var(--frame-color-hi) var(--frame-color-lo);position:relative;isolation:isolate;display:flex;flex:auto;border-radius:var(--app-border-radius);-webkit-user-select:none;user-select:none;cursor:default;overflow:hidden}.list-view .scrollable{background-color:inherit}.list-view-head{border-radius:var(--app-border-radius);height:1.5em}.list-view-body,.list-view-row{display:block}.list-view-head .list-view-row{position:relative;height:inherit}.list-view-body .list-view-row{position:absolute;width:100%}.list-view-body .list-view-row:nth-child(even){background-color:var(--even-row-background-color)}.list-view-body .list-view-row:hover:not(.selected){background-color:var(--hover-row-background-color)}.list-view-body .list-view-row.selected{background-color:var(--selected-background-color-blurred)}.list-view.focus .list-view-row.selected{background-color:var(--selected-background-color)}.list-view-row.selected{color:var(--selected-text-color)}.list-view-cell{position:absolute;padding:0 .5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-view-head .list-view-cell{color:var(--button-text-color);background-color:var(--button-color);background-image:linear-gradient(to bottom, var(--button-color-hi), transparent 0.125em),linear-gradient(to right, var(--button-color-hi), transparent 0.125em),linear-gradient(to left, var(--button-color-lo), transparent 0.125em),linear-gradient(to top, var(--button-color-lo), transparent 0.125em);border:1px solid var(--black);border-radius:calc(var(--roundness)*1em);padding:0 calc(.5em - 1px);border-radius:var(--app-border-radius);height:inherit}.list-view-head .list-view-cell.insert-before{transform:translateX(0.5em);transition:transform 200ms ease-in}.list-view-cursor{position:absolute;width:100%;height:1.5em;border:1px dotted var(--selected-text-color);pointer-events:none}.list-view-body:empty+.list-view-cursor{border-color:var(--text-color)}.list-view:not(:focus) .list-view-cursor{visibility:hidden}.list-view-row.drag-over::before,.list-view-row.drag-over-last::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:1px;border:1px dotted var(--text-color);pointer-events:none}.list-view-row.drag-over-last::after{top:100%}.list-view .column-resizer,.list-view .column-drop-marker{position:absolute;top:0;bottom:0}.list-view .column-resizer{cursor:col-resize;width:.5em;margin-left:-0.25em}.list-view .column-drop-marker{margin-left:.125em;width:.25em;background:var(--text-color);border-radius:calc(var(--roundness)*.25em)}.list-view-card .list-view-cursor{height:6em}.list-view-card.compact .list-view-cursor{height:4.75em}.list-view-card.small .list-view-cursor{height:3.25em}.list-view-card.minimal .list-view-cursor{height:2em}.list-view-card .list-view-body{width:100%}.list-view-card .list-view-row{width:100%;line-height:1.5}.list-view-drag-image{position:absolute;width:100%;z-index:-1}.list-view-drag-image .actions{display:none}.list-view .empty-message{margin:1em}
.list-box{width:100%;height:calc(11em - 2px);margin:.5em 0}.list-box .scrollable{--scrollbar-size: max(10px, calc(1.25em * var(--scrollbar-thickness)))}.list-box .list-view-cell{padding:0 .25em}
.save-theme-dialog select{width:100%}
.theme-editor .theme-name label{padding-bottom:.33em}.theme-editor .theme-name input{width:15.75em}.theme-editor .font-selector{width:12.5em}.theme-editor input[type=color]{width:25%;height:1.375em}.theme-editor button.small{margin-left:.5em}.theme-editor .color-pair.locked label{color:var(--grey1-color)}.theme-editor .color-pair .icon-button{margin:0 .5em}.theme-editor .color-pair .scrollbar-thickness{font-size:.75em}.theme-editor .icon-button{outline-width:2px;outline-offset:2px}.theme-editor .icon-button-swap{font-size:.75em}.theme-editor .icon-button-swap:disabled{opacity:.5}
.user-themes-buttons{text-align:right;display:flex;flex-direction:row}.user-themes-import{margin-top:2em}.user-themes-delete{margin-left:auto}
.media-service-list>li:not(.no-icon){align-items:baseline}.media-service-list+.media-service-list{margin-top:1em;border-top:1px solid;padding-top:1em}
.confirm-disconnect-services{text-align:left}.confirm-disconnect-services ul{margin:1em 2em}
.disconnect-button{width:100%}.disconnect-button:disabled{background-image:none}
.media-service-settings-general .media-source-label{display:inline-flex}
.media-service-credentials{width:100%}.media-service-credentials label,.media-service-credentials input[type=text],.media-service-credentials input[type=password]{width:100%;margin-left:0}.media-service-credentials .credentials-locked{text-align:center}.media-service-credentials .credentials-registration p{margin:0}.media-service-credentials .credentials-requirements{padding-top:.5em;border-radius:.25em;font-size:.875em}.media-service-credentials .credentials-requirements p+p{margin-top:1em}.media-service-credentials .credentials-callback{display:flex;align-items:center}.media-service-credentials .credentials-callback+.credentials-callback{margin-top:.25em}.media-service-credentials .credentials-callback input[type=radio]{flex:initial;margin-right:.5em}.media-service-credentials .credentials-callback input[type=text]{flex:auto;margin-right:.5em}.media-service-credentials .credentials-callback input:not(:checked)+input{background:rgba(0,0,0,0);opacity:.5}.media-service-credentials .credentials-callback .copy-button{font-size:max(.75em,10px);border-radius:calc(var(--roundness)*.75em);padding:.125em .5em;min-width:6.75em;margin-left:auto}
.personal-media-server-info .table-layout p{line-height:normal}.personal-media-server-info input{border:none;background:none}
.personal-media-server-settings .external-link{text-decoration:underline}.personal-media-server-settings select{min-width:8em}
.media-service-pins{width:100%}.media-service-pins-dialog{width:30em;height:23em}.media-service-pins-buttons{text-align:right}
.butterchurn-settings .table-layout select,.butterchurn-settings .table-layout input{max-width:max-content}
.visualizer-randomness .view-selector{display:block;margin:.5em 0 1em 0}.visualizer-randomness .view-selector li{display:inline-block;line-height:normal}.visualizer-randomness .view-selector li+li{margin-left:1em}.visualizer-randomness .weightings{margin-left:.5em;padding-bottom:.5em}.visualizer-randomness .weightings[hidden]{position:absolute;display:block;visibility:hidden}.visualizer-randomness .weightings p.is-zero label{color:var(--grey1-color)}.visualizer-randomness .weightings p.disabled{color:var(--grey1-color)}.visualizer-randomness .weightings p[hidden]{display:none}.visualizer-randomness .weightings input{display:inline-block;width:15em}.visualizer-randomness .relative-weight{margin-left:1em;font-size:.75em;vertical-align:middle}.visualizer-randomness .note{font-size:.875em;text-align:center}.visualizer-randomness .note .external-link{text-decoration:underline}.visualizer-randomness .note .external-link .icon{display:none}.visualizer-randomness .enable-system-audio{text-decoration:underline;cursor:pointer}
.visualizer-favorites .list-view{width:100%;height:20em;margin:.5em 0}.visualizer-favorites-buttons{display:flex;flex-direction:row;align-items:baseline}.visualizer-favorites-delete{margin-top:.5em;margin-left:auto}
.visualizer-settings-dialog{width:33.5em;height:36.5em}.visualizer-settings select+button{margin-left:1em}.visualizer-settings .ambient-video-settings input[type=url]{width:100%}.visualizer-settings .ambient-video-settings fieldset+p{margin-top:1.5em}.visualizer-settings-general fieldset{margin-top:1.5em}.visualizer-settings .use-provider{padding-top:0;padding-bottom:0}.visualizer-settings .use-provider.in-use{opacity:1;color:var(--background-color);background:var(--text-color)}.visualizer-settings .compatibility{margin-top:2em;font-style:italic}
.backup .checkbox-list{max-height:10em}.backup .checkbox-list+p{margin-top:1.25em}
.copy-button{display:inline-flex;align-items:center;text-align:left;font-size:max(.75em,10px);padding:.25em 1em;min-width:7em;cursor:pointer}.copy-button .icon{margin-right:.5em}
.logs-view{font-size:max(.75em,10px)}.logs-view .list-view{height:32em;font-family:monospace}.logs-view .list-view+p{margin-top:1em}.logs .log .repeats{display:inline-block;background-color:var(--grey2-color);color:var(--background-color);font-size:.875em;min-width:1.5em;text-align:center;margin-right:.5em;padding:0 .25em;border-radius:25%;line-height:normal}.logs .log.selected .repeats{background-color:#000;color:inherit}.logs .log.warn{border-top:1px solid;border-bottom:1px solid}.logs .log.warn:not(.selected){background-color:rgba(64,128,128,.1);border-color:var(--grey2-color)}.light .logs .log.warn:not(.selected){background-color:rgba(255,255,0,.25);border-color:rgba(255,165,0,.75)}.logs .log.error{border-top:1px solid;border-bottom:1px solid;color:inherit}.logs .log.error:not(.selected){background-color:rgba(255,0,0,.1);color:pink}.light .logs .log.error:not(.selected){color:red}.logs .copy-button{font-size:max(.875em,10px)}
.advanced-settings .dialog-button-submit{display:none}
.star-rating{font-family:var(--system-font-family);font-weight:normal;opacity:.75;-webkit-user-select:none;user-select:none}.star-rating:hover{opacity:1}.star-rating-buttons{display:inline-block;text-align:left;padding:0 1px;white-space:nowrap}.star-rating-button{all:unset;cursor:pointer;border-radius:calc(var(--roundness)*.5em)}.star-rating-button:hover{opacity:1}.star-rating-button:active,.star-rating-button.active{filter:none;transform:none}.star-rating .half-star{display:inline-block;position:relative}.star-rating .half-star-fg{position:absolute;left:0;width:50%;display:inline-block;overflow:hidden}.focus-visible .star-rating:focus .selected{outline:solid var(--focus-ring-color)}
.details-box{width:100%;height:10em;margin:.5em 0}.details-box .list-view-cell.value{font-family:monospace}.details-box .scrollable{--scrollbar-size: max(10px, calc(1.25em * var(--scrollbar-thickness)))}
.media-details{display:flex;flex-direction:column;height:100%;font-size:max(.75em,10px)}.media-details .details-box{height:100%;margin:0}.media-details .details-box+p{margin-top:1em;margin-bottom:0}
.media-info-tabs .tab-list-tabs{font-size:.875em}.media-info-tabs .tab-panel{position:absolute;inset:0}.media-info-tabs .tab-panel:first-child{position:static}.media-info-tabs .tab-panel:first-child[hidden]{display:block;visibility:hidden}.media-info-tabs+.dialog-buttons{margin-top:1.5em}
.media-info-dialog{font-size:min(max(1.5vw,12px),1.125em)}.media-info-dialog:not(.empty){width:40em}
.error-report{font-size:max(.75em,1rem)}.error-report pre{white-space:pre-wrap}.error-report pre+p{text-align:right;margin-top:1em}
.error-box{background-color:var(--background-color);color:var(--text-color);border-width:1px;border-style:solid;border-color:var(--frame-color-lo) var(--frame-color-hi) var(--frame-color-hi) var(--frame-color-lo);flex:auto;padding:1em;border-radius:var(--app-border-radius);overflow:hidden}.error-box h2{font-size:1.5em;font-weight:bold;margin-bottom:.75em}.error-box .buttons{margin-top:1em;text-align:left}.error-box button.disconnect{white-space:normal}
.status-bar{padding:var(--gutter-width) 0;font-size:.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}
.progress-ring.busy{animation:progress-spin 1s linear infinite}@keyframes progress-spin{0%{transform:rotate(0deg)}100%{transform:rotate(1turn)}}
.media-list-status-bar{line-height:normal}.media-list-status-bar p{display:flex;flex-direction:row;align-items:center}.media-list-status-bar .progress-ring{margin-right:.25em}.media-list-status-bar .message.error{color:inherit}
.badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;padding:.25em .5em;background-color:var(--text-color);color:var(--background-color);border:1px solid var(--text-color);border-radius:calc(var(--roundness)*1em);font-style:normal;font-weight:bold;line-height:normal;text-transform:uppercase;-webkit-user-select:none;user-select:none;min-width:1em;height:calc(2em - 2px)}.badge.video .icon{margin-right:.5em;width:1.25em;height:1.25em}.badge.album-type{text-transform:none}.badge.album-type,.badge.bit-rate{background-color:rgba(0,0,0,0);color:var(--text-color);border-color:var(--text-color);font-weight:normal}.badge.explicit{border-color:#ff4500;background-color:#ff4500;color:#000;border-radius:calc(var(--roundness)*.75em)}.themed.light .badge.explicit{border-color:brown;background-color:brown;color:#fff}.badge.live-playback{border-color:darkred;background-color:darkred;color:#fff}.badge.share-link{background:none;color:var(--text-color);border-color:var(--text-color);text-align:left;text-decoration:none;text-transform:none;font-weight:normal;font-size:inherit;cursor:pointer}.badge.share-link.copied{cursor:default}.badge.external{background-color:rgba(0,0,0,0);border:0;width:2em;height:2em}.badge.external .icon{width:inherit;height:inherit}.badge~.badge{margin-left:.75em}.focus-visible .badge:focus{outline:solid var(--focus-ring-color);outline-width:2px}
.badges{display:flex;flex-direction:row;align-items:center;font-size:.5em}
.cover-art{position:relative;background-color:var(--background-mark-color);border:1px solid var(--thumbnail-border-color);border-radius:calc(var(--roundness)*12.5%);overflow:hidden;-webkit-user-select:none;user-select:none}.cover-art-image{object-fit:cover;width:100%;height:100%;aspect-ratio:1}.cover-art-image.icon{width:100%;height:100%;padding:12.5%;vertical-align:baseline}.cover-art-image.icon-audio,.cover-art-image.icon-album{padding:10%}.cover-art-image.icon-video{padding:20%}.cover-art-image:not(.icon){font-size:.625em}.cover-art-icon-overlay{position:absolute;inset:0;color:#fff;background-color:rgba(0,0,0,.33)}.cover-art-icon-overlay .icon{position:absolute;bottom:7.5%;right:7.5%;width:25%;height:25%;filter:drop-shadow(2px 1px 0 rgb(16, 16, 16))}.cover-art-star .cover-art-icon-overlay{background-color:rgba(0,0,80,.33)}.cover-art-star .cover-art-icon{fill:skyblue}.cover-art-audio .cover-art-icon{right:5%}.cover-art-video .cover-art-image:not(.icon){filter:sepia(1)}.cover-art-video .cover-art-icon{fill:#ff0}
.sun-clock{--am-alpha: 0%;--pm-alpha: 0%;--am-color: hsla(from currentColor h s l / var(--am-alpha));--pm-color: hsla(from currentColor h s l / var(--pm-alpha));display:inline-block;width:1em;height:1em;margin-right:.1875em;background-image:linear-gradient(180deg, var(--am-color) 50%, var(--pm-color) 50%);border-radius:50%;border:.125em solid;aspect-ratio:1}
.edit-fields{display:flex;flex-direction:row}.edit-fields-dialog{min-width:32em}.edit-fields .list-box{width:11em;height:calc(19em - 2px)}.edit-fields-buttons{display:flex;flex-direction:column;gap:1em;align-items:center;justify-content:center;padding:0 1.5em}.edit-fields-buttons button{min-width:6em;margin:0}.edit-fields .hidden-fields .drag-over::before,.edit-fields .hidden-fields .drag-over-last::after{content:none}.edit-fields .visible-fields .list-box{height:calc(17em - 2px)}.edit-fields .visible-fields-buttons{display:flex}.edit-fields .visible-fields-buttons button:last-child{margin-left:auto}
.media-list.list-view .playing{color:var(--currently-playing-color)}.media-list.list-view .playing .text{font-style:italic;padding-right:.1em}.media-list.list-view .index{font-family:monospace}.media-list.list-view .icon-buttons{justify-content:right}.media-list.list-view .icon-button-heart,.media-list.list-view .icon-button-info,.media-list.list-view .list-view-body .icon-button-menu,.media-list.list-view .icon-button-pin,.media-list.list-view .icon-button-plus{visibility:hidden}.media-list.list-view .list-view-row:hover .icon-button-heart,.media-list.list-view .list-view-row:hover .icon-button-info,.media-list.list-view .list-view-row:hover .icon-button-menu,.media-list.list-view .list-view-row:hover .icon-button-pin,.media-list.list-view .list-view-row:hover .icon-button-plus{visibility:inherit}.media-list.list-view .badge{font-size:max(.5em,9px)}.media-list.list-view .badge.explicit{display:none;border-color:var(--black);height:2em}.disable-explicit-content .media-list.list-view .unplayable.selected .badge.explicit,.mark-explicit-content .media-list.list-view .badge.explicit{display:inline-flex}.media-list.list-view progress{--border-radius: calc(0.25em * var(--roundness));width:min(6em,100%);height:.2em;background-color:var(--grey1-color);border-radius:var(--border-radius);border:0;vertical-align:top;margin-top:.625em}.media-list.list-view progress::-webkit-progress-bar{background-color:var(--grey1-color);border-radius:var(--border-radius)}.media-list.list-view progress::-webkit-progress-value{background-color:var(--text-color);border-radius:var(--border-radius)}.media-list.list-view progress::-moz-progress-bar{background-color:var(--text-color);border-radius:var(--border-radius)}.media-list.list-view .selected progress::-webkit-progress-value{background-color:var(--selected-text-color)}.media-list.list-view .selected progress::-moz-progress-bar{background-color:var(--selected-text-color)}.media-list.list-view .title-with-badge{display:flex;align-items:center}.media-list.list-view .title-with-badge .text{overflow:hidden;text-overflow:ellipsis}.media-list.list-view .title-with-badge .badge{margin-left:.5em}.media-list.list-view .star-rating{pointer-events:none}.media-list.list-view .listen-date .text{display:inline-flex;align-items:center}.media-list.list-view:focus .list-view-row.selected .star-rating{pointer-events:auto}.media-list.list-view .list-view-row.unplayable{color:var(--grey1-color)}.media-list.list-view .list-view-row.unplayable .icon.show-connectivity{opacity:.5}.media-list.list-view .list-view-row.unplayable .cover-art img{filter:grayscale(1)}.media-list.list-view .list-view-row.unplayable .thumbnail{opacity:.5}.media-list.list-view .list-view-row.unplayable:not(.selected) .badge.explicit{background-color:var(--grey1-color);color:var(--background-color)}.media-list.list-view .list-view-row.selected{color:var(--selected-text-color)}.media-list.list-view .list-view-row.playing{color:var(--currently-playing-color)}.selection-dark .media-list.list-view .list-view-row.selected.playing{color:var(--currently-playing-color-light)}.selection-light .media-list.list-view .list-view-row.selected.playing{color:var(--currently-playing-color-dark)}.media-list.list-view .list-view-row.unplayable.playing .list-view-cell,.media-list.list-view .list-view-row.unplayable.selected .list-view-cell{opacity:.5}.media-list.list-view .list-view-row.unplayable.playing .icon.show-connectivity,.media-list.list-view .list-view-row.unplayable.selected .icon.show-connectivity{opacity:1}.media-list.list-view-details .list-view-head:has(>.icon-button-menu){display:flex;align-items:center}.media-list.list-view-details .list-view-head .icon-button-menu{height:inherit;margin-left:auto;margin-right:1px}.media-list.list-view-details .actions,.media-list.list-view-details .icon-buttons{height:inherit}.media-list.list-view-card{--thumbnail-size: 6em;--thumbnail-radius: calc(var(--roundness) * var(--thumbnail-size) * 0.125)}.media-list.list-view-card .list-view-cell{padding:0}.media-list.list-view-card .index{top:2.125em;width:2em;min-width:2em;text-align:center;left:.125em;color:var(--text-color-max)}.media-list.list-view-card .index .text{font-size:.75em}.media-list.list-view-card .thumbnail{left:0;width:var(--thumbnail-size);height:var(--thumbnail-size);padding:0}.indexed .media-list.list-view-card .thumbnail{left:2em}.media-list.list-view-card .cover-art{position:absolute;inset:.5em;border-radius:var(--thumbnail-radius)}.artists .media-list.list-view-card .cover-art{border-radius:50%}.media-list.list-view-card .h1,.media-list.list-view-card .h2,.media-list.list-view-card .h3{left:6.375em;right:.375em}.indexed .media-list.list-view-card .h1,.indexed .media-list.list-view-card .h2,.indexed .media-list.list-view-card .h3{left:8.375em}.media-list.list-view-card .h1{top:.375em}.clip-1 .media-list.list-view-card .h1{right:4em}.clip-2 .media-list.list-view-card .h1{right:5.5em}.media-list.list-view-card .h1 .text{font-size:1.125em}.media-list.list-view-card .h2{top:2.125em}.media-list.list-view-card .h2 .text{font-size:1em}.media-list.list-view-card .h3{top:3.75em;right:3em}.media-list.list-view-card .h3.rate{right:auto;margin-left:-1px}.media-list.list-view-card .h3 .text{font-size:.875em}.media-list.list-view-card .data .text,.media-list.list-view-card .genre .text,.media-list.list-view-card .description .text{font-size:.75em}.media-list.list-view-card .data{left:auto;top:.375em;right:.375em;line-height:normal}.media-list.list-view-card .data.duration,.media-list.list-view-card .data.count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;height:1.5em;padding:0 .375em;border-radius:calc(var(--roundness)*.75em)}.media-list.list-view-card .data:empty{display:none}.media-list.list-view-card .date,.media-list.list-view-card .genre,.media-list.list-view-card .description{font-style:italic;padding-right:.1em}.media-list.list-view-card .list-view-cell.h3.progress{top:auto;bottom:.25em}.media-list.list-view-card .actions{right:.5em;bottom:.5em;padding:0;overflow:visible}.media-list.list-view-card .h2,.media-list.list-view-card .h3{color:var(--grey2-color)}.media-list.list-view-card .duration,.media-list.list-view-card .count{color:var(--text-color)}.media-list.list-view-card .date{color:var(--grey2-color)}.media-list.list-view-card .rate{color:inherit}.media-list.list-view-card .unplayable .list-view-cell,.media-list.list-view-card .playing .list-view-cell,.media-list.list-view-card .selected .list-view-cell{color:inherit}.media-list.list-view-card .description:not(:has(+.h3)),.media-list.list-view-card .genre:not(:has(+.h3)){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:normal}.media-list.list-view-card:not(.thin) .list-view-row:not(.unplayable) .data.duration,.media-list.list-view-card:not(.thin) .list-view-row:not(.unplayable) .data.count{background-color:var(--background-mark-color);color:var(--text-color-max)}.media-list.list-view-card.compact,.media-list.list-view-card.small{--thumbnail-size: 4.75em}.media-list.list-view-card.compact .index,.media-list.list-view-card.small .index{top:1.625em}.media-list.list-view-card.compact .h1,.media-list.list-view-card.compact .h2,.media-list.list-view-card.compact .h3,.media-list.list-view-card.small .h1,.media-list.list-view-card.small .h2,.media-list.list-view-card.small .h3{left:5em}.indexed .media-list.list-view-card.compact .h1,.indexed .media-list.list-view-card.compact .h2,.indexed .media-list.list-view-card.compact .h3,.indexed .media-list.list-view-card.small .h1,.indexed .media-list.list-view-card.small .h2,.indexed .media-list.list-view-card.small .h3{left:7em}.media-list.list-view-card.compact .h1,.media-list.list-view-card.small .h1{top:.375em}.media-list.list-view-card.compact .h1 .text,.media-list.list-view-card.small .h1 .text{font-size:1em}.media-list.list-view-card.compact .h2,.media-list.list-view-card.small .h2{top:1.625em}.media-list.list-view-card.compact .h2 .text,.media-list.list-view-card.small .h2 .text{font-size:.875em}.media-list.list-view-card.compact .h3,.media-list.list-view-card.small .h3{top:2.75em}.media-list.list-view-card.compact .h3.rate,.media-list.list-view-card.small .h3.rate{top:3em}.media-list.list-view-card.compact .h3 .text,.media-list.list-view-card.small .h3 .text{font-size:.75em}.media-list.list-view-card.compact .data.duration,.media-list.list-view-card.compact .data.count,.media-list.list-view-card.small .data.duration,.media-list.list-view-card.small .data.count{height:1.25em}.media-list.list-view-card.compact .data .text,.media-list.list-view-card.small .data .text{font-size:.625em}.media-list.list-view-card.compact .owner,.media-list.list-view-card.compact .genre,.media-list.list-view-card.small .owner,.media-list.list-view-card.small .genre{-webkit-line-clamp:1}.media-list.list-view-card.compact .owner .text,.media-list.list-view-card.compact .genre .text,.media-list.list-view-card.compact .description .text,.media-list.list-view-card.small .owner .text,.media-list.list-view-card.small .genre .text,.media-list.list-view-card.small .description .text{font-size:.75em}.media-list.list-view-card.compact .actions .icon-buttons,.media-list.list-view-card.small .actions .icon-buttons{font-size:.875em}.media-list.list-view-card.small{--thumbnail-size: 3.25em}.media-list.list-view-card.small .index{left:0;top:.875em}.media-list.list-view-card.small .index .text{font-size:.75em}.indexed .media-list.list-view-card.small .thumbnail{left:1.5em}.media-list.list-view-card.small .h1,.media-list.list-view-card.small .h2{left:3.5em}.indexed .media-list.list-view-card.small .h1,.indexed .media-list.list-view-card.small .h2{left:5em}.media-list.list-view-card.small .h1{top:.25em}.media-list.list-view-card.small .h2{top:1.375em;right:3em}.media-list.list-view-card.small .h2 .text{font-size:.75em}.media-list.list-view-card.small .h3{display:none}.media-list.list-view-card.small .data.duration,.media-list.list-view-card.small .data.count{height:1.125em;padding:0 .25em}.media-list.list-view-card.small .actions{bottom:.25em}.media-list.list-view-card.minimal{--thumbnail-size: 2em}.media-list.list-view-card.minimal .cover-art{inset:.25em}.media-list.list-view-card.minimal .h1{top:.25em;left:2em;right:.25em}.media-list.list-view-card.minimal .h1 .text{font-size:1em}.media-list.list-view-card.minimal .h2,.media-list.list-view-card.minimal .h3,.media-list.list-view-card.minimal .rate,.media-list.list-view-card.minimal .actions{display:none}.media-list.list-view-card.thin .h1,.media-list.list-view-card.thin .h2{right:.25em}.media-list.list-view-card.thin .h3{right:1em}.media-list.list-view-card.thin .progress{right:2em}.media-list.list-view-card.thin .data.rate{display:none}.media-list.list-view-card.thin .actions .icon-button:not(.icon-button-menu),.media-list.list-view-card.thin .actions .star-rating{display:none}.media-list.list-view-card.thin:not(.minimal) .data{top:calc(.5em + 1px);right:calc(100% - 5.5em + 1px);background-color:rgba(0,0,0,.75);color:var(--soft-white);border-radius:var(--thumbnail-radius)}.media-list.list-view-card.thin:not(.minimal) .data.duration,.media-list.list-view-card.thin:not(.minimal) .data.count{border-bottom-right-radius:0;border-top-left-radius:0}.media-list.list-view-card.thin:not(.minimal) .data.date{left:calc(.5em + 1px);border-bottom-left-radius:0;border-bottom-right-radius:0;text-align:center}.indexed .media-list.list-view-card.thin:not(.minimal) .data{display:none}.media-list.list-view-card.thin:not(.minimal) .data .sun-clock{display:none}.media-list.list-view-card.thin:not(.minimal).compact .data{right:calc(100% - 4.25em + 1px)}.media-list.list-view-card.thin:not(.minimal).small .data{right:calc(100% - 2.75em + 1px);display:none}.media-list.list-view-card.minimal .list-view-row{display:flex;flex-direction:row;align-items:center;justify-content:center}.media-list.list-view-card.minimal .index,.media-list.list-view-card.minimal .h1,.media-list.list-view-card.minimal .data{position:static}.media-list.list-view-card.minimal .index{flex:initial}.media-list.list-view-card.minimal .h1{flex:auto;margin-left:2.5em;margin-top:0}.media-list.list-view-card.minimal .data{margin-left:.25em;margin-right:.25em;padding:.125em .25em;overflow:visible}.media-items:not(.multi-disc) .media-list.list-view .disc{display:none}.folder-items .media-list.list-view .cover-art{background:rgba(0,0,0,0);border:none}.folder-items .media-list.list-view .cover-art .icon{height:1.25em;padding:0 !important}.folder-items .media-list.list-view .h1{margin-left:2.25em}.media-list.list-view:not(.focus)+.status-bar .selected{display:none}
.add-to-playlist-dialog{width:32em}.add-to-playlist-dialog .select-service{display:flex;align-items:center}.add-to-playlist-dialog .select-service select{flex:auto}.add-to-playlist-dialog .playlists{position:relative;height:18em;width:100%;inset:auto}.add-to-playlist-dialog .scrollable{--scrollbar-size: max(10px, calc(1.25em * var(--scrollbar-thickness)));--scrollbar-color-hi: var(--scrollbar-color);--scrollbar-color-lo: var(--scrollbar-color)}.add-to-playlist-dialog .status-bar{display:none}
.edit-playlist-dialog textarea{min-width:13.25em}.edit-playlist-dialog-public[hidden]{display:table-row;visibility:hidden}
.text-box{line-height:1.25}.text-box p{margin:0 0 1em 0}.scrollable.overflow-y .text-box-content{padding-right:1ex}.text-box .scrollbar-horizontal{display:none}
.media-info{position:relative;width:100%;line-height:1}.media-info-main{display:flex;flex-direction:column;position:relative;padding-left:11.25em;padding-bottom:1em;min-height:11em}.media-info-main p{margin:.5em 0 0 0}.media-info-main .external-link{text-decoration:underline}.media-info .thumbnail{position:absolute;left:0;width:10em;height:10em;padding:0}.media-info .thumbnail .cover-art{position:absolute;inset:0}.media-info .title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;margin-bottom:.125em;font-size:1.5em;overflow-wrap:anywhere;hyphens:auto;line-height:normal}.media-info .title:has(+.duration,+.track-count){margin-right:2em}.media-info .duration,.media-info .track-count{position:absolute;top:-0.25em;right:0;min-width:1.5em;height:1.5em;display:inline-flex;align-items:center;justify-content:center;padding:0 .5em;border-radius:calc(var(--roundness)*.75em);background-color:var(--background-mark-color);color:var(--text-color-max);font-size:.875em;-webkit-user-select:none;user-select:none;line-height:normal}.media-info .duration:empty,.media-info .track-count:empty{display:none}.media-info .artist,.media-info .album,.media-info .genre,.media-info .station-name{display:flex;margin-top:.5em;gap:.25em}.media-info .artist .text-label,.media-info .album .text-label,.media-info .genre .text-label,.media-info .station-name .text-label{white-space:nowrap}.media-info .artist{margin-top:.25em;margin-bottom:.125em;font-size:1.125em}.media-info .external-view{display:flex;flex-direction:row;align-items:center;margin-top:1.625em}.media-info .genre{font-style:italic;font-size:.875em}.media-info .genre .text-label{font-style:normal}.media-info .description{margin-top:.5em;font-size:.75em;min-height:1em;max-height:10.75em;text-align:justify}.media-info .description .scrollable{--scrollbar-size: max(10px, calc(1.25em * var(--scrollbar-thickness)));--scrollbar-color-hi: var(--scrollbar-color);--scrollbar-color-lo: var(--scrollbar-color)}.media-info-icon-bar{display:flex;flex-wrap:wrap;gap:0 2em;margin-top:auto}h4:has(+.media-info-icon-bar),p:has(+.media-info-icon-bar){margin-bottom:1em}.themed.light .media-info .badge.explicit{border-color:var(--black)}.media-info .icon-buttons{margin-left:auto;font-size:1.375em}.media-info .icon-buttons .star-rating{font-size:1.125em}
.visualizer-info{position:relative;width:100%;margin-top:1.25em;padding-top:1em;border-top:1px solid;font-size:.75em;color:var(--grey2-color)}.visualizer-info p{margin:0}.visualizer-info .no-visualizer-reason{font-style:italic;margin-top:.25em}.visualizer-info .external-view{display:flex;flex-direction:row;align-items:center}.visualizer-info .external-link{margin-left:.25em;text-decoration:underline}.visualizer-info .external-link-text{max-width:24em;text-overflow:ellipsis;overflow:hidden}.visualizer-info .icon-buttons{position:absolute;top:.75em;right:.125em;justify-content:right;font-size:1.25em}
.static{position:absolute;inset:0;background:repeating-radial-gradient(#000 0 0.0001%, #fff 0 0.0002%) 50% 0/2500px 2500px,repeating-conic-gradient(#000 0 0.0001%, #fff 0 0.0002%) 60% 60%/2500px 2500px;background-blend-mode:difference;animation:tv-static .2s infinite alternate}@keyframes tv-static{100%{background-position:50% 0,60% 50%}}
.visualizer-controls{position:absolute;inset:0;color:var(--soft-white)}.visualizer-controls .icon-button{padding:.25em;border-radius:50%}.themed.light .visualizer-controls .icon-button{background:rgba(0,0,0,.92)}.visualizer-controls .icon-button,.media:fullscreen .visualizer-controls .icon-button{background:#242424}.media:not(.paused) .visualizer-controls .icon-button{background:rgba(0,0,0,.8)}.media:not(.paused) .visualizer-controls .icon-button:enabled:hover{background:rgba(0,0,0,.92)}.visualizer-controls .app-title{position:absolute;left:.5em;top:.25em;font-size:max(1vw,1rem);text-shadow:2px 2px 0 rgba(16,16,16,.8)}.media:not(:fullscreen) .visualizer-controls .app-title{display:none}.visualizer-controls .app-version{background-color:rgba(0,0,0,0)}.visualizer-controls .icon-button{width:1.33em;height:1.33em;filter:brightness(0.75)}.visualizer-controls .icon-button:hover{filter:brightness(1)}.media:fullscreen .visualizer-controls .icon-button-link{display:none}.visualizer-controls .icon-button-link .icon{width:1em;height:1em}.visualizer-controls .visualizer-buttons,.visualizer-controls .media-buttons,.visualizer-controls .video-source-icon{position:absolute}.visualizer-controls-settings{right:.25em;top:.25em}.visualizer-controls .media-buttons{bottom:1.5em;left:50%;transform:translateX(-50%)}.media.fullscreen .visualizer-controls .media-buttons{font-size:max(3vw,1.25rem)}.visualizer-controls .media-buttons .icon{width:1em;height:1em}.visualizer-controls-selector{left:.25em;bottom:.375em}.media.fullscreen .visualizer-controls-selector{margin-bottom:var(--progress-bar-height)}.media.paused .visualizer-controls-selector,.media.is-playing-video .visualizer-controls-selector{display:none}.visualizer-controls .video-source-icon{right:.375em;bottom:.375em;width:1.5em;height:1.5em}.visualizer-controls .video-source-icon .icon{width:1.5em;height:1.5em}.visualizer-controls .video-source-icon .icon-link{display:none}.visualizer-controls .video-source-icon.icon-apple-logo{fill:#fff}.media:not(.is-playing-video) .visualizer-controls .video-source-icon{filter:grayscale(1) brightness(1.25)}.media:not(.is-playing-video) .visualizer-controls .video-source-icon.youtube:hover{filter:none}.media.fullscreen .visualizer-controls .video-source-icon{margin-bottom:var(--progress-bar-height)}.media.paused .visualizer-controls .video-source-icon{display:none}.visualizer-controls .app-title,.visualizer-controls .visualizer-buttons:not(:hover),.visualizer-controls .media-buttons,.visualizer-controls .video-source-icon,.visualizer-controls .no-visualizer-reason,.visualizer-controls .progress-bar{visibility:hidden}.media:not(.idle) .visualizer-controls:hover .visualizer-buttons,.media:not(.idle) .visualizer-controls:hover .video-source-icon{visibility:inherit}.media.fullscreen:not(.idle) .visualizer-controls:hover .media-buttons,.media.fullscreen:not(.idle) .visualizer-controls:hover .app-title,.media.fullscreen:not(.idle) .visualizer-controls:hover .progress-bar,.media.fullscreen.paused .visualizer-controls .media-buttons,.media.fullscreen.paused .visualizer-controls .app-title,.media.fullscreen.paused .visualizer-controls .progress-bar{visibility:inherit}.media.loaded.no-visualizer .visualizer-controls:hover .no-visualizer-reason{visibility:inherit}.visualizer-controls .no-visualizer-reason{opacity:1;transition:opacity 300ms linear 1s}.media.paused .visualizer-controls .no-visualizer-reason{opacity:0;transition:none}.mini-player-active .visualizer-controls .icon-button-link{visibility:visible}.mini-player-active .visualizer-controls:not(:hover) .icon-button-link{background:none}.mini-player-active .visualizer-controls .video-source-icon{display:none}
.media{--progress-bar-height: 6px;--progress-bar-background-color: rgba(128, 128, 128, 0.5);--progress-bar-color: rgba(255, 255, 255, 0.8);border-radius:calc(var(--roundness)*1rem);-webkit-user-select:none;user-select:none;contain:strict;overflow:hidden;background:var(--black)}.media.is-playing-video{background:#000}.media.fullscreen:fullscreen{background:#000;border-radius:0;inset:0}.media.fullscreen:not(.paused).idle{cursor:none}.media .html5-video{position:absolute;object-fit:cover}.media .mixcloud-player,.media .soundcloud-player{position:absolute;width:100%;height:100%;border:0}.media .youtube-video{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.media .youtube-video[hidden]{display:none}.media .youtube-video-wrapper{display:flex}.media .apple-video video{position:absolute;object-fit:cover;width:inherit;height:inherit}.media.is-showing-cover-art>.progress-bar{display:none}.media-state{position:absolute;bottom:1em;width:100%;font-size:max(.5em,12px);color:rgba(238,238,238,.6);text-align:center;line-height:1}.media.fullscreen .media-state{margin-bottom:var(--progress-bar-height)}.media:not(.paused,.mini-player-active).loaded .playback-state{opacity:0;transition:opacity 1s linear}.media.error .playback-state{color:var(--error-color)}
.mini-player{position:absolute;inset:0;overflow:hidden}.mini-player .app-title{position:absolute;left:var(--gutter-width);top:calc(var(--gutter-width)/2)}.mini-player .app-drag-region{height:2rem}.mini-player .media{top:calc(var(--gutter-width)/2 + 2rem)}
.splitter{--layout-pane-min-size: 5em;--layout-splitter-size: 0.3125em;position:absolute;display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.splitter .layout-pane{position:relative;overflow:hidden}.splitter .layout-pane-1{flex-grow:0;flex-shrink:1;flex-basis:33%}.splitter .layout-pane-2{flex-grow:1;flex-shrink:0;flex-basis:auto}.splitter .layout-splitter{position:relative;flex:none;background-color:var(--frame2-color);border-width:1px;border-style:solid;border-color:var(--frame2-color-hi) var(--frame2-color-lo) var(--frame2-color-lo) var(--frame2-color-hi);border-radius:calc(var(--roundness)*1.5*var(--layout-splitter-size));-webkit-app-region:no-drag}.splitter .layout-splitter:hover{border:none;filter:brightness(2)}.frame-light .splitter .layout-splitter:hover{filter:brightness(1.33)}.splitter .layout-splitter.active{border:none;filter:brightness(1.5)}.frame-light .splitter .layout-splitter.active{filter:brightness(0.67)}.splitter-columns{flex-direction:row}.splitter-columns>.layout-pane{min-width:var(--layout-pane-min-size)}.splitter-columns>.layout-splitter{top:var(--gutter-width);width:var(--layout-splitter-size);height:calc(100% - 2*var(--gutter-width));cursor:ew-resize}.splitter-rows{flex-direction:column}.splitter-rows>.layout-pane{min-height:var(--layout-pane-min-size)}.splitter-rows>.layout-splitter{left:var(--gutter-width);width:calc(100% - 2*var(--gutter-width));height:var(--layout-splitter-size);cursor:ns-resize}
#app-layout>.layout-pane-1{min-width:18rem;flex-basis:78%}#app-layout>.layout-pane-2{min-width:20rem}#media-library-layout>.layout-pane-1{min-width:calc(3rem + 2*var(--gutter-width));flex-basis:22%}#media-library-layout>.layout-pane-2{min-width:calc(14rem - 2*var(--gutter-width))}#media-playback-layout>.layout-pane-1{min-height:calc(9rem + 5*var(--gutter-width));flex-basis:73.5%}#media-playback-layout>.layout-pane-2{min-height:12rem}#albums-tracks-layout>.layout-pane-1,#artist-albums-tracks-layout>.layout-pane-1,#artists-albums-layout>.layout-pane-1,#playlists-items-layout>.layout-pane-1{min-height:12.5rem;flex-basis:50%}#albums-tracks-layout>.layout-pane-2,#artist-albums-tracks-layout>.layout-pane-2,#artists-albums-layout>.layout-pane-2,#playlists-items-layout>.layout-pane-2{min-height:13rem}#artists-albums-tracks-layout>.layout-pane-1{min-width:7rem;flex-basis:33%}#artists-albums-tracks-layout>.layout-pane-2{min-width:12rem}
.startup-wizard{width:24em;height:34em}.startup-wizard h3{font-size:1.375em;margin-bottom:.75em}.startup-wizard form{width:100%}.startup-wizard .personal-media-services .media-service-list{font-size:1.125em}
.media-browser{display:flex;flex-direction:column;position:absolute;inset:var(--gutter-width);bottom:0}.media-browser .panel{inset:0}.media-browser>.panel{position:static;flex:auto}.media-browser .splitter-rows>.layout-splitter{left:0;width:100%}.media-browser .splitter-rows>.layout-pane:last-child>.panel{top:var(--gutter-width)}.media-browser .splitter-columns>.layout-splitter{top:0;height:calc(100% - 3*var(--gutter-width))}.media-browser .splitter-columns>.layout-pane:first-child>.panel{right:var(--gutter-width)}.media-browser .splitter-columns>.layout-pane:last-child>.panel{left:var(--gutter-width)}.media-browser .splitter-columns>.layout-pane:last-child>.splitter-rows>.layout-splitter,.media-browser .splitter-columns>.layout-pane:last-child>.splitter-rows>.layout-pane>.panel{left:var(--gutter-width)}.media-browser .options{margin-bottom:calc(var(--gutter-width)/2)}.media-browser .options ul{display:block;text-align:center;flex:auto}.media-browser .options li{display:inline-block;vertical-align:middle;margin:0 .5em}.media-browser .error-screen{margin-bottom:var(--gutter-width)}
.connection-logging{font-family:monospace;font-size:.75em;margin-top:2em}.connection-logging p{margin:.25em 0}
.login{text-align:center;bottom:var(--gutter-width)}.login .login-button,.login .credentials-button{padding:1em 2em;max-width:100%;font-family:var(--system-font-family);font-weight:bold;white-space:normal;cursor:pointer}.login .credentials-link{all:unset;cursor:pointer;text-decoration:underline}.login .login-button.branded{text-shadow:1px 1px 0 rgba(16,16,16,.6);box-shadow:1px 1px 0 rgba(16,16,16,.25);color:#fff}.login .login-button.branded:disabled{cursor:default}.airsonic-browser .login .login-button.branded{background:#2f7bd9}.ampache-browser .login .login-button.branded{background:#ff8300;color:#422506;text-shadow:none}.apple-browser .login .login-button.branded{background:#d60017}.emby-browser .login .login-button.branded{background:#52b54b}.gonic-browser .login .login-button.branded{background:#fdc71b;color:#4f3d09;text-shadow:none}.jellyfin-browser .login .login-button.branded{background:linear-gradient(135deg, #aa5cc3, #00a4dc)}.navidrome-browser .login .login-button.branded{background:#30638e}.subsonic-browser .login .login-button.branded{background:#e65100}.lastfm-browser .login .login-button.branded{background:#b90000}.listenbrainz-browser .login .login-button.branded{background:#353070}.plex-browser .login .login-button.branded{background:#282a2c;color:#e49f0d}.spotify-browser .login .login-button.branded{background:#1ed760;color:#000;text-shadow:none}.tidal-browser .login .login-button.branded{background:#242429;color:#3fe}.youtube-browser .login .login-button.branded{background:red}.login .service-link{margin-top:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login .service-link .external-link-content{display:inline}.login .service-link>.icon{font-size:2em;min-width:.5em;margin-right:.25em}.login-download .external-link{text-decoration:underline}.login-download .icon-link{display:none}
.search-bar{font-size:1.125em;margin-bottom:calc(var(--gutter-width)/2)}.search-bar p{display:flex;flex:initial;flex-direction:row;align-items:center}.search-bar p>.icon{flex:initial;position:absolute;left:calc(.375em + var(--roundness)*.25em);width:auto;min-width:1.125em;height:1.125em;color:var(--text-color);aspect-ratio:1}.search-bar input{flex:auto;min-width:4em;text-indent:calc(1.5em + var(--roundness)*.25em);padding:.25em}.search-bar input::-webkit-search-cancel-button{display:none}.search-bar button{display:flex;flex-direction:row;flex:initial;align-items:center;justify-content:center;padding:.5em;margin-left:var(--gutter-width);aspect-ratio:1}
.menu-buttons{margin-left:auto;margin-right:.25em;margin-bottom:.25em}
.media-source-selector{display:flex;align-items:flex-end}.media-source-selector ul{margin-left:auto;margin-right:auto}.media-source-selector ul:has(+.icon-button-menu){margin-right:0}
.menu-bar{display:flex;align-items:flex-end}
.page-header{display:flex;flex-direction:row;align-items:center;font-size:1.125em;background:linear-gradient(to bottom, var(--frame2-color) 80%, var(--frame-color));color:var(--frame-text-color);border-width:1px;border-style:solid;border-color:var(--frame-color-hi) var(--frame-color-lo) var(--frame-color-lo) var(--frame-color-hi);padding:.25em;margin-bottom:var(--gutter-width);border-radius:var(--app-border-radius);text-indent:calc(1.5em + var(--roundness)*.25em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.themed.flat .page-header{background:var(--frame2-color)}.themed.frame-dark.flat .page-header{border-color:var(--black)}.page-header .media-source-label{max-width:100%;overflow:hidden}.page-header .media-source-label:has(+.menu-buttons){margin-right:.5em}.page-header .media-source-label .icon{position:absolute;left:calc(.375em + var(--roundness)*.25em);width:auto;min-width:1.125em;height:1.125em;aspect-ratio:1}.page-header .menu-buttons{margin-right:.125em;font-size:.875em}.page-header .date-picker{margin-left:.25em}.page-header .date-picker select{background:var(--frame2-color);color:var(--frame-text-color);padding:0 .125em;border:0;border-radius:0;text-indent:0;min-width:3em;cursor:pointer}.page-header .date-picker select:hover{background:var(--frame-text-color);color:var(--frame2-color)}
.pinned-playlist .playlists{bottom:auto;height:6.125em}.pinned-playlist .playlists-error,.pinned-playlist .playlists .list-view-row:hover{background-color:var(--background-color)}.pinned-playlist .playlists .media-source-label{font-size:1.25em}.pinned-playlist .playlists .media-source-label .text{font-size:inherit}.pinned-playlist .playlists>.media-list.list-view-card.thin .track-count{right:calc(100% - 5.75em + 1px);top:calc(.25em + 1px)}.pinned-playlist .playlists .h2{top:2.25em}.pinned-playlist .playlists .track-count .text{font-size:1em}.pinned-playlist .playlists .actions .icon-button{visibility:inherit}.pinned-playlist .playlist-items{top:calc(var(--gutter-width) + 6.5em)}.pinned-playlist .error-box .message{display:flex;flex-direction:row;align-items:center}.pinned-playlist .error-box .message .icon{margin-right:.25em}.pinned-playlist .error-box .message .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-playlist .error-box .buttons{text-align:right}
.filter-select{display:flex;flex-direction:row;align-items:center;margin-bottom:var(--gutter-width)}.filter-select label{flex:initial;margin-left:.25em}.filter-select select{flex:auto;min-width:0;margin-right:1px;cursor:pointer}.filter-select+.error-box{margin-bottom:var(--gutter-width)}
.media-services-settings-dialog{width:32em}
.edit-sources-dialog{min-width:32em}.edit-sources-dialog form{width:100%}.edit-sources-dialog .checkbox-list{max-height:20em}
.media-library{display:flex;flex-direction:column;height:100%}.media-library-head{display:flex;flex-direction:row;flex:initial;align-items:center;margin-top:calc(var(--gutter-width)/2);white-space:nowrap}@media(display-mode: window-controls-overlay){.media-library-head{margin-top:0;-webkit-user-select:none;user-select:none}}.electron .media-library-head{margin-top:0;-webkit-user-select:none;user-select:none}.electron-mac .media-library-head .app-title{visibility:hidden}.media-library-head .icon-button{flex:initial;margin:0 calc(var(--gutter-width) + .25rem) 0 auto;outline-offset:3px;-webkit-app-region:no-drag}.media-library .app-title{margin-left:var(--gutter-width)}@media(display-mode: window-controls-overlay){.media-library .app-title{margin-left:.5em;margin-top:.25em}}.electron .media-library .app-title{margin-left:.5em;margin-top:.25em}.media-library-body{flex:auto;position:relative}.media-library .panel:empty{background-color:var(--background-color);color:var(--text-color);border-width:1px;border-style:solid;border-color:var(--frame-color-lo) var(--frame-color-hi) var(--frame-color-hi) var(--frame-color-lo)}
.media-button{background-color:var(--media-button-color);background-image:var(--media-button-background);color:var(--media-button-text-color);border:0;padding:.5rem;width:2rem;height:2rem;font-size:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;box-shadow:0 0 1px 1px var(--black);border-radius:calc(var(--roundness)*100%)}.media-button:first-child{margin-left:auto}.media-button:last-child{margin-right:auto}.media-button:enabled:active,.media-button:enabled.active{transform:scale(0.98)}.media-button-menu{width:1.25rem;height:1.25rem;padding:0;cursor:pointer}
.volume-control{display:flex;flex:auto;min-width:4.25rem;max-width:6.25rem;margin-right:.25em}.volume-control .icon-button{flex:initial;width:1.25em;height:1.25em;border-radius:calc(var(--roundness)*100%);outline-offset:0}.volume-control input[type=range]{--track-height: 0.15em;--thumb-size: .875em;min-width:3rem;max-width:5rem}
.media-controls{font-family:var(--system-font-family)}.media-controls .current-time-control,.media-controls .playback-control,.media-controls .volume-control,.media-controls .media-buttons,.media-controls .media-buttons-menu{display:flex;flex-direction:row;align-items:center}.media-controls .current-time-control,.media-controls .playback-control{margin-bottom:var(--gutter-width)}.media-controls input[type=range]{color:inherit}.media-controls input[type=range]::-webkit-slider-thumb{background-color:var(--media-button-color);background-image:var(--media-button-background);box-shadow:0 0 1px 1px var(--black);border-radius:calc(var(--roundness)*var(--thumb-size))}.media-controls input[type=range]::-webkit-slider-thumb:hover{filter:brightness(1.1)}.media-controls input[type=range]::-webkit-slider-thumb:active{filter:brightness(0.95)}.media-controls input[type=range]::-moz-range-thumb{background-color:var(--media-button-color);background-image:var(--media-button-background);box-shadow:0 0 1px 1px var(--black);border-radius:calc(var(--roundness)*var(--thumb-size))}.media-controls input[type=range]::-moz-range-thumb:hover{filter:brightness(1.1)}.media-controls input[type=range]::-moz-range-thumb:active{filter:brightness(0.95)}.media-controls .media-buttons{flex:auto;margin-left:.25rem;margin-right:.25rem}.media-controls time{background-color:var(--background-color);color:var(--text-color);border-width:1px;border-style:solid;border-color:var(--frame-color-lo) var(--frame-color-hi) var(--frame-color-hi) var(--frame-color-lo);display:flex;flex:initial;justify-content:center;min-width:4.5rem;border-radius:calc(var(--roundness)*1rem);-webkit-user-select:none;user-select:none;cursor:pointer}.media-controls #playhead{display:flex;flex:auto;min-width:4rem;margin-left:.25rem}.media-controls #playhead:disabled{pointer-events:none}.media-controls #playhead.smile::-webkit-slider-thumb{background-repeat:no-repeat;background-position:center;background-size:var(--thumb-size);background-image:var(--smiley),var(--media-button-background)}.app.flat .media-controls #playhead.smile::-webkit-slider-thumb{background-image:var(--smiley)}.media-controls #playhead.smile::-moz-range-thumb{background-repeat:no-repeat;background-position:center;background-size:var(--thumb-size);background-image:var(--smiley),var(--media-button-background)}.app.flat .media-controls #playhead.smile::-moz-range-thumb{background-image:var(--smiley)}
.playlist{display:flex;flex-direction:column;flex:auto}.playlist .list-view-body{width:100%}.playlist .list-view-row{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.playlist .list-view-cell{position:static;display:flex;flex:initial;padding:0 .25rem;overflow:initial;text-overflow:initial}.playlist .list-view-cell.title{flex:auto;min-width:0}.playlist .list-view-cell.title .row-title{display:flex;align-items:center;overflow:hidden}.playlist .list-view-cell.title .row-title-text{display:flex;overflow:hidden}.playlist .list-view-cell.title .row-title-text>.artist-text,.playlist .list-view-cell.title .row-title-text>.title-text{overflow:hidden;text-overflow:ellipsis}.playlist .list-view-cell.title .row-title-text>[role=separator]{flex:initial;margin:0 .25rem}.playlist .list-view-cell.title .row-title .badge{margin-left:.5em}.playlist .list-view-cell.index{position:relative;justify-content:center;flex-direction:column;align-items:center}.playlist .list-view-cell.index .icon{position:absolute;width:67%;max-width:.75em}.playlist .list-view-cell.index .number{font-family:monospace;letter-spacing:-0.0675em}.playlist .list-view-cell.duration .text{font-family:monospace;letter-spacing:-0.0675em}.playlist .playing .index .number{visibility:hidden;padding-right:0}.playlist .playing .text{padding-right:0}.playlist .playing .artist-text,.playlist .playing .title-text{padding-right:.1em}.playlist .status-bar{margin-bottom:0}.playlist .progress-ring{display:none}.playlist .media-buttons{display:inline-flex;gap:.125em;margin-right:-0.125em}.playlist .media-button{font-size:.375rem;width:1rem;height:1rem;padding:.5rem}.playlist .media-button:first-child .icon{transform:rotate(180deg)}.playlist .media-button:last-child{margin-left:.25em;margin-right:0}
.media-playback .panel.playback{bottom:0}@media(display-mode: window-controls-overlay){.media-playback .panel.playback{top:max(1.5rem,32px)}}.electron .media-playback .panel.playback{top:env(titlebar-area-height, 1.5rem)}
.desktop-warning{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background-color:var(--background-color);color:var(--text-color);font-size:1.5rem}.desktop-warning .app-title{margin-bottom:4rem;font-size:1rem}.desktop-warning p+p{margin-top:5rem}
.port-unavailable{font-size:min(3vh,24px);padding:2em}.port-unavailable .app-title{margin:0}.port-unavailable h2{margin:1em 0;font-weight:bold;font-size:1.125em}.port-unavailable p+p{margin-top:1em}.port-unavailable ul{margin-top:.5em}.port-unavailable ul+p{margin-top:2em}.port-unavailable li{line-height:1.8}
.bsod{position:absolute;inset:0;background:blue;color:#bfbfff;font-size:max(2vw,2vh,1rem);font-family:monospace;padding:1.25em 2em;accent-color:#bfbfff;overflow:auto;scrollbar-color:#bfbfff blue}.bsod form{max-width:30em;margin:auto}.bsod h2{font-weight:bold;margin-bottom:1.25em}.bsod fieldset{color:inherit;border-color:#bfbfff}.bsod-buttons{display:flex;margin-top:2em;text-align:right}.bsod button{padding:.25em 1.25em;font-family:var(--system-font-family);font-weight:bold;white-space:normal;cursor:pointer;box-shadow:1px 1px 0 rgba(16,16,16,.25);background:#bfbfff;color:#222}.bsod button+button{margin-left:auto}.bsod .copy-button{font-size:.75em}
.login-dialog input[type=url]{min-width:20em}.login-dialog .message{text-align:left;font-size:.75em;min-height:1.5em}
.login-dialog .icon-subsonic{filter:drop-shadow(1px 1px 0 rgba(16, 16, 16, 0.6)) !important}
.credentials-dialog{width:32em;height:34em}
.credentials-required{font-size:.75em;padding:.5em}.credentials-required p{margin:.5em 0}.credentials-required-link{margin-top:1em;overflow:hidden;text-overflow:ellipsis}.credentials-required-link .external-link-content{display:inline}
.listenbrainz-login-dialog .listenbrainz-link{text-align:center;margin-bottom:1em;font-size:.875em}
.manage-playlists-buttons{text-align:right;display:flex;flex-direction:row}.manage-playlists-import{margin-top:2em}.manage-playlists-delete{margin-left:auto}
.visualizer-coverart{--thumbnail-size: 45%;background-color:var(--background-color);text-rendering:optimizeLegibility}.visualizer-coverart.arrange-row .currently-playing{flex-direction:row}.visualizer-coverart.arrange-row .currently-playing .sub-title .media-source-label{display:inline-flex;align-items:flex-start}.visualizer-coverart.arrange-column .currently-playing{flex-direction:column}.visualizer-coverart.arrange-column .currently-playing-thumbnail{display:flex;flex-direction:column;align-items:center}.visualizer-coverart.arrange-column .currently-playing-text{padding:0 1em;text-align:center}.visualizer-coverart.arrange-column .currently-playing .sub-title .media-source-label{display:block}.visualizer-coverart.arrange-column .currently-playing .sub-title .media-source-label .text{display:inline}.visualizer-coverart .currently-playing{position:absolute;display:flex;inset:0;color:var(--text-color);transition:opacity 2s linear}.media.paused .visualizer-coverart .currently-playing{transition-duration:1s}.visualizer-coverart .currently-playing[hidden]{display:flex;opacity:0}.visualizer-coverart .currently-playing::before{content:"";position:absolute;inset:0;background-color:var(--background-color)}.visualizer-coverart .currently-playing .cover-art{position:absolute;inset:0}.visualizer-coverart .currently-playing-thumbnail,.visualizer-coverart .currently-playing-text{line-height:1.1;font-size:1.25em}.media.fullscreen .visualizer-coverart .currently-playing-thumbnail,.media.fullscreen .visualizer-coverart .currently-playing-text{font-size:1.375em}.media:fullscreen .visualizer-coverart .currently-playing-thumbnail,.media:fullscreen .visualizer-coverart .currently-playing-text{font-size:1.5em}.visualizer-coverart .currently-playing-thumbnail{padding:1em}.visualizer-coverart .currently-playing-thumbnail .thumbnail{--size: min(var(--thumbnail-size), 30vh);position:relative;width:var(--size);height:var(--size);padding:0;color:var(--grey2-color)}.media.fullscreen .visualizer-coverart .currently-playing-thumbnail .thumbnail{--size: min(var(--thumbnail-size), 50vh)}.media:fullscreen .visualizer-coverart .currently-playing-thumbnail .thumbnail{--size: min(var(--thumbnail-size), 67vh)}.visualizer-coverart .currently-playing-text{position:relative;padding:1em 1em 1em .5em;font-weight:bold;overflow-wrap:anywhere;hyphens:auto}.visualizer-coverart .currently-playing.text-light .currently-playing-text{text-shadow:2px 2px 0 rgba(16,16,16,.6)}.visualizer-coverart .currently-playing.text-light .currently-playing-text .icon{filter:drop-shadow(2px 2px 0 rgba(16, 16, 16, 0.4))}.media:fullscreen .visualizer-coverart .currently-playing.text-light .currently-playing-text{text-shadow:4px 4px 0 rgba(16,16,16,.6)}.media:fullscreen .visualizer-coverart .currently-playing.text-light .currently-playing-text .icon{filter:drop-shadow(4px 4px 0 rgba(16, 16, 16, 0.4))}.visualizer-coverart .currently-playing .progress-bar{--progress-bar-background-color: rgba(255, 255, 255, 0.1);--progress-bar-color: var(--text-color)}.visualizer-coverart .currently-playing.light .progress-bar{--progress-bar-background-color: rgba(0, 0, 0, 0.2)}.visualizer-coverart .currently-playing .live-radio{position:absolute;bottom:.625em;right:.625em;width:1.5em;height:1.5em}.visualizer-coverart .currently-playing .provided-by{position:relative;font-size:max(.625em,12px);margin-top:.5em;align-items:normal}.media.fullscreen .visualizer-coverart .currently-playing .provided-by{font-size:max(.25em,1rem)}.media:fullscreen .visualizer-coverart .currently-playing .provided-by{font-size:max(.375em,1rem)}.visualizer-coverart .currently-playing .title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.2}.visualizer-coverart .currently-playing .sub-title{margin-top:.5em;font-size:.75em;color:var(--grey2-color)}.visualizer-coverart .currently-playing .playback-state{color:var(--grey2-color)}.visualizer-coverart .animated-background{opacity:0}.visualizer-coverart .animated-background canvas{background-color:var(--background-color)}.visualizer-coverart .beats-player{opacity:0;transition:none}.media.loaded .visualizer-coverart .beats-player{opacity:1;transition:opacity 4s linear}.visualizer-coverart.animated-background-enabled.ready .currently-playing::before{opacity:0;transition:opacity 4s linear}.visualizer-coverart.animated-background-enabled.ready .animated-background{opacity:1}