/*! 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));--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));--button-background: linear-gradient(to bottom, var(--button-color-hi), transparent 0.125rem), linear-gradient(to right, var(--button-color-hi), transparent 0.125rem), linear-gradient(to left, var(--button-color-lo), transparent 0.125rem), linear-gradient(to top, var(--button-color-lo), transparent 0.125rem);--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)}.themed.light{--background-mark-color: rgba(0, 0, 0, 0.1);--thumbnail-border-color: var(--black);--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);--even-row-background-color: rgba(255, 255, 255, 0.02);color-scheme:dark}.app.light{--currently-playing-color: var(--currently-playing-color-dark);--even-row-background-color: rgba(0, 0, 0, 0.04);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;--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;--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}.selected-text{color:var(--selected-text-color);background-color:var(--selected-background-color-blurred)}.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,#popup,#fullscreen-popup{position:absolute;isolation:isolate;width:100vw;background:none;font-family:var(--system-font-family)}#system:empty,#popup:empty,#fullscreen-popup: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-popup{font-size:max(1.5vw,12px)}body.dragging{cursor:inherit !important}body.dragging>*{pointer-events:none}.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)}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{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}select{border:1px solid;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;-webkit-appearance: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{-webkit-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);background-color:currentColor;border:calc(var(--thumb-size)/10) solid var(--background-color);border-radius:var(--thumb-size);margin-top:calc(var(--track-height)/2 - var(--thumb-size)/2);box-sizing:border-box;background-clip:padding-box}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:calc(var(--thumb-size)/10) solid var(--background-color);border-radius:var(--thumb-size);margin-top:calc(var(--track-height)/2 - var(--thumb-size)/2);box-sizing:border-box;background-clip:padding-box}.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{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-clip:padding-box;background-color:var(--button-color);background-image:var(--button-background);border:1px solid var(--black);border-radius:calc(var(--roundness)*1em);-webkit-appearance:none;appearance:none;padding:.125em 1em;text-align:center;white-space:nowrap;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}.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:.5em}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{fill:orange}.themed.light .icon-palette{fill:green}.icon-http,.icon-https,.icon-globe{fill:skyblue}.themed.light .icon-http,.themed.light .icon-https,.themed.light .icon-globe{fill:#1e90ff}.icon-visualizer{fill:#ff0}.themed.light .icon-visualizer{fill:blue}.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{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-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}.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-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}.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))}.icon-tidal,.icon-plex-tidal{fill:currentColor}.light .icon-tidal.show-connectivity,.light .icon-plex-tidal.show-connectivity{fill:var(--background-color);background-color:currentColor}.light .icon-tidal.show-connectivity .icon-tidal-inner,.light .icon-plex-tidal.show-connectivity .icon-tidal-inner{transform:scale(0.67);transform-origin:center}.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}.plex-tidal-connected .light .icon-plex-tidal.show-connectivity,.plex-tidal-connected .dark .icon-plex-tidal.show-connectivity{fill:aqua}.plex-tidal-connected .light .icon-plex-tidal.show-connectivity{background-color:#07332f}.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,.light.frame-light .media:not(:fullscreen) .visualizer-butterchurn{opacity:.5}.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}
.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:50%}.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 0}.icon-buttons .icon-button~.icon-button{margin-left:.25em}
.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}
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}.dialog-head h2{flex:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6em 0 .5em;font-weight:bold;text-align:left}.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{margin-top:0}.dialog-body .dialog-buttons{text-align:right;margin:2em 0 0 0}
.alert-dialog,.alert-dialog .dialog-buttons{text-align:center}
.confirm-dialog,.confirm-dialog .dialog-buttons{text-align:center}.confirm-dialog-storage{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:2em;font-size:.75em;font-style:italic}
.prompt-dialog,.prompt-dialog .dialog-buttons{text-align:center}.prompt-dialog input[type=url]{min-width:20em}
.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.125rem),linear-gradient(to right, var(--scrollbar-color-hi), transparent 0.125rem),linear-gradient(to left, var(--scrollbar-color-lo), transparent 0.125rem),linear-gradient(to top, var(--scrollbar-color-lo), transparent 0.125rem);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-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-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:36.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-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 .icon-globe{fill:currentColor}.settings-dialog footer.dialog-buttons{position:absolute;right:1em;bottom:1em;margin:0}
.media-service-label .auth-service{display:inline-block;position:relative;font-size:.567em;top:-0.75em;padding:.1em .5em 0 .5em;line-height:1.25;border-radius:calc(var(--roundness)*.5em);background-color:var(--background-mark-color);color:inherit;opacity:.75}.plex-connected .media-service-label .auth-service-plex,.media-service-label .auth-service-plex:not(.show-connectivity){opacity:1}
.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{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}.tab-list .tab[aria-selected=true]{border-bottom:1px solid var(--background-color);background-color:var(--background-color);z-index:1}.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}.external-link-text{border-radius:calc(var(--roundness)*.5em);outline-offset:.125em}.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-link{position:relative;left:.5em;top:-0.75em;font-size:.625em}
.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)}.list-view-body,.list-view-row{display:block}.list-view-head .list-view-row{position:relative}.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.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 .list-view-cell{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-clip:padding-box;background-color:var(--button-color);background-image:var(--button-background);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-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{position:absolute;top:0;bottom:0;width:8px;cursor:col-resize}.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;z-index:-1}.list-view-drag-image .actions{display:none}
.list-box{width:100%;height:10em;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}.user-themes input[type=file]{position:absolute;visibility:hidden}
.media-service-list>li:not(.no-icon){align-items:baseline}
.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-settings-general .checkbox-list{max-height:18em}
.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-registration p{margin:0}.media-service-credentials .credentials-requirements{border-radius:.25em;font-size:.875em}.media-service-credentials .credentials-requirements p+p{margin-top:1em}
.personal-media-server-settings .external-link-text{text-decoration:underline}.personal-media-server-settings select{min-width:8em}
.pinned-settings-buttons{text-align:right}
.visualizer-favorites .list-view{width:100%;height:20em;margin:.5em 0}.visualizer-favorites-buttons{text-align:right;display:flex;flex-direction:row}.visualizer-favorites-delete{margin-left:auto}
.visualizer-settings-dialog{width:32em;height:28em}.visualizer-settings-dialog .visualizer-favorites .list-view{height:12.5em}.visualizer-settings .ambient-video-settings input[type=url]{width:100%}.visualizer-settings-general fieldset{margin-top:1.5em}
.advanced-settings .dialog-button-submit{display:none}
.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%;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=true]::before{content:"✓";position:absolute;left:.33em}.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::before{content:"❯";position:absolute;right:1.33em;font-size:.75em}.popup-menu-item.has-popup-left .popup-menu{border-top-left-radius:0;z-index:-1}.popup-menu-item-label{flex:auto;text-align:left}.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}
.star-rating{font-family:Arial,sans-serif;font-weight:400;opacity:.75}.star-rating:hover{opacity:1}.star-rating-button{all:unset;cursor:pointer;border-radius:calc(var(--roundness)*.5em)}.star-rating-button:hover{opacity:1}.focus-visible .star-rating:focus .selected{outline:solid var(--focus-ring-color)}
.media-info-dialog{font-size:min(max(1.5vw,12px),1.125em);min-width:30em;max-width:34em}
.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}
.cover-art{position:relative;background-color:var(--background-mark-color);border:1px solid var(--thumbnail-border-color);border-radius:calc(var(--roundness)*max(.75em,7.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:1em;vertical-align:baseline}.cover-art-image.icon-playlist{padding:.75em}.cover-art-image.icon-audio,.cover-art-image.icon-artist{padding:.5em}.cover-art-image.icon-album{padding:.25em}.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{--sun-color: var(--text-color-h), var(--text-color-s), var(--text-color-l);--am-alpha: 0%;--pm-alpha: 0%;--am-color: hsla(var(--sun-color), var(--am-alpha));--pm-color: hsla(var(--sun-color), 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}
.media-list.list-view .list-view-row.playing .list-view-cell{font-style:italic;color:var(--currently-playing-color)}.media-list.list-view .list-view-row.selected .list-view-cell{color:var(--selected-text-color)}.themed.dark.selection-dark .media-list.list-view .list-view-row.selected.playing .list-view-cell{color:var(--currently-playing-color-light)}.themed.light.selection-light .media-list.list-view .list-view-row.selected.playing .list-view-cell{color:var(--currently-playing-color-dark)}.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 .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 .unplayable:not(.selected):not(.playing) .list-view-cell{color:var(--grey1-color)}.media-list.list-view .unplayable .cover-art img{filter:brightness(0.25) grayscale(1)}.media-list.list-view .index{font-family:monospace}.media-list.list-view-details .actions,.media-list.list-view-details .icon-buttons{height:inherit}.media-list.list-view-details .star-rating{justify-content:left;display:inline-flex}.media-list.list-view-details .list-view-head .star-rating{pointer-events:none}.media-list.list-view-details .list-view-head .star-rating .icon-button{opacity:1}.media-list.list-view-card .list-view-cell{padding:0}.media-list.list-view-card .index{top:2.125em;font-weight:bold;font-style:italic;width:2em;min-width:2em;text-align:center}.media-list.list-view-card .thumbnail{left:0;width:6em;height:6em;padding:0;color:var(--grey2-color)}.indexed .media-list.list-view-card .thumbnail{left:2em}.media-list.list-view-card .cover-art{position:absolute;inset:.5em}.artists .media-list.list-view-card .cover-art{border-radius:50%}.media-list.list-view-card .title,.media-list.list-view-card .artist,.media-list.list-view-card .owner,.media-list.list-view-card .genre,.media-list.list-view-card .blurb,.media-list.list-view-card .album,.media-list.list-view-card .year,.media-list.list-view-card .views{left:6.375em;right:.375em}.indexed .media-list.list-view-card .title,.indexed .media-list.list-view-card .artist,.indexed .media-list.list-view-card .owner,.indexed .media-list.list-view-card .genre,.indexed .media-list.list-view-card .blurb,.indexed .media-list.list-view-card .album,.indexed .media-list.list-view-card .year,.indexed .media-list.list-view-card .views{left:8.375em}.clip-1 .media-list.list-view-card .title,.clip-1 .media-list.list-view-card .artist,.clip-1 .media-list.list-view-card .owner,.clip-1 .media-list.list-view-card .genre,.clip-1 .media-list.list-view-card .blurb,.clip-1 .media-list.list-view-card .album,.clip-1 .media-list.list-view-card .year,.clip-1 .media-list.list-view-card .views{right:4em}.clip-2 .media-list.list-view-card .title,.clip-2 .media-list.list-view-card .artist,.clip-2 .media-list.list-view-card .owner,.clip-2 .media-list.list-view-card .genre,.clip-2 .media-list.list-view-card .blurb,.clip-2 .media-list.list-view-card .album,.clip-2 .media-list.list-view-card .year,.clip-2 .media-list.list-view-card .views{right:5.5em}.artists .media-list.list-view-card .title,.artists .media-list.list-view-card .artist,.artists .media-list.list-view-card .owner,.artists .media-list.list-view-card .genre,.artists .media-list.list-view-card .blurb,.artists .media-list.list-view-card .album,.artists .media-list.list-view-card .year,.artists .media-list.list-view-card .views{margin-top:.25em}.media-list.list-view-card .title{top:.25em}.media-list.list-view-card .title .text{font-size:1.125em}.media-list.list-view-card .artist,.media-list.list-view-card .genre,.media-list.list-view-card .owner{top:1.75em;color:var(--grey2-color)}.media-list.list-view-card .album,.media-list.list-view-card .blurb,.media-list.list-view-card .year,.media-list.list-view-card .views{top:3.375em;color:var(--grey2-color)}.media-list.list-view-card .duration,.media-list.list-view-card .track-count,.media-list.list-view-card .play-count,.media-list.list-view-card .played-at,.media-list.list-view-card .added-at{left:auto;top:.375em;right:.375em;padding:0 .375em .125em .375em;color:var(--text-color);border-radius:calc(var(--roundness)*.75em);background-color:var(--background-mark-color);line-height:1}.media-list.list-view-card .duration .text,.media-list.list-view-card .track-count .text,.media-list.list-view-card .play-count .text,.media-list.list-view-card .played-at .text,.media-list.list-view-card .added-at .text{font-size:.75em}.media-list.list-view-card .duration:empty,.media-list.list-view-card .track-count:empty,.media-list.list-view-card .play-count:empty,.media-list.list-view-card .played-at:empty,.media-list.list-view-card .added-at:empty{display:none}.media-list.list-view-card .played-at,.media-list.list-view-card .added-at{color:var(--grey2-color);background-color:rgba(0,0,0,0);font-style:italic;top:.25em}.media-list.list-view-card .played-at.listen-date,.media-list.list-view-card .added-at.listen-date{right:.625em;top:.5em}.themed.light .media-list.list-view-card .played-at,.themed.light .media-list.list-view-card .added-at{background-color:rgba(0,0,0,0)}.media-list.list-view-card .played-at .date,.media-list.list-view-card .added-at .date{line-height:1.2}.media-list.list-view-card .played-at.listen-date .text,.media-list.list-view-card .added-at.listen-date .text{display:inline-flex;flex-direction:row;justify-content:center;align-items:center}.media-list.list-view-card .genre .text,.media-list.list-view-card .owner .text,.media-list.list-view-card .views .text{font-size:.75em}.media-list.list-view-card .actions{right:.5em;bottom:.5em;padding:0}.media-list.list-view-card .rate{right:.5em;top:.125em;padding:0}.media-list.list-view-card .genre{font-style:italic}.media-list.list-view-card.small .index,.media-list.list-view-card.compact .index{top:1.625em}.media-list.list-view-card.small .thumbnail,.media-list.list-view-card.compact .thumbnail{width:4.75em;height:4.75em}.media-list.list-view-card.small .title,.media-list.list-view-card.small .artist,.media-list.list-view-card.small .owner,.media-list.list-view-card.small .genre,.media-list.list-view-card.small .blurb,.media-list.list-view-card.small .album,.media-list.list-view-card.small .year,.media-list.list-view-card.small .views,.media-list.list-view-card.compact .title,.media-list.list-view-card.compact .artist,.media-list.list-view-card.compact .owner,.media-list.list-view-card.compact .genre,.media-list.list-view-card.compact .blurb,.media-list.list-view-card.compact .album,.media-list.list-view-card.compact .year,.media-list.list-view-card.compact .views{left:5em}.indexed .media-list.list-view-card.small .title,.indexed .media-list.list-view-card.small .artist,.indexed .media-list.list-view-card.small .owner,.indexed .media-list.list-view-card.small .genre,.indexed .media-list.list-view-card.small .blurb,.indexed .media-list.list-view-card.small .album,.indexed .media-list.list-view-card.small .year,.indexed .media-list.list-view-card.small .views,.indexed .media-list.list-view-card.compact .title,.indexed .media-list.list-view-card.compact .artist,.indexed .media-list.list-view-card.compact .owner,.indexed .media-list.list-view-card.compact .genre,.indexed .media-list.list-view-card.compact .blurb,.indexed .media-list.list-view-card.compact .album,.indexed .media-list.list-view-card.compact .year,.indexed .media-list.list-view-card.compact .views{left:7em}.media-list.list-view-card.small .title,.media-list.list-view-card.compact .title{top:.25em}.media-list.list-view-card.small .title .text,.media-list.list-view-card.compact .title .text{font-size:1em}.media-list.list-view-card.small .artist,.media-list.list-view-card.small .genre,.media-list.list-view-card.small .owner,.media-list.list-view-card.compact .artist,.media-list.list-view-card.compact .genre,.media-list.list-view-card.compact .owner{top:1.5em}.media-list.list-view-card.small .artist .text,.media-list.list-view-card.compact .artist .text{font-size:.875em}.media-list.list-view-card.small .album,.media-list.list-view-card.small .blurb,.media-list.list-view-card.small .year,.media-list.list-view-card.small .views,.media-list.list-view-card.compact .album,.media-list.list-view-card.compact .blurb,.media-list.list-view-card.compact .year,.media-list.list-view-card.compact .views{top:2.75em}.media-list.list-view-card.small .album .text,.media-list.list-view-card.small .blurb .text,.media-list.list-view-card.small .year .text,.media-list.list-view-card.small .views .text,.media-list.list-view-card.compact .album .text,.media-list.list-view-card.compact .blurb .text,.media-list.list-view-card.compact .year .text,.media-list.list-view-card.compact .views .text{font-size:.75em}.playlists .media-list.list-view-card.small .blurb,.playlists .media-list.list-view-card.compact .blurb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;top:2em;line-height:normal}.artist-albums .media-list.list-view-card.small .year,.artist-albums .media-list.list-view-card.compact .year{top:1.625em}.artist-albums .media-list.list-view-card.small .year .text,.artist-albums .media-list.list-view-card.compact .year .text{font-size:.875em}.artists .media-list.list-view-card.small .rate,.artists .media-list.list-view-card.compact .rate{right:auto;top:3em;left:4.75em}.media-list.list-view-card.small .actions .icon-buttons,.media-list.list-view-card.compact .actions .icon-buttons{font-size:.875em}.media-list.list-view-card.small .index{top:.875em}.media-list.list-view-card.small .thumbnail{width:3.25em;height:3.25em}.media-list.list-view-card.small .title,.media-list.list-view-card.small .artist,.media-list.list-view-card.small .genre,.media-list.list-view-card.small .owner{top:1.375em;left:3.5em}.indexed .media-list.list-view-card.small .title,.indexed .media-list.list-view-card.small .artist,.indexed .media-list.list-view-card.small .genre,.indexed .media-list.list-view-card.small .owner{left:5.5em}.media-list.list-view-card.small .title{top:.25em}.media-list.list-view-card.small .actions{bottom:.375em}.playlists .media-list.list-view-card.small .blurb{-webkit-line-clamp:1}.media-list.list-view-card.minimal .thumbnail{width:2em;height:2em}.media-list.list-view-card.minimal .cover-art{inset:.25em}.media-list.list-view-card.minimal .cover-art .icon{padding:0}.media-list.list-view-card.minimal .cover-art .icon-playlist{padding:.25em}.media-list.list-view-card.minimal .title{top:.25em;left:2em;right:.25em}.media-list.list-view-card.minimal .title .text{font-size:1em}.media-list.list-view-card.minimal .rate,.media-list.list-view-card.minimal .actions{display:none}.media-list.list-view-card.thin .title,.media-list.list-view-card.thin .artist,.media-list.list-view-card.thin .owner,.media-list.list-view-card.thin .genre{right:.25em}.media-list.list-view-card.thin .blurb,.media-list.list-view-card.thin .album,.media-list.list-view-card.thin .year,.media-list.list-view-card.thin .views{right:1em}.media-list.list-view-card.thin .actions .icon-button:not(.icon-button-menu){display:none}.artists .media-list.list-view-card.thin .actions .icon-button:not(.icon-button-menu){display:inline-flex}.media-list.list-view-card.thin:not(.minimal) .duration,.media-list.list-view-card.thin:not(.minimal) .track-count,.media-list.list-view-card.thin:not(.minimal) .play-count,.media-list.list-view-card.thin:not(.minimal) .played-at,.media-list.list-view-card.thin:not(.minimal) .added-at{top:calc(.5em + 1px);color:var(--soft-white) !important;background-color:rgba(0,0,0,.75)}.indexed .media-list.list-view-card.thin:not(.minimal) .duration,.indexed .media-list.list-view-card.thin:not(.minimal) .track-count,.indexed .media-list.list-view-card.thin:not(.minimal) .play-count,.indexed .media-list.list-view-card.thin:not(.minimal) .played-at,.indexed .media-list.list-view-card.thin:not(.minimal) .added-at{display:none}.media-list.list-view-card.thin:not(.minimal) .duration,.media-list.list-view-card.thin:not(.minimal) .track-count,.media-list.list-view-card.thin:not(.minimal) .play-count{right:calc(100% - 5.5em + 1px);border-bottom-right-radius:0;border-top-left-radius:0}.media-list.list-view-card.thin:not(.minimal) .played-at,.media-list.list-view-card.thin:not(.minimal) .added-at{right:auto;left:calc(.5em + 1px);width:calc(5em - 2px);border-bottom-left-radius:0;border-bottom-right-radius:0;text-align:center}.media-list.list-view-card.thin:not(.minimal) .played-at .text,.media-list.list-view-card.thin:not(.minimal) .added-at .text{vertical-align:.125em}.media-list.list-view-card.thin:not(.minimal) .played-at.listen-date,.media-list.list-view-card.thin:not(.minimal) .added-at.listen-date{padding:.25em 0}.media-list.list-view-card.thin.compact .duration,.media-list.list-view-card.thin.compact .track-count,.media-list.list-view-card.thin.compact .play-count,.media-list.list-view-card.thin.compact .played-at,.media-list.list-view-card.thin.compact .added-at{right:calc(100% - 4.25em + 1px);top:calc(.5em + 1px)}.media-list.list-view-card.thin.small .duration,.media-list.list-view-card.thin.small .track-count,.media-list.list-view-card.thin.small .play-count,.media-list.list-view-card.thin.small .played-at,.media-list.list-view-card.thin.small .added-at{display:none}.albums .media-list.list-view-card.thin .rate{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 .title,.media-list.list-view-card.minimal .duration,.media-list.list-view-card.minimal .track-count,.media-list.list-view-card.minimal .play-count{position:static}.media-list.list-view-card.minimal .index{flex:initial}.media-list.list-view-card.minimal .title{flex:auto;margin-left:2.5em;margin-top:0}.media-list.list-view-card.minimal .duration,.media-list.list-view-card.minimal .track-count,.media-list.list-view-card.minimal .play-count{flex:initial;margin-right:.25em;overflow:visible}.media-list.list-view-card .unplayable:not(.selected) .list-view-cell{color:var(--grey1-color)}.media-list.list-view-card .unplayable:not(.selected) .title{color:var(--grey2-color)}.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{color:var(--text-color);height:1.25em;padding:0 !important}.folder-items .media-list.list-view .title{margin-left:2.25em}.media-list.list-view.thin .sun-clock{--sun-color: 0, 0%, 92.2%}.light .media-list.list-view:not(.thin) .sun-clock{--am-color: hsla(var(--sun-color), calc(100% - var(--am-alpha)));--pm-color: hsla(var(--sun-color), calc(100% - var(--pm-alpha)))}.media-list.list-view:not(.focus)+.status-bar .selected{display:none}
.add-to-playlist-dialog select{min-width:16em}.add-to-playlist-dialog .playlists{position:relative;height:10em;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}
.create-playlist-dialog textarea{min-width:13.25em}.create-playlist-dialog.service-emby .create-playlist-dialog-public label,.create-playlist-dialog.service-jellyfin .create-playlist-dialog-public label,.create-playlist-dialog.service-plex .create-playlist-dialog-public label,.create-playlist-dialog.service-plex-tidal .create-playlist-dialog-public label{opacity:.5}
.text-box{line-height:1.25}.text-box p{margin:0 0 1em 0}.scrollable.overflow-y .text-box-content{padding-right:1ex}
.media-info{position:relative;width:100%;line-height:1}.media-info-main{position:relative;padding-left:11.25em;padding-bottom:1em;min-height:10em;margin-bottom:1em}.media-info-main .external-link-text{text-decoration:underline}.media-info .thumbnail{position:absolute;left:0;width:10em;height:10em;padding:0;color:var(--grey2-color)}.media-info .thumbnail .cover-art{position:absolute;inset:0}.media-info .artist,.media-info .album{margin-top:.5em}.media-info .title{margin-bottom:.25em;font-size:1.5em;word-wrap:break-word}.media-info .title+.owner{margin-top:0}.media-info .duration,.media-info .track-count{position:absolute;top:.5em;right:.5em;padding:.125em .375em;color:var(--text-color);background-color:rgba(0,0,0,.25);border-radius:.25em}.media-info .duration:empty,.media-info .track-count:empty{display:none}.media-info .external-view{display:flex;flex-direction:row;align-items:center;margin-top:1.625em}.media-info .genre{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:1px 0}.media-info .blurb{margin-top:1em;font-size:.75em;min-height:1em;max-height:10.75em;text-align:justify}.media-info .blurb .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-button{border-radius:calc(var(--roundness)*.5em);outline-offset:2px;outline-width:2px}.media-info .icon-buttons{position:absolute;bottom:0;right:0;justify-content:right;font-size:1.375em}.media-info .icon-buttons .star-rating{font-size:1.25em}.media-info.debug pre{max-height:15em;font-size:.75em;overflow:auto}
.visualizer-info{position:relative;width:100%;margin-top:1.25em;padding-top:1rem;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}.visualizer-info .external-link-text{max-width:24em;text-overflow:ellipsis;overflow:hidden;text-decoration:underline}.visualizer-info .icon-buttons{position:absolute;top:.75em;right:.125em;justify-content:right;font-size:1.25em}
.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}
.static,.static canvas{position:absolute;inset:0}.static canvas{background-color:#fff}
.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-apple-logo{fill:#fff}.media:not(.is-playing-video) .visualizer-controls .video-source-icon{filter:grayscale(1)}.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}
.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;will-change:opacity}.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 h3{font-size:max(.75em,12px)}.interstitial .currently-playing .by{font-size:max(.5em,10px)}.interstitial .currently-playing .media-source-label{font-size:max(.5em,11px);margin-top:1.5em;line-height:normal}.interstitial .currently-playing .media-source-label .text{color:#ababab}.interstitial .currently-playing .icon-tidal,.interstitial .currently-playing .icon-plex-tidal{filter:var(--shadow-small)}.media.fullscreen .interstitial .currently-playing .icon-tidal,.media.fullscreen .interstitial .currently-playing .icon-plex-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{display:none}.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}
.media{--progress-bar-height: 6px;--progress-bar-background-color: rgba(128, 128, 128, 0.5);--progress-bar-color: rgba(255, 255, 255, 0.8);background:var(--black);border-radius:calc(var(--roundness)*1rem);-webkit-user-select:none;user-select:none;contain:strict;overflow:hidden}.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 .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: 80px;--layout-splitter-size: 4px;position:absolute;display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.splitter .layout-pane{position:relative;overflow:hidden}.splitter .layout-pane-primary{flex:auto}.splitter .layout-pane-secondary{flex:none}.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}
.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>.panel.empty-screen,.media-browser>.panel.error-screen{margin-bottom:var(--gutter-width)}.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}.media-browser .options li{display:inline-block;vertical-align:middle;margin:0 .5em}.media-browser.plex-browser .source-plex-tidal .star-rating{display:none}
.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 3em;font-family:var(--system-font-family);font-weight:bold;white-space:normal;cursor:pointer}.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}.apple-browser .login .login-button.branded{background:#d60017}.emby-browser .login .login-button.branded{background:#52b54b}.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,.plex-tidal-browser .login .login-button.branded{background:#282a2c;color:#e49f0d}.spotify-browser .login .login-button.branded{background:#1db954}.tidal-browser .login .login-button.branded{background:#242429;color:#3fe}.youtube-browser .login .login-button.branded{background:red}.login .service-link{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:2em}.login .service-link>.icon{font-size:2em;min-width:.5em;margin-right:.375em}.login-download .external-link-text{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}
.page-header{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:calc(var(--roundness)*1em);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 .icon{position:absolute;left:calc(.375em + var(--roundness)*.25em);width:auto;min-width:1.125em;height:1.125em;aspect-ratio:1}.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{background-color:var(--background-color)}.pinned-playlist .playlists .cover-art{inset:.25em}.pinned-playlist .playlists .title{top:.125em}.pinned-playlist .playlists .blurb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;top:2em;line-height:1.25}.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 .track-count .text{font-size:1em;line-height:1.5}.pinned-playlist .playlists-error{padding:1em}.pinned-playlist .playlists-error .message{display:flex;flex-direction:row;align-items:center}.pinned-playlist .playlists-error .message .icon{margin-right:.25em}.pinned-playlist .playlist-items{top:calc(var(--gutter-width) + 6.25em)}
.empty-screen{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:var(--gutter-width)}.empty-screen .note:only-child{padding:1rem;margin:1rem}
.error-screen{display:flex;flex-direction:column;flex:auto}.error-screen-content{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:var(--gutter-width)}.error-screen h2{font-size:1.5em;font-weight:bold;margin-bottom:.75em}.error-screen pre{white-space:pre-wrap}.error-screen .buttons{margin-top:2em;text-align:left}.error-screen button.disconnect{white-space:normal}
.startup-wizard{width:24em;height:32em}.startup-wizard h3{font-size:1.375em;margin-bottom:.75em}.startup-wizard form{width:100%}
.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-button{background-color:var(--media-button-color);background-image:var(--media-button-background);color:var(--media-button-text-color);border:1px solid var(--black);padding:.5rem;width:2rem;height:2rem;font-size:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;background-clip:padding-box;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}.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-more{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);border:1px solid 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);border:1px solid 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}.media-controls #playhead{display:flex;flex:auto;min-width:4rem;margin-left:.25rem}.media-controls #playhead:disabled{pointer-events:none}.media-controls #playhead:not(:disabled):not([value="0"])::-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:not(:disabled):not([value="0"])::-webkit-slider-thumb{background-image:var(--smiley)}.media-controls #playhead:not(:disabled):not([value="0"])::-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:not(:disabled):not([value="0"])::-moz-range-thumb{background-image:var(--smiley)}.media-controls input[type=file]{position:absolute;visibility:hidden}
.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%}.airsonic-not-connected .playlist .list-view-row.source-airsonic.selected .icon.show-connectivity,.apple-not-connected .playlist .list-view-row.source-apple.selected .icon.show-connectivity,.emby-not-connected .playlist .list-view-row.source-emby.selected .icon.show-connectivity,.jellyfin-not-connected .playlist .list-view-row.source-jellyfin.selected .icon.show-connectivity,.navidrome-not-connected .playlist .list-view-row.source-navidrome.selected .icon.show-connectivity,.subsonic-not-connected .playlist .list-view-row.source-subsonic.selected .icon.show-connectivity,.plex-not-connected .playlist .list-view-row.source-plex.selected .icon.show-connectivity,.plex-tidal-not-connected .playlist .list-view-row.source-plex-tidal.selected .icon.show-connectivity,.spotify-not-connected .playlist .list-view-row.source-spotify.selected .icon.show-connectivity,.tidal-not-connected .playlist .list-view-row.source-tidal.selected .icon.show-connectivity{filter:grayscale(1);opacity:.5}.airsonic-not-connected .playlist .list-view-row.source-airsonic:not(.selected),.apple-not-connected .playlist .list-view-row.source-apple:not(.selected),.emby-not-connected .playlist .list-view-row.source-emby:not(.selected),.jellyfin-not-connected .playlist .list-view-row.source-jellyfin:not(.selected),.navidrome-not-connected .playlist .list-view-row.source-navidrome:not(.selected),.subsonic-not-connected .playlist .list-view-row.source-subsonic:not(.selected),.plex-not-connected .playlist .list-view-row.source-plex:not(.selected),.plex-tidal-not-connected .playlist .list-view-row.source-plex-tidal:not(.selected),.spotify-not-connected .playlist .list-view-row.source-spotify:not(.selected),.tidal-not-connected .playlist .list-view-row.source-tidal:not(.selected){color:var(--grey1-color)}.airsonic-connected .playlist .list-view-row.source-airsonic.unplayable .icon.show-connectivity,.apple-connected .playlist .list-view-row.source-apple.unplayable .icon.show-connectivity,.emby-connected .playlist .list-view-row.source-emby.unplayable .icon.show-connectivity,.jellyfin-connected .playlist .list-view-row.source-jellyfin.unplayable .icon.show-connectivity,.navidrome-connected .playlist .list-view-row.source-navidrome.unplayable .icon.show-connectivity,.subsonic-connected .playlist .list-view-row.source-subsonic.unplayable .icon.show-connectivity,.plex-connected .playlist .list-view-row.source-plex.unplayable .icon.show-connectivity,.plex-tidal-connected .playlist .list-view-row.source-plex-tidal.unplayable .icon.show-connectivity,.spotify-connected .playlist .list-view-row.source-spotify.unplayable .icon.show-connectivity,.tidal-connected .playlist .list-view-row.source-tidal.unplayable .icon.show-connectivity{opacity:.5}.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>.artist-text,.playlist .list-view-cell.title>.title-text{overflow:hidden;text-overflow:ellipsis;padding-right:.1em}.playlist .list-view-cell.title>[role=separator]{flex:initial;margin:0 .25rem 0 .15rem}.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}.playlist .playing .index .number{visibility:hidden}.playlist .status-bar{margin-bottom:0}.playlist .progress-ring{display:none}
.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)}
.splitter{--layout-pane-min-size: 15rem;--layout-splitter-size: 0.3125rem}#media-library-layout>.layout-pane-secondary{min-width:10rem}#media-playback-layout>.layout-pane-secondary{min-height:12rem}#main-layout>.layout-pane-primary{min-width:calc(10rem + var(--layout-pane-min-size) + var(--layout-splitter-size))}#main-layout>.layout-pane-secondary{min-width:20rem}
.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:2em;accent-color:#bfbfff}.bsod form{max-width:30em;margin:auto}.bsod fieldset{color:inherit;border-color:#bfbfff}.bsod .note{font-size:max(.75em,1rem)}.bsod-buttons{margin-top:2em}.bsod button{padding:.75em 3em;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}
.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}
.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;cursor:pointer}
.credentials-dialog{width:30em;height:32em}
.credentials-required{font-size:.75em;padding:.5em}.credentials-required p{margin:.5em 0}.credentials-required p+p{margin-top:1em}
.listenbrainz-login-dialog .listenbrainz-link{text-align:center;margin-bottom:1em;font-size:.875em}
.login.login-plex-tidal .service-link-plex{font-size:.75em;margin-top:1em}.login.login-plex-tidal .service-link-plex .icon:not(.icon-link){font-size:1em}
.restricted-access-warning{font-size:.75em;padding:.5em}.restricted-access-warning p{margin:.5em 0}
.visualizer-coverart{--thumbnail-size: 45%;background-color:var(--background-color);text-rendering:optimizeLegibility}.visualizer-coverart .currently-playing{position:absolute;display:flex;flex-direction:row;inset:0;color:var(--text-color);will-change:opacity;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);transition:none}.visualizer-coverart .currently-playing-thumbnail,.visualizer-coverart .currently-playing-text{font-size:1.5em;line-height:1.1}.visualizer-coverart .currently-playing-thumbnail{padding:1em}.visualizer-coverart .currently-playing-text{position:relative;padding:1em 1em 1em .5em;font-weight:bold}.visualizer-coverart .currently-playing.text-light .currently-playing-text{text-shadow:2px 2px 0 rgba(16,16,16,.6)}.media:fullscreen .visualizer-coverart .currently-playing.text-light .currently-playing-text{text-shadow:4px 4px 0 rgba(16,16,16,.6)}.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.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 .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 .thumbnail{--size: min(var(--thumbnail-size), 50vh)}.media:fullscreen .visualizer-coverart .thumbnail{--size: min(var(--thumbnail-size), 67vh)}.visualizer-coverart .thumbnail .cover-art{position:absolute;inset:0}.visualizer-coverart .by{display:none}.visualizer-coverart .media-source-label{position:relative;font-size:max(.5em,12px);margin-top:.5em;color:var(--grey2-color);align-items:normal}.media.fullscreen .visualizer-coverart .media-source-label{font-size:max(.25em,1rem)}.media:fullscreen .visualizer-coverart .media-source-label{font-size:max(.375em,1rem)}.visualizer-coverart .artist{margin-top:.5em;font-size:.75em;color:var(--grey2-color)}.visualizer-coverart .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 8s linear}.visualizer-coverart.animated-background-enabled.ready .animated-background{opacity:1}