.SearchBar-source{float:inline-end;height:100%;margin:0 5px}.SourcePickerElement{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:36px}.SourcePickerElement--active{float:inline-start;width:48px}:root{--source-picker-width:calc(48px + 24px)}.SourcePicker{width:var(--source-picker-width)}.SourcePicker-active{cursor:pointer;width:100%;height:100%;padding:0}.SourcePicker-arrow{height:100%}.SourcePicker-list{width:var(--source-picker-width)}.SourcePicker-item{cursor:pointer;width:100%;padding:5px}.ImportPanel{height:100%}.ImportPanel-loading{width:25%;margin:auto}.ImportPanel-body{height:calc(100% - 54px)}.ImportPanelHeader{justify-content:space-between;height:54px;font-size:14pt;line-height:54px;display:flex}.ImportPanelHeader-content{flex-grow:1;padding-left:15px}.ImportSourceBlock-image{max-width:100%;max-height:50px;margin:auto auto 16px;display:block}.PlaylistImport{background:var(--background-color);height:100%;overflow:auto}.PlaylistImport-source{width:50%;padding:16px}:root{--playlist-row-height:48px}.PlaylistMenuRow{height:var(--playlist-row-height);line-height:var(--playlist-row-height);cursor:pointer;box-sizing:border-box;justify-content:space-between;width:100%;padding:0 10px;display:flex}.PlaylistMenuRow.is-selected,.PlaylistMenuRow.is-droppable{background:var(--media-list-alternate-color)}.PlaylistMenuRow-ripple{color:var(--media-list-alternate-color)}.PlaylistMenuRow-active-icon{float:inline-start;height:var(--playlist-row-height);margin-inline-end:7px;padding-top:5px;display:block}.PlaylistMenuRow-loading{float:inline-start;width:24px;height:24px;margin:10px 7px 10px 0}.PlaylistMenuRow-title{text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;overflow:hidden}.PlaylistMenuRow-count{color:var(--highlight-color);align-self:flex-end;margin-inline:7px 5px}.PlaylistMenuRow-closeButton{color:#777;width:var(--playlist-row-height);height:var(--playlist-row-height);margin-inline-end:-10px;padding:6px 12px;display:block}.PlaylistMenuRow--create{background-color:var(--highlight-color)}.PlaylistMenuRow--create:hover{background-color:var(--highbright-color)}.PlaylistMenuRow--search{cursor:default}.PlaylistMenuRow--search .PlaylistMenuRow-count{margin-inline-end:0}.PlaylistMenuRow--search .PlaylistMenuRow-title{cursor:pointer;flex-grow:2}.PlaylistMenu{background:var(--overlay-background);height:100%;overflow-y:auto}.NoPlaylists{background:var(--background-color);flex-direction:column;align-items:center;height:100%;padding:16px;display:flex;overflow-y:auto}.NoPlaylists-header{font-weight:700}.NoPlaylists-create{justify-content:center;align-items:flex-start;margin-top:16px;display:flex}.NoPlaylists-icon{color:#fff3;width:240px;height:240px;margin:auto;display:block}.NoPlaylists-block,.NoPlaylists-create .PlaylistImport-source{flex-grow:1;width:320px;max-width:320px;margin:0 16px}.NoPlaylists-create .PlaylistImport-source{padding:0}.PlaylistMeta{justify-content:space-between;align-items:center;height:54px;font-size:14pt;line-height:54px;display:flex}.PlaylistMeta-name{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;padding-inline-start:15px;overflow:hidden}.PlaylistMeta-active{cursor:pointer;justify-content:center;align-items:center;height:100%;padding-inline-end:20px;display:flex}.PlaylistMeta-active.is-active{cursor:default}.PlaylistMeta-possiblyDisabledButtonWrapper{display:flex}.PlaylistMeta-iconButton{color:#555}.PlaylistMeta-iconButton:hover:not(:disabled){color:#fff}.PlaylistPanel-empty{flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 54px);padding:0 20%;display:flex}.PlaylistPanel-emptyIcon{color:#fff3;width:240px;height:240px;max-height:50%}.PlaylistPanel-emptyHeader{font-weight:700}:root{--playlist-filter-input-height:36px}.PlaylistMediaFilter{display:flex}.PlaylistMediaFilter-input{width:180px;color:var(--text-color);height:var(--playlist-filter-input-height);margin-top:calc((54px - var(--playlist-filter-input-height))/2);background:#252727;border:1px solid #252727;border-radius:.25rem;padding:0 8px;font-size:12pt;display:none}.PlaylistMediaFilter-input:focus{border:1px solid var(--highlight-color);outline:none}.PlaylistMediaFilter-input.is-open{display:block}.PlaylistItemRow--dropAbove:before,.PlaylistItemRow--dropBelow:after{content:" ";background:#fff;width:100%;height:3px;display:block;position:absolute}.PlaylistItemRow--dropAbove:before{top:-2px}.PlaylistItemRow--dropBelow:after{bottom:-2px}.PlaylistPanel{background:var(--overlay-background);width:100%;height:100%}.PlaylistPanel-loading{width:25%;margin:auto}.PlaylistPanel-media{height:calc(100% - 54px)}.PlaylistPanel--empty{flex-flow:column;justify-content:center;align-items:center;padding:16px;display:flex}.PlaylistPanel-emptyIcon{color:var(--muted-text-color)}.PlaylistPanel-create{flex-flow:row;justify-content:space-around;align-items:flex-start;width:100%;display:flex}.PlaylistPanel-button,.PlaylistPanel--empty .ImportSourceBlock{flex-grow:1;flex-basis:0;width:auto;padding:16px}.SearchResults-query{text-overflow:ellipsis;white-space:nowrap;height:54px;padding-inline-start:15px;font-size:14pt;line-height:54px;overflow:hidden}.SearchResults-none{flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 54px);display:flex}.SearchResults-noneIcon{color:#fff3;width:240px;height:240px;max-height:50%}.SearchResults-noneHeader{font-weight:700}.SearchResultRow{grid-template-columns:var(--media-row-thumb-width)auto var(--media-row-duration-width)}.SearchResultRow-data{flex-flow:wrap;display:flex}.SearchResultRow-data .MediaListRow-artist{height:66%;width:calc(40% - var(--media-list-spacing));line-height:37.3333px}.SearchResultRow-data .MediaListRow-title{height:66%;width:calc(60% - var(--media-list-spacing));margin-inline-end:0;line-height:37.3333px}.SearchResultRow-inPlaylists{width:100%;line-height:calc(var(--media-row-height)/3);height:34%;font-size:80%}.PlaylistManager{z-index:10;height:100%;position:relative}.PlaylistManager-menu{float:inline-start;width:33%}.PlaylistManager-panel{height:100%;position:absolute;inset-inline:33% 0}@media (min-width:1200px){.PlaylistManager-menu{width:300px}.PlaylistManager-panel{inset-inline-start:300px}}