:root{--colors-background:#1d1f21;--colors-background-alt:#282a2e;--colors-selected:#233b51;--colors-highlight:hsl(from var(--colors-selected) h s calc(l + 10%));--colors-text:#c5c8c6;--colors-text-dark:#282a2e;--colors-primary:#123456;--colors-primary-bright:#184674;--colors-active:var(--colors-primary);--colors-success:#b5bd68;--colors-error:#c66;--colors-info:var(--colors-selected);--dims-padding:.5em;--dims-padding-dense:.2em;--dims-bottom-spacing:5em;--dims-border-radius:10px;--dims-border-radius-subtle:5px}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--colors-background);color:var(--colors-text);font-family:Calibri,Helvetica,Arial,sans-serif}body{width:100vw;height:100vh}@media not speech{.sr-only{display:none}}input[type=text],input[type=password],input[type=submit],button{padding:var(--dims-padding-dense);border-radius:var(--dims-border-radius-subtle)}button{background-color:var(--colors-primary-bright);padding:var(--dims-padding);color:var(--colors-text);border:none}button:hover{background:hsl(from var(--colors-primary) h s calc(l + 40%));color:#fff}button:hover.active{background:hsl(from var(--colors-primary) h s calc(l + 40%));color:var(--colors-text-dark)}button:active,button.active{background:hsl(from var(--colors-primary) h s calc(l + 20%));color:var(--colors-text-dark)}@font-face{font-family:foundation-icons;src:url(/assets/foundation-icons-CDvTxn_H.eot);src:url(/assets/foundation-icons-CDvTxn_H.eot?#iefix)format("embedded-opentype"),url(/assets/foundation-icons-DF1K3qGz.woff)format("woff"),url(/assets/foundation-icons-D7wNeIVx.ttf)format("truetype"),url(/assets/foundation-icons-SCxHgZ0W.svg#fontcustom)format("svg");font-weight:400;font-style:normal}.fi-address-book:before,.fi-alert:before,.fi-align-center:before,.fi-align-justify:before,.fi-align-left:before,.fi-align-right:before,.fi-anchor:before,.fi-annotate:before,.fi-archive:before,.fi-arrow-down:before,.fi-arrow-left:before,.fi-arrow-right:before,.fi-arrow-up:before,.fi-arrows-compress:before,.fi-arrows-expand:before,.fi-arrows-in:before,.fi-arrows-out:before,.fi-asl:before,.fi-asterisk:before,.fi-at-sign:before,.fi-background-color:before,.fi-battery-empty:before,.fi-battery-full:before,.fi-battery-half:before,.fi-bitcoin-circle:before,.fi-bitcoin:before,.fi-blind:before,.fi-bluetooth:before,.fi-bold:before,.fi-book-bookmark:before,.fi-book:before,.fi-bookmark:before,.fi-braille:before,.fi-burst-new:before,.fi-burst-sale:before,.fi-burst:before,.fi-calendar:before,.fi-camera:before,.fi-check:before,.fi-checkbox:before,.fi-clipboard-notes:before,.fi-clipboard-pencil:before,.fi-clipboard:before,.fi-clock:before,.fi-closed-caption:before,.fi-cloud:before,.fi-comment-minus:before,.fi-comment-quotes:before,.fi-comment-video:before,.fi-comment:before,.fi-comments:before,.fi-compass:before,.fi-contrast:before,.fi-credit-card:before,.fi-crop:before,.fi-crown:before,.fi-css3:before,.fi-database:before,.fi-die-five:before,.fi-die-four:before,.fi-die-one:before,.fi-die-six:before,.fi-die-three:before,.fi-die-two:before,.fi-dislike:before,.fi-dollar-bill:before,.fi-dollar:before,.fi-download:before,.fi-eject:before,.fi-elevator:before,.fi-euro:before,.fi-eye:before,.fi-fast-forward:before,.fi-female-symbol:before,.fi-female:before,.fi-filter:before,.fi-first-aid:before,.fi-flag:before,.fi-folder-add:before,.fi-folder-lock:before,.fi-folder:before,.fi-foot:before,.fi-foundation:before,.fi-graph-bar:before,.fi-graph-horizontal:before,.fi-graph-pie:before,.fi-graph-trend:before,.fi-guide-dog:before,.fi-hearing-aid:before,.fi-heart:before,.fi-home:before,.fi-html5:before,.fi-indent-less:before,.fi-indent-more:before,.fi-info:before,.fi-italic:before,.fi-key:before,.fi-laptop:before,.fi-layout:before,.fi-lightbulb:before,.fi-like:before,.fi-link:before,.fi-list-bullet:before,.fi-list-number:before,.fi-list-thumbnails:before,.fi-list:before,.fi-lock:before,.fi-loop:before,.fi-magnifying-glass:before,.fi-mail:before,.fi-male-female:before,.fi-male-symbol:before,.fi-male:before,.fi-map:before,.fi-marker:before,.fi-megaphone:before,.fi-microphone:before,.fi-minus-circle:before,.fi-minus:before,.fi-mobile-signal:before,.fi-mobile:before,.fi-monitor:before,.fi-mountains:before,.fi-music:before,.fi-next:before,.fi-no-dogs:before,.fi-no-smoking:before,.fi-page-add:before,.fi-page-copy:before,.fi-page-csv:before,.fi-page-delete:before,.fi-page-doc:before,.fi-page-edit:before,.fi-page-export-csv:before,.fi-page-export-doc:before,.fi-page-export-pdf:before,.fi-page-export:before,.fi-page-filled:before,.fi-page-multiple:before,.fi-page-pdf:before,.fi-page-remove:before,.fi-page-search:before,.fi-page:before,.fi-paint-bucket:before,.fi-paperclip:before,.fi-pause:before,.fi-paw:before,.fi-paypal:before,.fi-pencil:before,.fi-photo:before,.fi-play-circle:before,.fi-play-video:before,.fi-play:before,.fi-plus:before,.fi-pound:before,.fi-power:before,.fi-previous:before,.fi-price-tag:before,.fi-pricetag-multiple:before,.fi-print:before,.fi-prohibited:before,.fi-projection-screen:before,.fi-puzzle:before,.fi-quote:before,.fi-record:before,.fi-refresh:before,.fi-results-demographics:before,.fi-results:before,.fi-rewind-ten:before,.fi-rewind:before,.fi-rss:before,.fi-safety-cone:before,.fi-save:before,.fi-share:before,.fi-sheriff-badge:before,.fi-shield:before,.fi-shopping-bag:before,.fi-shopping-cart:before,.fi-shuffle:before,.fi-skull:before,.fi-social-500px:before,.fi-social-adobe:before,.fi-social-amazon:before,.fi-social-android:before,.fi-social-apple:before,.fi-social-behance:before,.fi-social-bing:before,.fi-social-blogger:before,.fi-social-delicious:before,.fi-social-designer-news:before,.fi-social-deviant-art:before,.fi-social-digg:before,.fi-social-dribbble:before,.fi-social-drive:before,.fi-social-dropbox:before,.fi-social-evernote:before,.fi-social-facebook:before,.fi-social-flickr:before,.fi-social-forrst:before,.fi-social-foursquare:before,.fi-social-game-center:before,.fi-social-github:before,.fi-social-google-plus:before,.fi-social-hacker-news:before,.fi-social-hi5:before,.fi-social-instagram:before,.fi-social-joomla:before,.fi-social-lastfm:before,.fi-social-linkedin:before,.fi-social-medium:before,.fi-social-myspace:before,.fi-social-orkut:before,.fi-social-path:before,.fi-social-picasa:before,.fi-social-pinterest:before,.fi-social-rdio:before,.fi-social-reddit:before,.fi-social-skillshare:before,.fi-social-skype:before,.fi-social-smashing-mag:before,.fi-social-snapchat:before,.fi-social-spotify:before,.fi-social-squidoo:before,.fi-social-stack-overflow:before,.fi-social-steam:before,.fi-social-stumbleupon:before,.fi-social-treehouse:before,.fi-social-tumblr:before,.fi-social-twitter:before,.fi-social-vimeo:before,.fi-social-windows:before,.fi-social-xbox:before,.fi-social-yahoo:before,.fi-social-yelp:before,.fi-social-youtube:before,.fi-social-zerply:before,.fi-social-zurb:before,.fi-sound:before,.fi-star:before,.fi-stop:before,.fi-strikethrough:before,.fi-subscript:before,.fi-superscript:before,.fi-tablet-landscape:before,.fi-tablet-portrait:before,.fi-target-two:before,.fi-target:before,.fi-telephone-accessible:before,.fi-telephone:before,.fi-text-color:before,.fi-thumbnails:before,.fi-ticket:before,.fi-torso-business:before,.fi-torso-female:before,.fi-torso:before,.fi-torsos-all-female:before,.fi-torsos-all:before,.fi-torsos-female-male:before,.fi-torsos-male-female:before,.fi-torsos:before,.fi-trash:before,.fi-trees:before,.fi-trophy:before,.fi-underline:before,.fi-universal-access:before,.fi-unlink:before,.fi-unlock:before,.fi-upload-cloud:before,.fi-upload:before,.fi-usb:before,.fi-video:before,.fi-volume-none:before,.fi-volume-strike:before,.fi-volume:before,.fi-web:before,.fi-wheelchair:before,.fi-widget:before,.fi-wrench:before,.fi-x-circle:before,.fi-x:before,.fi-yen:before,.fi-zoom-in:before,.fi-zoom-out:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-webkit-text-decoration:inherit;text-decoration:inherit;font-family:foundation-icons;font-style:normal;font-weight:400;line-height:1;display:inline-block}.fi-address-book:before{content:""}.fi-alert:before{content:""}.fi-align-center:before{content:""}.fi-align-justify:before{content:""}.fi-align-left:before{content:""}.fi-align-right:before{content:""}.fi-anchor:before{content:""}.fi-annotate:before{content:""}.fi-archive:before{content:""}.fi-arrow-down:before{content:""}.fi-arrow-left:before{content:""}.fi-arrow-right:before{content:""}.fi-arrow-up:before{content:""}.fi-arrows-compress:before{content:""}.fi-arrows-expand:before{content:""}.fi-arrows-in:before{content:""}.fi-arrows-out:before{content:""}.fi-asl:before{content:""}.fi-asterisk:before{content:""}.fi-at-sign:before{content:""}.fi-background-color:before{content:""}.fi-battery-empty:before{content:""}.fi-battery-full:before{content:""}.fi-battery-half:before{content:""}.fi-bitcoin-circle:before{content:""}.fi-bitcoin:before{content:""}.fi-blind:before{content:""}.fi-bluetooth:before{content:""}.fi-bold:before{content:""}.fi-book-bookmark:before{content:""}.fi-book:before{content:""}.fi-bookmark:before{content:""}.fi-braille:before{content:""}.fi-burst-new:before{content:""}.fi-burst-sale:before{content:""}.fi-burst:before{content:""}.fi-calendar:before{content:""}.fi-camera:before{content:""}.fi-check:before{content:""}.fi-checkbox:before{content:""}.fi-clipboard-notes:before{content:""}.fi-clipboard-pencil:before{content:""}.fi-clipboard:before{content:""}.fi-clock:before{content:""}.fi-closed-caption:before{content:""}.fi-cloud:before{content:""}.fi-comment-minus:before{content:""}.fi-comment-quotes:before{content:""}.fi-comment-video:before{content:""}.fi-comment:before{content:""}.fi-comments:before{content:""}.fi-compass:before{content:""}.fi-contrast:before{content:""}.fi-credit-card:before{content:""}.fi-crop:before{content:""}.fi-crown:before{content:""}.fi-css3:before{content:""}.fi-database:before{content:""}.fi-die-five:before{content:""}.fi-die-four:before{content:""}.fi-die-one:before{content:""}.fi-die-six:before{content:""}.fi-die-three:before{content:""}.fi-die-two:before{content:""}.fi-dislike:before{content:""}.fi-dollar-bill:before{content:""}.fi-dollar:before{content:""}.fi-download:before{content:""}.fi-eject:before{content:""}.fi-elevator:before{content:""}.fi-euro:before{content:""}.fi-eye:before{content:""}.fi-fast-forward:before{content:""}.fi-female-symbol:before{content:""}.fi-female:before{content:""}.fi-filter:before{content:""}.fi-first-aid:before{content:""}.fi-flag:before{content:""}.fi-folder-add:before{content:""}.fi-folder-lock:before{content:""}.fi-folder:before{content:""}.fi-foot:before{content:""}.fi-foundation:before{content:""}.fi-graph-bar:before{content:""}.fi-graph-horizontal:before{content:""}.fi-graph-pie:before{content:""}.fi-graph-trend:before{content:""}.fi-guide-dog:before{content:""}.fi-hearing-aid:before{content:""}.fi-heart:before{content:""}.fi-home:before{content:""}.fi-html5:before{content:""}.fi-indent-less:before{content:""}.fi-indent-more:before{content:""}.fi-info:before{content:""}.fi-italic:before{content:""}.fi-key:before{content:""}.fi-laptop:before{content:""}.fi-layout:before{content:""}.fi-lightbulb:before{content:""}.fi-like:before{content:""}.fi-link:before{content:""}.fi-list-bullet:before{content:""}.fi-list-number:before{content:""}.fi-list-thumbnails:before{content:""}.fi-list:before{content:""}.fi-lock:before{content:""}.fi-loop:before{content:""}.fi-magnifying-glass:before{content:""}.fi-mail:before{content:""}.fi-male-female:before{content:""}.fi-male-symbol:before{content:""}.fi-male:before{content:""}.fi-map:before{content:""}.fi-marker:before{content:""}.fi-megaphone:before{content:""}.fi-microphone:before{content:""}.fi-minus-circle:before{content:""}.fi-minus:before{content:""}.fi-mobile-signal:before{content:""}.fi-mobile:before{content:""}.fi-monitor:before{content:""}.fi-mountains:before{content:""}.fi-music:before{content:""}.fi-next:before{content:""}.fi-no-dogs:before{content:""}.fi-no-smoking:before{content:""}.fi-page-add:before{content:""}.fi-page-copy:before{content:""}.fi-page-csv:before{content:""}.fi-page-delete:before{content:""}.fi-page-doc:before{content:""}.fi-page-edit:before{content:""}.fi-page-export-csv:before{content:""}.fi-page-export-doc:before{content:""}.fi-page-export-pdf:before{content:""}.fi-page-export:before{content:""}.fi-page-filled:before{content:""}.fi-page-multiple:before{content:""}.fi-page-pdf:before{content:""}.fi-page-remove:before{content:""}.fi-page-search:before{content:""}.fi-page:before{content:""}.fi-paint-bucket:before{content:""}.fi-paperclip:before{content:""}.fi-pause:before{content:""}.fi-paw:before{content:""}.fi-paypal:before{content:""}.fi-pencil:before{content:""}.fi-photo:before{content:""}.fi-play-circle:before{content:""}.fi-play-video:before{content:""}.fi-play:before{content:""}.fi-plus:before{content:""}.fi-pound:before{content:""}.fi-power:before{content:""}.fi-previous:before{content:""}.fi-price-tag:before{content:""}.fi-pricetag-multiple:before{content:""}.fi-print:before{content:""}.fi-prohibited:before{content:""}.fi-projection-screen:before{content:""}.fi-puzzle:before{content:""}.fi-quote:before{content:""}.fi-record:before{content:""}.fi-refresh:before{content:""}.fi-results-demographics:before{content:""}.fi-results:before{content:""}.fi-rewind-ten:before{content:""}.fi-rewind:before{content:""}.fi-rss:before{content:""}.fi-safety-cone:before{content:""}.fi-save:before{content:""}.fi-share:before{content:""}.fi-sheriff-badge:before{content:""}.fi-shield:before{content:""}.fi-shopping-bag:before{content:""}.fi-shopping-cart:before{content:""}.fi-shuffle:before{content:""}.fi-skull:before{content:""}.fi-social-500px:before{content:""}.fi-social-adobe:before{content:""}.fi-social-amazon:before{content:""}.fi-social-android:before{content:""}.fi-social-apple:before{content:""}.fi-social-behance:before{content:""}.fi-social-bing:before{content:""}.fi-social-blogger:before{content:""}.fi-social-delicious:before{content:""}.fi-social-designer-news:before{content:""}.fi-social-deviant-art:before{content:""}.fi-social-digg:before{content:""}.fi-social-dribbble:before{content:""}.fi-social-drive:before{content:""}.fi-social-dropbox:before{content:""}.fi-social-evernote:before{content:""}.fi-social-facebook:before{content:""}.fi-social-flickr:before{content:""}.fi-social-forrst:before{content:""}.fi-social-foursquare:before{content:""}.fi-social-game-center:before{content:""}.fi-social-github:before{content:""}.fi-social-google-plus:before{content:""}.fi-social-hacker-news:before{content:""}.fi-social-hi5:before{content:""}.fi-social-instagram:before{content:""}.fi-social-joomla:before{content:""}.fi-social-lastfm:before{content:""}.fi-social-linkedin:before{content:""}.fi-social-medium:before{content:""}.fi-social-myspace:before{content:""}.fi-social-orkut:before{content:""}.fi-social-path:before{content:""}.fi-social-picasa:before{content:""}.fi-social-pinterest:before{content:""}.fi-social-rdio:before{content:""}.fi-social-reddit:before{content:""}.fi-social-skillshare:before{content:""}.fi-social-skype:before{content:""}.fi-social-smashing-mag:before{content:""}.fi-social-snapchat:before{content:""}.fi-social-spotify:before{content:""}.fi-social-squidoo:before{content:""}.fi-social-stack-overflow:before{content:""}.fi-social-steam:before{content:""}.fi-social-stumbleupon:before{content:""}.fi-social-treehouse:before{content:""}.fi-social-tumblr:before{content:""}.fi-social-twitter:before{content:""}.fi-social-vimeo:before{content:""}.fi-social-windows:before{content:""}.fi-social-xbox:before{content:""}.fi-social-yahoo:before{content:""}.fi-social-yelp:before{content:""}.fi-social-youtube:before{content:""}.fi-social-zerply:before{content:""}.fi-social-zurb:before{content:""}.fi-sound:before{content:""}.fi-star:before{content:""}.fi-stop:before{content:""}.fi-strikethrough:before{content:""}.fi-subscript:before{content:""}.fi-superscript:before{content:""}.fi-tablet-landscape:before{content:""}.fi-tablet-portrait:before{content:""}.fi-target-two:before{content:""}.fi-target:before{content:""}.fi-telephone-accessible:before{content:""}.fi-telephone:before{content:""}.fi-text-color:before{content:""}.fi-thumbnails:before{content:""}.fi-ticket:before{content:""}.fi-torso-business:before{content:""}.fi-torso-female:before{content:""}.fi-torso:before{content:""}.fi-torsos-all-female:before{content:""}.fi-torsos-all:before{content:""}.fi-torsos-female-male:before{content:""}.fi-torsos-male-female:before{content:""}.fi-torsos:before{content:""}.fi-trash:before{content:""}.fi-trees:before{content:""}.fi-trophy:before{content:""}.fi-underline:before{content:""}.fi-universal-access:before{content:""}.fi-unlink:before{content:""}.fi-unlock:before{content:""}.fi-upload-cloud:before{content:""}.fi-upload:before{content:""}.fi-usb:before{content:""}.fi-video:before{content:""}.fi-volume-none:before{content:""}.fi-volume-strike:before{content:""}.fi-volume:before{content:""}.fi-web:before{content:""}.fi-wheelchair:before{content:""}.fi-widget:before{content:""}.fi-wrench:before{content:""}.fi-x-circle:before{content:""}.fi-x:before{content:""}.fi-yen:before{content:""}.fi-zoom-in:before{content:""}.fi-zoom-out:before{content:""}.psv-tree{list-style:none}.psv-tree-node{width:100%}.psv-tree-node .psv-tree-node{margin:0 var(--dims-padding)}.psv-tree-node header,.psv-tree-node p{padding:var(--dims-padding-dense)}.psv-tree-node--selected{background-color:var(--colors-selected)}.psv-tree-node--focused{background-color:var(--colors-highlight)}.psv-tree-node header,.psv-tree-node--leaf{cursor:pointer}:is(.psv-tree-node header,.psv-tree-node--leaf):hover{background-color:var(--colors-highlight)}.psv-tree-node>header .expander{padding-right:.2em;font-weight:900;display:inline-block}.psv-tree-node header h2,.psv-tree-node header h2:before{font-size:1.2em;display:inline-block}.psv-tree-node header h2:before{padding-right:.4em;font-size:.8em}.psv-tree-node:last-child{margin-bottom:var(--dims-padding)}.psv-tree-node>.psv-tree{padding-left:1em}#music-library{padding:var(--dims-padding-dense);grid-template-rows:auto 1fr auto;display:grid}#music-library.searching .psv-tree>.psv-tree-node>header .expander:after{padding-left:var(--dims-padding);font-family:foundation-icons;display:inline-block}#music-library.searching .psv-tree>.psv-tree-node.album>header .expander:after{content:""}#music-library.searching .psv-tree>.psv-tree-node.artist>header .expander:after{content:""}.search-controls{width:100%;margin-bottom:var(--dims-padding)}.search-controls input{width:100%}.sort-mode{margin-top:var(--dims-padding)}#music-library>.tree-area{text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden auto}#music-library>.tree-area>:last-child{padding-bottom:var(--dims-bottom-spacing)}.slider-highlight[data-v-6bb45eb4]{background-color:var(--colors-success);height:100%}.slider-highlight-wrapper[data-v-6bb45eb4]{background-color:var(--colors-selected);width:100%;height:100%}.slider[data-v-6bb45eb4]{border:2px solid var(--colors-highlight)}#playback-footer>.main-footer{background-color:var(--colors-primary);padding:var(--dims-padding);grid-gap:var(--dims-padding);grid-template-rows:1fr;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}#playback-footer>.main-footer .now-playing{grid-template-columns:auto 1fr auto;grid-auto-flow:column;display:grid}#playback-footer>.main-footer .now-playing .playback-cover-art{max-height:2em}#playback-footer>.main-footer .now-playing .playback-cover-art img{margin:var(--dims-padding-dense) var(--dims-padding) var(--dims-padding-dense) 0;max-width:2em;max-height:2em}#playback-footer>.main-footer .now-playing .track-title{display:block}#playback-footer>.main-footer .now-playing .artist-title:after{content:" - "}#playback-footer>.main-footer .now-playing .playback-information{margin:auto}#playback-footer>.main-footer .now-playing .current-time:after{content:" / "}#playback-footer>.main-footer .button-group{grid-column-gap:var(--dims-padding);grid-auto-flow:column;justify-content:center;display:grid}#playback-footer>.main-footer button{border:2px solid #0000;border-radius:50%;width:2em;height:2em;padding:0;font-size:1.2em}#playback-footer>.main-footer button:hover,#playback-footer>.main-footer button:active,#playback-footer>.main-footer button.active{border:2px solid var(--colors-primary-bright)}#playback-footer>.main-footer .playback-controls{grid-column:2}#playback-footer>.main-footer .after-playback-controls{grid-auto-flow:column;justify-content:space-between;align-items:center;display:grid}#playback-footer>.main-footer .after-playback-controls button{padding:0}#playback-footer>.main-footer .extra-controls{justify-content:start}#playback-footer>.main-footer .extra-controls button{width:1.5em;height:1.5em}#playback-footer>.main-footer .volume-input-number{width:6em}#playback-footer .scrubber .slider{border:0;height:.3em}#playback-footer .scrubber .slider:hover{height:1em}#playback-footer .gui-volume{grid-gap:var(--dims-padding);grid-auto-flow:column;align-items:center;display:grid}#playback-footer .gui-volume i:before{line-height:inherit}#playback-footer .gui-volume .slider{border:0;width:5em;height:1.2em}#playback-footer .gui-volume .slider .slider-highlight-wrapper{clip-path:polygon(0 100%,100% 0,100% 100%)}ul[data-v-9e80992b]{list-style-type:none}label[data-v-9e80992b]{padding:var(--dims-padding-dense);display:inline-block}.playlist__queue-wrapper{grid-template:auto 1fr/1fr auto;align-items:start;width:100%;display:grid}.playlist__queue-wrapper--dragover{border:3px dashed var(--colors-text)}.playlist__queue-wrapper--dragover .playlist__queue{border-bottom:3px dashed var(--colors-text)}.playlist__column-picker{z-index:1;padding:var(--dims-padding-dense);grid-area:1/2;position:sticky;top:2em}.playlist__column-picker button{width:100%}.playlist__column-picker--picking{padding:var(--dims-padding);background-color:var(--colors-background);border:1px solid #fff}.playlist__queue{padding:var(--dims-padding);border-collapse:collapse;margin-bottom:var(--dims-bottom-spacing);grid-area:1/1/3/3}.playlist__queue th{padding:var(--dims-padding-dense);background-color:var(--colors-background);text-align:left;position:sticky;top:1.8em}.playlist__queue th:after{content:"";border-bottom:1px solid #fff;width:100%;position:absolute;bottom:0;left:0}.playlist__queue td{padding:var(--dims-padding-dense);border:0}.playlist__queue tr:nth-child(2n){background:var(--colors-background-alt)}.playlist__queue tbody tr{cursor:pointer}.playlist__queue tbody tr.playlist__track--playing{background:var(--colors-active);font-style:italic;font-weight:700}.playlist__queue tbody tr.playlist__track--selected{background:var(--colors-selected)}.playlist__queue tbody tr.playlist__track--dragover{border-top:3px dashed var(--colors-text)}.playlist__queue tbody tr:hover,.playlist__queue tbody tr.playlist__track--focused{background:var(--colors-highlight)}.playlist__queue tbody tr .playlist__track__cell--focused{background:var(--colors-highlight);outline:2px solid #fff}.playlist__drag-info{color:#000;border-radius:var(--dims-border-radius-subtle);background-color:#fff;max-height:5em;position:absolute;top:-1000px;left:-1000px;overflow:hidden}.playlist__drag-info ul{list-style-type:none}.playlist-picker{background-color:var(--colors-primary);height:1.8em;position:sticky;top:0}.playlist-picker.overflowing{padding-left:25px;padding-right:50px}.playlist-picker ul{justify-content:flex-start;align-items:stretch;height:100%;display:flex;overflow-x:hidden}.playlist-picker li{background-color:var(--colors-background-alt);padding:var(--dims-padding-dense) var(--dims-padding);border-left:2px solid var(--colors-highlight);grid-gap:var(--dims-padding);color:var(--colors-text);vertical-align:bottom;cursor:pointer;flex-shrink:0;grid-auto-flow:column;justify-content:center;align-items:start;display:grid}.playlist-picker li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-picker .floating-controls{z-index:1;grid-auto-flow:column;height:100%;display:grid;position:absolute;top:0}.playlist-picker .floating-controls.floating-controls-right{border-left:2px solid var(--colors-highlight);right:0}.playlist-picker .floating-controls.floating-controls-left{border-right:2px solid var(--colors-highlight);left:0}.playlist-picker .floating-controls>button{background-color:var(--colors-background);height:100%;padding:var(--dims-padding-dense) var(--dims-padding);border-width:0 2px;border-radius:0}.playlist-picker__playlist--active{background-color:var(--colors-background)!important}.playlist-picker__playlist--playing{font-style:italic;font-weight:700}.playlist-picker__playlist button{color:var(--colors-text);cursor:pointer;background:0 0;border:0;padding:0}#playlist[data-v-b77b5977]{padding:var(--dims-padding-dense);padding-top:0;overflow-y:scroll}#playback-screen{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(25%,30em) minmax(75%,1fr);display:grid}#playback-screen .drag-counter{color:#000;border-radius:var(--dims-border-radius-subtle);background-color:#fff;position:absolute;top:-1000px;left:-1000px}#music-library{grid-area:1/1}#playlist{grid-area:1/2/auto/3}#playback-footer{grid-area:2/1/auto/3}#login-form{width:30em;margin:1em auto}#login-form .server-test{border-radius:var(--dims-border-radius-subtle);padding:var(--dims-padding-dense);margin:var(--dims-padding) 0}#login-form .server-test-testing{background:var(--colors-info)}#login-form .server-test-failed{background:var(--colors-error);color:var(--colors-text-dark)}#login-form .server-test-success{background:var(--colors-success);color:var(--colors-text-dark)}#login-form label,#login-form input{width:100%;display:block}#login-form input{margin-bottom:1em}.notification-grid[data-v-bbecb434]{pointer-events:none;grid-template-columns:auto;justify-content:center;margin-top:1em;display:grid}.notification[data-v-bbecb434]{padding:var(--dims-padding);border-radius:var(--dims-border-radius);pointer-events:auto;grid-template-columns:1fr 1.5em;width:60em;max-width:80vw;display:grid}.notification-default[data-v-bbecb434]{background-color:var(--colors-info)}.notification-success[data-v-bbecb434]{background-color:var(--colors-success);color:var(--colors-text-dark)}.notification-error[data-v-bbecb434]{background-color:var(--colors-error);color:var(--colors-text-dark)}.dialog[data-v-3eaad791]{max-width:60em;padding:var(--dims-padding);border-radius:var(--dims-border-radius);background-color:var(--colors-background);border:2px solid var(--colors-primary);pointer-events:auto;margin:1em auto}.dialog>header[data-v-3eaad791]{grid-template-columns:1fr auto;grid-auto-flow:column;display:grid}.close-icon[data-v-3eaad791]{cursor:pointer}.download-type[data-v-5fc7a8d1]{grid-gap:var(--dims-padding);grid-auto-flow:column;place-content:center start;display:grid}.download-type button[data-v-5fc7a8d1]{margin-right:1em}#app{grid-template-rows:auto minmax(0,1fr);width:100vw;height:100vh;display:grid}.loading-spinner-icon:before{animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-spinner{grid-area:2/1/3/2;align-content:start;display:grid}#loading-spinner h1{font-size:3em}#loading-spinner p,#loading-spinner h1{margin:auto}#app-header{background-color:var(--colors-primary);padding:var(--dims-padding);grid-area:1/1;grid-template-columns:1fr auto;display:grid}#app-header div{grid-gap:1em;grid-auto-flow:column;justify-content:start;align-items:center;display:grid}#app-header .settings-icon{cursor:pointer}.notification-outlet{pointer-events:none;z-index:10;grid-area:1/1/3}#dialog-container{pointer-events:none;z-index:5;grid-area:1/1/3}.screen-root{grid-area:2/1}