diff --git a/README.md b/README.md index 2397390..3630612 100644 --- a/README.md +++ b/README.md @@ -1,36 +1,29 @@ -# iTheme (Beta) for [Cider](https://cider.sh/) +# iTheme (Beta) for [Cider](https://cider.sh/) - + -Cider theme based from the Apple Music beta app in MacOS Ventura. +Cider theme based from the Apple Music beta app in MacOS Ventura. Best used with `Mica(beta)` option in settings. +Supports all layouts (Mojave/Mavericks) +Supports both Light and Dark Mode #### iTheme Ecosystem -**Side Plugin: [iVanced (Alpha)](https://github.com/yazninja/ivanced) (Deprecated)** - **Theme Pack: [iTheme++](https://github.com/yazninja/itheme-plus-plus)** --- +### Version 4.0 - Release +iTheme is now in its dormant stage, it will only be getting patch and bug fixes from now on, I removed the (beta) part of iTheme because with your help we have made it to my goal of iTheme. Can't thank you enough! +Changelog: ++ fix large favorite's page artists ++ fix artist page floating header background color in light mode ++ darken volume track on light mode ++ fill heart icon on right click menu ++ fix light theme Add/Remove from library button icon color ++ animation fix (smoother esp for low-end systems) ++ animation tweak for lyrics ++ add iTheme++ icons and font to iTheme (for people who don't read this and new iTheme enjoyers) -### Version 3.2 - Release -+ Recently added page support (reduce spacing between albums) -+ UI overlap fixes -+ Mavericks top bar overhaul (horizontally align stuff) -+ Fix on oversized lyrics in the karaoke styled- fullscreen mode -+ antialiased text -+ Animated Artist Banner Video Filter -+ Playlist page header tweaks -+ New Listen now child Tweaks -+ Fix Lightmode fullscreen song info & progress color -+ Fix Light mode page buttons -+ Fix Lightmode replay button color -+ Disable margin of nav button in Mojave window mode -+ New Fullscreen UI - -**Not Supported Prvious iTheme features (will be re-added soon)** -- Forced Light/Dark Mode -- Inline sidebar Theme Support (use iTheme++) --- ### Gallery diff --git a/index.less b/index.less index 6ea78a5..70c88c3 100644 --- a/index.less +++ b/index.less @@ -4,6 +4,8 @@ @import "theme/mojave.less"; @import "theme/fullscreen.less"; @import "theme/mavericks.less"; +@import "theme/cupertinofont.less"; +@import "theme/cupertinoicns.less"; /* Colors */ @colorMixRate : 1%; @@ -59,6 +61,8 @@ /* Layout */ --contentWidth: calc(100vw - var(--sidebarWidth) - 64px); --sidebarWidth: 225px; + + --appleEase: cubic-bezier(.2, .2, 0, 1); } @media (prefers-color-scheme: dark) { @@ -87,60 +91,13 @@ } -// @media (prefers-color-scheme: light) { -// @keyColor : #d60017; -// @ciderColor : #ff2654; -// @baseColor : #fff; -// @baseColorMix : mix(@baseColor, transparent, 100%); -// @sidebarColor : rgba(249, 249, 249, 0); -// @sidebarColorMix : mix(@sidebarColor, transparent, 40%); -// @mediaColor : #fff; -// @mediaColorMix : mix(@mediaColor, transparent, 100%); -// @textColor : #333; -// @textColorLight : #fff; -// @activeTabColor : rgba(250, 88, 106, 0.1); -// @artistHoverColor : rgba(250, 35, 59, 0.8); -// @modalBorderColor : rgba(68, 68, 68, 0.4); -// @modalBorderSubtleColor : hsla(0, 0%, 50%, 0.2); -// @songProgressColor : rgb(184, 184, 184); -// @appBorderColor : hsla(0, 0%, 50%, 0.8); -// @appBorderColor : rgb(221, 221, 221, 0.5); -// @volumeTrackColor : rgba(200, 200, 200, 0.9); -// @volumeThumbColor : #ffffff; -// @contentBorderColor : hsla(0, 0%, 50%, 0.4); -// @contentWidth : calc(100vw - 346px); -// @categoriesColor : rgba(50, 50, 50, 0.5); -// @mediaContainerColor : #fefefe; - -// .app-chrome-item.display--large>button, -// .queue { -// filter: invert(0.8); -// } - -// .app-chrome-item.playback-controls:empty { -// border: 1px solid @appBorderColor !important; - -// &::before { -// border-right: 1px solid @appBorderColor !important; -// } -// } - -// } - - - - - - /**** LAYOUT ****/ - .bg-artwork--placeholder { background: transparent; } #app-main { - // background-color: var(--sidebarColorMix); background-color : transparent; -webkit-font-smoothing: antialiased; @@ -163,8 +120,6 @@ width : calc(100% - var(--sidebarWidth)); height : var(--chromeHeight1); backdrop-filter : blur(16px) saturate(180%); - // border-bottom : 1px solid var(--appBorderColor); - // border-left : 1px solid var(--appBorderColor); -webkit-app-region: drag; &:hover { @@ -192,24 +147,6 @@ .vdiv { display: none; } - - // .app-chrome-item:nth-of-type(4) { - // position: absolute; - - // button[title="Show Library"], - // button[data-original-title="Show Library"] { - // transition : margin-left 0.3s var(--appleEase); - // margin-left : 70px; - // -webkit-app-region: no-drag; - // } - - // button[title="Hide Library"], - // button[data-original-title="Hide Library"] { - // transition : margin-left 0.3s var(--appleEase); - // margin-left : 270px; - // -webkit-app-region: no-drag; - // } - // } } .app-chrome--center { @@ -436,7 +373,20 @@ text-align : center; align-items : center; justify-content: center; + &.active:has(.lyricWaiting){ + min-height: calc(32px + 16px); + } + &:has(.lyricWaiting){ + min-height: 16px; + // margin-top: 0px; + // margin-bottom: 0px; + transition: opacity 5s cubic-bezier(0.2, 0.2, 0, 1), min-height 1s cubic-bezier(0.2, 0.2, 0, 1), margin-top 1s cubic-bezier(0.2, 0.2, 0, 1), margin-bottom 1s cubic-bezier(0.2, 0.2, 0, 1) !important; + } + &:last-of-type{ + margin-bottom: 40vh; + } } + } .lyric-footer { @@ -829,6 +779,11 @@ aspect-ratio: 16/9; } } + &.mediaitem-small { + height: auto; + aspect-ratio: 12/13; + max-width: calc(var(--contentWidth) / 6.1); + } } .search-input { @@ -1146,7 +1101,7 @@ @media screen and (max-width: 1150px) { .well.itemContainer.collection-list-square { - grid-template-columns: repeat(5, minmax(150px, 1fr)); // nah wait this works like its good, no scrolling bug for this... lemee show + grid-template-columns: repeat(5, minmax(150px, 1fr)); } } @@ -1200,25 +1155,6 @@ transition : 0.1s ease-in-out; } } - - // .cd-mediaitem-list-item { - - // // border-top : 1px solid @contentBorderColor; - // // border-radius : 0; - // &:not(:last-of-type) .info-rect, - // &:not(:last-of-type) .metainfo, - // &:not(:last-of-type) .duration, - // &:not(:last-of-type) .explicit-icon { - // border-bottom: 1px solid var(--contentBorderColor); - // border-radius: 0; - // } - - // .explicit-icon { - // height : 100%; - // background-size : 12px; - // background-position: center; - // } - // } } &.about-page { @@ -1413,7 +1349,7 @@ filter: blur(2px); } - transition : all 0.5s var(--appleEase); + transition : all 0.75s var(--appleEase); } } @@ -1453,7 +1389,7 @@ select.md-select { backdrop-filter : blur(8px); color : var(--textColor); - & .menu-body { + .menu-body { padding: 0; .svg-icon { @@ -1462,7 +1398,7 @@ select.md-select { } } - & .menu-option { + .menu-option { border-radius : 0; width : 100%; padding-inline-start: 14px; @@ -1483,6 +1419,11 @@ select.md-select { } } + .menu-header-body { + button[title="Unlove"] .svg-icon, button[data-original-title="Unlove"] .svg-icon { + --url: url(icons/heart.svg) !important; + } + } } .settings-panel { diff --git a/olditheme.bak b/olditheme.bak deleted file mode 100644 index eb8c4e2..0000000 --- a/olditheme.bak +++ /dev/null @@ -1,2290 +0,0 @@ -:root, -:root.dark { - --checked: rgb(77, 202, 77); - - #app { - --color1 : rgba(37, 37, 38, 0.2); - --color2 : rgba(31, 31, 31, 0.6); - --color3 : rgba(31, 31, 31, 0.75); - --fontStyle : : "Pretendard Variable", "Inter var experimental", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - font-family : var(--fontStyle); - --textColor : white !important; - --textColorLight : white; - --textColorLighter : #ccc; - --keyColor : #fa586a; - --buttonAccent : #d60017; - --buttonAccentPressed : #bb0000; - --border : 1px solid rgba(68, 68, 68, 0.4); - --topBarColor : rgba(45, 45, 45, 0.25); - --linearGradient : linear-gradient(-90deg, transparent 0%, black 10%, black 90%, transparent 100%); - --mediaBarColor : rgba(0, 0, 0, 0.3); - --songProgressColor : #b8b8b8; - --blurSmall : 8px; - --blurMedium : 32px; - --mediaItemShadow-Shadow : 4px 4px 4px rgba(0, 0, 0, 0.15); - --artistHoverColor : rgba(250, 35, 59, 0.8); - --menuBackgroundColor : rgba(36, 36, 36, 0.5); - --selectBackground : #333; - --selectBorder : 1px solid rgba(100, 100, 100, 0.2); - --UIKitWhite : white; - --UIKitWhiteTextColor : #333; - --UIKitBlack : rgba(0, 0, 0, 0.2); - --UIKitBlackTextColor : rgba(255, 255, 255, 0.5); - --UIKitSelected : rgba(200, 200, 200, 0.15); - --UIKitShadow : 0px 0px 36px 0px rgba(0, 0, 0, 0.3); - --checked : rgb(77, 202, 77); - --searchBarBackgroundColor: rgba(0, 0, 0, 0.3); - --searchBackgroundColor : rgba(31, 31, 31, 0.6); - --activeTabColor : rgba(250, 88, 106, 0.1); - --oddItemsAccentCOlor : rgb(255 255 255 / 0.03); - --sidebarIconColor : rgba(255, 255, 255, 0.5); - --volumeThumbColor : rgb(80, 80, 80); - --volumeTrackColor : rgba(200, 200, 200, 0.5); - --playlistButtonColor : rgba(100, 100, 100, 0.5); - --userHoverColor : rgba(100, 100, 100, 0.2); - --modalContentColor : rgba(36, 36, 36, 0.4); - --modalHeaderColor : rgba(0, 0, 0, 0.3); - - .fullscreen-view .tab-toggles div { - width : 5vh; - height : 5vh; - padding : 1.6vh; - margin-bottom: 100px; - border-radius: 5px; - - &.active { - background-color: var(--UIKitSelected); - } - } - - .fullscreen-view .tab-toggles div:hover { - background-color : var(--selected); - transition-duration: 0.2s; - } - - .fullscreen-view .tab-toggles { - bottom: 2vh; - right : 2vh; - } - - // Use Filled Heart icon in pop up windows - button[title="Unlove"]>.sidebar-icon>.svg-icon, - button[data-original-title="Unlove"]>.sidebar-icon>.svg-icon { - --url : none !important; - background : url('icons/heart.svg'); - background-size: contain; - } - - - .usermenu-container .usermenu-body { - background-color: var(--menuBackgroundColor); - - .app-sidebar-button { - background: var(--userHoverColor); - color : var(--textColor); - } - - .usermenu-item { - color: var(--textColorLighter); - - svg { - color: var(--keyColor); - } - - &:hover { - background: var(--keyColor); - color : var(--textColorLight); - - svg { - color: var(--textColorLight); - } - } - } - } - - .menu-panel .menu-panel-body { - background-color: var(--menuBackgroundColor); - backdrop-filter : blur(var(--blurSmall)); - color : var(--textColor); - - & .menu-body { - padding: 0; - } - - & .menu-option { - border-radius : 0; - width : 100%; - padding-inline-start: 14px; - padding-block : 10px; - - &::before { - --sizeX : 0px; - --sizeY : 0px; - border-radius: 0; - } - - +.menu-option { - margin-top: -1px; - } - - &:not(:last-of-type) { - border-bottom: 1px solid var(--selected); - } - - } - } - - .modal-fullscreen { - background: var(--searchBackgroundColor); - - .modal-window { - backdrop-filter: blur(var(--blurSmall)); - background : transparent; - - .castPlayIndicator { - fill: var(--keyColor); - } - - .modal-header, - .md-footer, - .modal-lowercontent, - .modal-search { - background : var(--modalHeaderColor); - color : var(--textColor); - font-weight: bold; - - .search-input--icon { - filter: invert(1); - } - } - - .close-btn { - filter: invert(0.8); - - &:hover { - filter: invert(0); - } - } - - .md-select { - background: var(--selectBackground); - border : var(--selectBorder); - color : var(--textColor); - - option, - optgroup { - background: var(--selectBackground); - } - } - - .modal-content { - backdrop-filter: blur(var(--blurSmall)); - background : var(--modalContentColor); - color : var(--textColor); - box-shadow : none; - - input[type="number"] { - background: var(--searchBarBackgroundColor); - color : var(--textColor); - } - - .sidebar-playlist { - .app-sidebar-item.app-sidebar-item-playlist { - color: var(--textColor); - } - - .sidebar-icon>svg { - color: var(--sidebarIconColor); - } - - &:hover { - background-color: var(--keyColor); - - .app-sidebar-item, - div>svg { - color: var(--textColorLight); - } - } - } - - - .playlist-item { - background: var(--modalContentColor); - color : var(--textColor); - - &:hover { - background: var(--keyColor); - color : var(--textColorLight); - } - } - } - - .md-btn, - .md-btn-block { - background: var(--keyColor); - color : var(--textColorLight); - } - } - } - - .app-sidebar-button.active { - background: rgb(255 255 255 / 80%) !important; - animation : usermenuBtnClick 0s cubic-bezier(0.36, 0, 0.66, -0.56) !important; - } - } - - #app:not(.macosmenu) { - .app-chrome { - - & .app-chrome-item .shuffle { - margin-left: 4vw; - } - - .app-chrome--left { - width: 65%; - - .app-mainmenu::before { - content : ""; - background-image: var(--cvar-userprofileimg, url('/assets/cider-round.svg')); - position : absolute; - top : -1px; - left : 2px; - width : 37px; - height : 37px; - border-radius : 50%; - background-size : contain; - z-index : -1; - } - - .app-mainmenu { - background-image: none; - padding-right : 120px; - border-radius : 10px; - outline : none; - - &:focus { - background-image: none; - // padding: 10px; - border-radius : 10px; - outline : none; - - } - - &:active { - background-image: none; - outline : none; - } - } - - .app-mainmenu::after { - content : "Cider"; - font-size : 2em; - font-weight: bold; - color : var(--textColorLighter); - margin-left: 40px; - } - - & .app-chrome-item:nth-of-type(2) { - margin-left: 15px; - } - } - - .app-chrome--center { - .app-chrome-item.playback-controls { - width : 90%; - max-width : 550px; - background-color: var(--mediaBarColor); - } - } - - .window-controls { - width: 100px; - } - } - - .usermenu-body { - backdrop-filter : blur(var(--blurSmall)) !important; - background-color: var(--color2); - position : relative; - top: var(--chromeHeight); - } - } - - // Mac-like Window controls - #app.macosemu { - - // Make User menu appear on right - .usermenu-body { - background-color: var(--color2); - backdrop-filter : blur(var(--blurSmall)); - position : relative; - left : calc(100vw - 260px); - top: var(--chromeHeight); - } - - .app-chrome { - .app-chrome--left { - width: 100%; - } - - .app-chrome--right { - width: 80%; - } - - .app-chrome--center { - .app-chrome-item.playback-controls { - width : 90%; - max-width: 550px; - } - } - - & .app-chrome-item:nth-of-type(2):not(.generic) { - margin-left: 75px; - } - - & .app-chrome-item .shuffle { - margin-left: 4vw; - } - - .app-chrome-item .window-controls-macos { - position: relative; - left : 20px; - - div { - height : 13px !important; - width : 13px !important; - border-radius : 50%; - margin : 0px; - -webkit-app-region: no-drag; - background-image : unset; - position : absolute; - cursor : pointer; - box-shadow : none; - transition : background-color 0.7s var(--appleEase); - - // set color - &.minimize { - background-color: rgb(255, 189, 76) !important; - margin-left : 2px; - left : 22px; - top : 50%; - transform : translate(0, -50%); - } - - &.minmax { - background-color: rgb(77, 202, 77) !important; - left : 46px; - top : 50%; - transform : translate(0, -50%); - } - - &.close { - background-color: rgb(255, 92, 92) !important; - margin-left : 2px; - left : 0; - top : 50%; - transform : translate(0, -50%); - } - } - } - - // set icons on hover - & .app-chrome-item:hover { - .minimize { - background-image : url('icons/minimize.svg') !important; - background-size : 13px 13px; - // background-position: center; - background-repeat : no-repeat; - } - - .minmax { - background-image : url('icons/minmax.svg') !important; - background-size : 10px 10px; - background-position: center; - background-repeat : no-repeat; - } - - .minmax.restore { - background-image : url('icons/maxmin.svg') !important; - background-size : 12px 12px; - // background-position: center; - background-repeat : no-repeat; - } - - .close { - background-image : url('icons/close.svg') !important; - background-size : 13px 13px; - // basckground-position: inherit; - background-repeat : no-repeat; - } - } - } - } - - #app.twopanel { - #app-sidebar { - z-index: 3; - } - - #app-content { - z-index : 1; - height : 100vh; - margin-top: calc(-1 * var(--chromeHeight1)); - - .content-inner { - padding-bottom: 100px; - z-index : 1; - } - } - - .app-navigation { - height: calc(100% - var(--chromeHeight1)); - } - - .app-drawer { - height : calc(100% - var(--chromeHeight2) + var(--chromeHeight1)); - margin-top: calc(-1 * var(--chromeHeight1)); - } - - .app-chrome { - z-index : 5; - background: transparent; - - &::before { - display: none; - } - - .app-mainmenu { - z-index: 5; - } - - &.chrome-bottom { - position : fixed; - bottom : 0; - width : calc(100vw - 260px); - margin-left : 260px; - background-color: rgba(30, 30, 30, 0.3); - backdrop-filter : blur(32px); - - .app-chrome-item:nth-of-type(2):not(.generic) { - margin-left: 0; - } - - .app-chrome--left { - width: 20%; - - .artwork { - margin : 10px; - width : 60px; - height : auto; - aspect-ratio : 1; - border-radius: 10%; - - img { - border-radius: 10%; - } - } - - .playback-info { - width : 100%; - margin-left: 30px; - } - } - - .app-chrome--right { - width: auto; - - .app-chrome-item.volume { - margin-right: 0; - } - } - } - } - - } - - #app-main { - color: var(--textColor); - - // Mac Style side-menu - #app-sidebar { - background-color: transparent; - - .app-sidebar-item { - font-size: 15px; - padding : 4px 12px; - color : var(--textColor); - - &:not(.app-sidebar-item-playlist) .feather { - color: var(--keyColor); - } - - .feather { - color: var(--sidebarIconColor); - } - - &.active { - background: var(--activeTabColor); - } - } - - .app-sidebar-item.active::after { - height: 50%; - filter: drop-shadow(0px 2px 4px rgb(0 0 0 / 50%)); - filter: drop-shadow(0px 2px 4px rgb(0 0 0 / 50%)); - } - - .app-sidebar-header { - padding-top: calc(var(--chromeHeight) + 11px); - } - - .app-sidebar-header-text:not(:first-child) { - font-size : 10px; - padding-top: 15px; - } - - .search-input--icon { - background-size: 15px; - z-index : 5; - } - - .search-input { - background : var(--searchBarBackgroundColor); - color : var(--textColor); - filter : saturate(0); - padding : 10px; - padding-left : 32px; - border-radius: 5px; - border : var(--selectBorder); - z-index : 4; - } - - .search-hints-container .search-hints { - background-color: var(--searchBackgroundColor); - backdrop-filter : blur(var(--blurSmall)); - - .search-hint { - color: var(--textColor); - - &:hover { - background: var(--buttonAccent); - color : var(--textColorLight); - } - } - } - } - .app-navigation { - height: calc(100% - var(--navigationBarHeight)); - } - - #app-content { - border-radius: 0px; - border : var(--border); - } - - .app-chrome { - position : fixed; - z-index : 6; - background: transparent; - - .app-chrome-item { - -webkit-app-region: drag; - - svg, - button { - transform : scale(1); - transition: transform 0.2s ease-in-out; - } - - &:hover { - - svg, - button { - transform : scale(1.2); - transition: transform 0.2s ease-in-out; - } - - } - - button, - .volume, - input[type="range"] { - -webkit-app-region: no-drag !important; - } - } - - .vdiv { - display: none; - } - - .app-chrome--left { - // margin-left: 150px; - - .app-chrome-item.full-height { - position: relative; - // left: calc(100vw - 290px); - z-index : 100; - - &:first-child { - // width:35px; - // margin-left: 75px; - } - } - } - - // Display Cider Logo when player is empty - .app-chrome-item.playback-controls:empty { - background-image : url('/assets/cider-round.svg'); - background-repeat : no-repeat; - background-size : 7%; - background-position: center; - - } - - .app-chrome--right { - // margin-right: -20px; - z-index: 7; - } - - &::before { - content : ""; - position : absolute; - top : 0; - right : 0; - width : calc(100% - 260px); - height : var(--chromeHeight1); - background-color: var(--topBarColor); - z-index : 6; - border-left : var(--border); - // border-bottom : var(--border); - backdrop-filter : blur(var(--blurSmall)); - } - - .app-chrome--center, - .app-chrome--left, - .app-chrome-item { - z-index: 7; - - // change Cider Logo to profile picture - .app-mainmenu, - .app-mainmenu.active { - background : var(--cvar-userprofileimg, url('/assets/cider-round.svg')); - border-radius : 50%; - background-repeat: no-repeat; - width : 35px; - height : 35px; - background-size : contain; - } - } - - .app-chrome-item.volume { - width : 110px; - max-width : 110px; - margin-right: 1vw; - - input[type="range"] { - background-color: transparent; - height : 20px; - - &::-webkit-slider-runnable-track { - background : var(--volumeTrackColor); - filter : none !important; - height : 4px; - border-radius: 4px; - - } - - &::-webkit-slider-thumb { - position : relative; - border : 1px solid var(--volumeTrackColor); - background: var(--volumeThumbColor); - margin-top: -6px; - - } - - } - } - - // Mac Style Player Controls - .app-playback-controls { - height : 98%; - backdrop-filter: blur(0px); - border-radius : 5px; - width : 100%; - - .artwork { - width : 50px; - height : 50px; - margin-left : 0px; - margin-right : -2.25px; - margin-bottom: 0px; - margin-top : 0px; - border-radius: 5px; - position : absolute; - left : 0px; - - .mediaitem-artwork { - border-radius: 5px; - - } - } - - .song-progress { - bottom : -4px; - right : 1px; - left : 2.5px; - z-index : 30; - overflow: hidden; - - input[type="range"] { - border-radius: 0px; - - &::-webkit-slider-thumb { - border-radius: 3px; - width : 7px; - height : 15px; - border : #333 solid 1px; - background : var(--songProgressColor) - } - } - - .song-duration { - margin-left : -1px; - margin-right: 6px; - } - } - - .song-name { - max-width : unset; - width : 100%; - padding-left : 0.5%; - padding-right : 1%; - margin-top : -5px; - // -webkit-mask: linear-gradient(to right, transparent 0%, transparent calc(100% - 1px), #000 calc(100% - 1px), #000 100%); - mask-image : var(--linearGradient); - -webkit-mask-image: var(--linearGradient); - - } - - & div .song-artist-album { - width : 98%; - max-width : unset; - mask-image : var(--linearGradient); - -webkit-mask-image: var(--linearGradient); - - .song-artist-album-content { - font-size: 12px; - // color: #ddd; - } - } - - .actions { - display: none; - } - - .audio-type { - margin-right: 10px; - margin-top : -12px; - } - - .playback-info { - position: absolute; - height : 100%; - left : 50px; - width : calc(100% - 50px); - } - } - } - - // Style Listen Now first row of cards larger - .content-inner { - top: calc(var(--chromeHeight) + var(--navigationBarHeight)); - - .header-text { - margin-left: 0.65rem; - } - - .title-browse-sp { - white-space : nowrap; - overflow : hidden; - text-overflow: ellipsis; - } - - .cd-mediaitem-square.mediaitem-card { - transform : scale(1); - transition: transform 0.2s var(--appleEase) 0.1s; - - &:hover { - transform : scale(1.1); - transition: transform 0.2s var(--appleEase) 0.1s; - } - } - - .cd-mediaitem-square:not(.mediaitem-brick) { - width: 264px; - - .artwork-container .artwork { - width : 240px; - height : initial; - aspect-ratio: 1; - } - - &.mediaitem-video { - width : 320px; - height: 230px !important; - - .artwork-container .artwork { - width : 290px; - height : initial; - aspect-ratio: 16/9; - } - } - } - - .cd-mediaitem-square.mediaitem-brick { - width: 318px; - - .artwork-container .artwork { - height: 163px; - width : 290px; - } - } - - .itemContainer .cd-mediaitem-square-container, - .madeforyou-body .cd-mediaitem-square-container { - padding-right: 20px; - - .mediaitem-video { - max-width: 320px; - width : 290px; - } - } - - .cd-mediaitem-square:not(.mediaitem-card):not(.mediaitem-brick) { - transition : transform .2s var(--appleEase); - transition-delay: .1s; - padding : 12px; - height : 310px; - - .artwork-container, - .info-rect { - transition : transform .22s var(--appleEase); - transition-delay: .05s; - } - - &:hover { - .artwork-container { - transform : scale(1.1); - transition : transform .1s var(--appleEase); - transition-delay: 0s; - transform-origin: center; - } - - .info-rect { - z-index : 1; - transition : transform .1s var(--appleEase); - transition-delay: 0s; - transform : translateY(8px) translate3d(0, 0, 0); - } - } - } - - &:not(.artist-page) .vue-horizontal { - height : 100%; - width : 100%; - overflow-y: visible; - } - - .v-hl-container[data-v-45080727] { - overflow-y: visible; - - &:not(.v-h1-scroll) { - clip-path: none; - } - } - - .cd-hmedia-scroller.hmedia-scroller-card { - height : 21.5vw; - max-height: 410px; - min-height: 360px; - margin-top: -15px; - - .cd-mediaitem-square.mediaitem-card { - // width : 100%; - width : initial; - max-width : none; - max-width : none; - height : 90%; - aspect-ratio : 24/31; - padding-right: 0px; - - - & .artwork-container { - width : 100%; - height: 100%; - - & .artwork { - width : 100%; - height : 100%; - background-size : cover; - background-position: center; - background-repeat : no-repeat; - } - } - - & .title { - font-weight: 650; - } - - & .subtitle { - font-size : 0.95em; - display : -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 3; - overflow : hidden; - max-height : 3.8em; - - } - - & .title+.subtitle { - max-height: none; - margin-top: -0.5em; - } - } - - } - - .cd-mediaitem-square:not(.mediaitem-card) { - & .title+.subtitle { - opacity: 0.7; - } - } - - .heart-icon div { - left : 20px; - top : 22px; - width : 12px; - height : 12px; - margin-top : 3px; - background-color: var(--keyColor) !important; - } - - .heart-unfilled { - opacity: 0; - } - - .cd-mediaitem-list-item:hover { - background-color: rgba(150, 150, 150, 0.3); - - .heart-icon { - display: flex; - } - - .heart-unfilled { - opacity: 1; - } - } - - &.playlist-page { - .playIcon { - margin-left: -10px !important; - } - - .heart-icon { - left: -25px; - } - } - - &.library-page { - .heart-icon { - left: -30px; - } - } - - &.search-page { - .mediaitem-brick .title { - color: var(--textColorLight); - } - } - - &.settings-page { - .md-option-container .md-option-line:not(:last-child) { - border-bottom: var(--selectBorder); - } - } - - &.home-page { - top: 20px; - } - - } - - // Style New Artists Page - .library-artists-page { - .cd-mediaitem-list-item { - .artwork { - box-shadow : 0px 0px 12px var(--mediaBarColor); - border-radius: 50%; - } - - &:hover, - &.active { - background-color: var(--artistHoverColor); - color : #fff; - transition : 0.1s ease-in-out; - } - } - } - - // Style Buttons - .md-btn { - &.md-btn-primary { - background: var(--buttonAccent); - } - - &:not(.md-btn-replay):not(.md-btn-replay--hero):not(.teamBtn):hover { - background: var(--buttonAccentPressed); - } - } - - // Style Select - .md-btn, - .md-select { - color: whitesmoke; - - &:not(.md-btn-primary):not(.md-btn-replay):not(.md-btn-replay--hero) { - background: var(--selectBackground); - border : var(--selectBorder); - color : var(--textColor); - } - - .md-ico-remove { - filter: unset; - } - - .md-ico-add { - filter: unset; - } - - >option, - >optgroup, - optgroup>option { - background: var(--selectBackground); - } - } - - // Style See All/ History Button - .cd-btn-seeall { - color: var(--keyColor); - } - - // Make Static Artist Headers smaller - .artist-page .artist-header { - min-height: 350px; - } - - // Make Static Artist Headers larger - .content-inner.artist-page.animated { - .artist-header { - width : calc(100vw - 260px); - height : calc(100vh - 480px); - overflow: hidden; - position: relative; - - .animated { - position : absolute; - bottom : 0; - margin-top: calc(var(--chromeHeight1)); - height : 30%; - overflow : visible; - box-shadow: none; - - video { - -webkit-mask-image: linear-gradient(0deg, transparent 0%, white 43%, black 55%, black 90%, black 100%); - } - } - } - - .artist-body { - margin-top: -70px; - } - - .more-btn-round { - box-shadow: var(--mediaItemShadow); - - .svg-icon { - background: var(--textColorLight); - } - } - } - - .artist-play { - background: var(--buttonAccent); - } - - .more-btn-round { - box-shadow: var(--mediaItemShadow); - - .svg-icon { - background: var(--keyColor); - } - } - - // increase star size - .popular { - width : 12px; - height : 12px; - margin-top : -2px; - background-size: contain; - left : -25px; - } - - .playlist-page.inline-playlist .playlist-inner { - background : var(--color2); - backdrop-filter: blur(var(--blurSmall)); - - .floating-header { - background : var(--mediaBarColor); - backdrop-filter: blur(var(--blurMedium)); - } - } - - .playlist-page { - .playlist-display { - box-shadow: 0px 0px 12px 4px rgb(0 0 0 / 30%); - } - - // .playlist-display .playlist-controls { - // button:nth-last-of-type(2) { - // box-shadow: var(--mediaItemShadow); - // background: var(--playlistButtonColor); - // border-radius: 25px; - // margin-left: 10vw; - - // // display: none; - // .md-ico-add { - // background: var(--keyColor); - // } - // } - // } - .artist-chip { - color: var(--textColor); - - .artist-chip__follow { - color : var(--keyColor); - background-color: transparent; - transition : background-color 0.3s 1s var(--appleEase), color 0.3s 1s var(--appleEase); - - &:hover { - background-color: var(--keyColor); - color : var(--textColorLight); - transition : background-color 0.3s var(--appleEase); - } - } - } - - - .well .playlist-time { - margin-top: 40px; - } - - div[draggable="false"] .playlist-time { - margin-top: -20px; - } - } - - // Style new Settings Page UIKit - .settings-page ul[role="tablist"] { - margin-top : 40px; - margin-bottom: 40px; - } - - .nav-link { - color: var(--UIKitBlackTextColor); - - &.active, - &:hover { - color : var(--UIKitWhiteTextColor); - box-shadow : var(--UIKitShadow); - font-weight: bold; - - &:after { - background-color: var(--UIKitWhite); - } - } - } - - .nav-pills { - background-color: var(--UIKitBlack); - border-radius : 25px; - - &:hover { - .nav-link.active { - color : var(--UIKitBlackTextColor); - font-weight: normal; - - &::after { - background-color: var(--UIKitSelected); - } - - &:hover { - color : var(--UIKitWhiteTextColor); - font-weight: bold; - - &:after { - background-color: var(--UIKitWhite); - } - } - } - } - } - - - - // ul[role="tablist"] { - // border-radius : 25px; - // background-color: var(--UIKitBlack); - // .nav-link { - // color:var(--UIKitBlackTextColor); - // &:hover { - // transform: scale(1.3); - // } - // &::after { - // background-color: hsla(0, 0%, 30%, 1); - // } - // } - // .nav-link.active{ - // color: var(--UIKitWhiteTextColor); - // font-weight: bold; - // &::after { - // transform: scale(1.3); - // background-color: var(--UIKitWhite); - // } - // }#content-inner - // } - - input[type=checkbox][switch]:checked { - background-color: var(--checked); - mix-blend-mode : unset; - } - - .cd-mediaitem-list-item:nth-child(odd) { - background: var(--oddItemsAccentCOlor); - } - - .well:not(.artistfeed-well) { - background-color: transparent; - box-shadow : none; - padding-inline : 0; - } - - } - - // Only changing the CSS for the Music Video Container - #apple-music-video-container { - - // Style Captions - #captions:not(:empty) { - color : var(--textColor); - font-size : 1.75rem; - padding-inline: 10px; - padding-block : 5px; - border-radius : 10px; - font-family : 'SF Pro', 'Inter', 'Noto Sans JP', 'Source Han Sans SC', 'Source Han Sans HK', 'Source Han Sans SC', 'Source Han Sans HK', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans HK', 'Noto Sans KR', sans-serif; - margin-top : 6vh; - } - - // AM Web Style Fullscreen Button - #player-fullscreen { - background : url("icons/fullscreen.svg"); - background-size : 50%; - background-position: center; - background-repeat : no-repeat; - filter : opacity(0.6); - // filter: drop-shadow(0px 0px 4px rgb(0 0 0 / 80%)); - background-color : var(--mediaBarColor); - border-radius : 10px; - transition : 0.2s ease-in-out filter; - bottom : 0; - - &:hover { - filter : opacity(1); - transition: 0.2s ease-in-out filter; - } - - svg { - display: none; - } - } - - // AM Web Style PiP Button - #player-pip { - background-color: var(--mediaBarColor); - border-radius : 10px; - bottom : 0; - filter : opacity(0.6); - transition : 0.2s ease-in-out filter; - - &:hover { - filter : opacity(1); - transition: 0.2s ease-in-out filter; - } - } - - .playback-info { - width : 100%; - bottom : 0; - left : 0; - padding : 20px 40px; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%); - } - - input[type="range"] { - align-self : center; - height : 4px; - border-radius: .5rem; - margin-inline: 10px; - } - - p { - color: rgb(255, 255, 255, 1); - } - - .song-artist { - font-size : 1.7rem; - font-weight: bold; - color : rgb(255, 255, 255, 1); - } - - .song-name { - font-size : 1.2rem; - font-weight: bold; - color : rgb(255, 255, 255, 0.8); - } - - .song-progress input[type="range"] { - appearance: initial; - - &::-webkit-slider-thumb { - box-shadow : 0px 0px 0px #000000; - border : 1px solid #39404D; - background : #fff; - height : 0.7rem; - width : 0.7rem; - border-radius : 50%; - cursor : pointer; - -webkit-appearance: none; - } - } - } - - .artist-play { - background: var(--buttonAccent); - } - - .more-btn-round { - box-shadow: var(--mediaItemShadow); - - .svg-icon { - background: var(--keyColor); - } - } - - // increase star size - .popular { - width : 12px; - height : 12px; - background-size: contain; - } - - .playlist-page.inline-playlist .playlist-inner { - background : var(--color2); - backdrop-filter: blur(var(--blurSmall)); - - .floating-header { - background : var(--mediaBarColor); - backdrop-filter: blur(var(--blurMedium)); - } - } - - // Style new Settings Page UIKit - .settings-page ul[role="tablist"] { - margin-top : 40px; - margin-bottom: 40px; - } - - input[type=checkbox][switch]:checked { - background-color: var(--checked); - mix-blend-mode : unset; - } - - .cd-mediaitem-list-item:nth-child(odd) { - background: var(--oddItemsAccentCOlor); - } - - .well:not(.artistfeed-well) { - background-color: transparent; - box-shadow : none; - } - - // Only changing the CSS for the Music Video Container - #apple-music-video-container { - - // Style Captions - #captions:not(:empty) { - color : var(--textColorLight); - font-size : 1.75rem; - padding-inline: 10px; - border-radius : 10px; - font-family : 'SF Pro', 'Inter', 'Noto Sans JP', 'Source Han Sans SC', 'Source Han Sans HK', 'Source Han Sans SC', 'Source Han Sans HK', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans HK', 'Noto Sans KR', sans-serif; - margin-top : 6vh; - } - - .menu-panel .menu-panel-body { - background-color: var(--color2); - backdrop-filter : blur(var(--blurSmall)); - color : var(--textColor); - } - } -} - -:root:not(.dark) { - --checked: rgb(77, 202, 77); - - @media (prefers-color-scheme: light) { - #app { - --color1 : rgba(252, 252, 252, 0); - --color2 : rgba(255, 255, 255, 0.75); - --color3 : rgba(255, 255, 255, 0.8); - --fontStyle : : "Pretendard Variable", "Inter var experimental", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - font-family : var(--fontStyle); - --textColor : rgba(0, 0, 0, 0.88) !important; - --textColorLighter : #333; - --textColorLight : white; - --keyColor : #d60017; - --buttonAccent : #d60017; - --buttonAccentPressed : #bb0000; - --border : 1px solid rgba(68, 68, 68, 0.4); - --topBarColor : rgba(255, 255, 255, 0.35); - --linearGradient : linear-gradient(-90deg, transparent 0%, black 10%, black 90%, transparent 100%); - --mediaBarColor : rgba(255, 255, 255, 1); - --songProgressColor : rgba(0, 0, 0, 0.56); - --songProgressBackground : rgba(0, 0, 0, 0.2); - --blurSmall : 8px; - --blurMedium : 32px; - --mediaItemShadow-Shadow : 4px 4px 4px rgba(0, 0, 0, 0.15); - --artistHoverColor : rgba(250, 35, 59, 0.8); - --menuBackgroundColor : rgba(250, 250, 250, 0.8); - --selectBackground : #eee; - --selectBorder : 1px solid rgba(100, 100, 100, 0.2); - --UIKitWhite : white; - --UIKitWhiteTextColor : #333; - --UIKitBlack : rgba(0, 0, 0, 0.2); - --UIKitBlackTextColor : rgba(50, 50, 50, 0.75); - --UIKitSelected : rgba(200, 200, 200, 0.15); - --checked : rgb(77, 202, 77); - --searchBarBackgroundColor: white; - --searchBackgroundColor : rgba(255, 255, 255, 0.3); - --activeTabColor : rgba(100, 100, 107, 0.25); - --oddItemsAccentCOlor : rgba(0, 0, 0, 0.05); - --userHoverColor : rgba(250, 35, 59, 0.4); - --sidebarIconColor : rgba(30, 30, 30, 0.8); - --volumeThumbColor : var(--textColorLight); - --volumeTrackColor : var(--songProgressColor); - --modalContentColor : rgb(235, 235, 235); - - .menu-panel .menu-panel-body { - background-color: var(--menuBackgroundColor); - backdrop-filter : blur(var(--blurSmall)); - color : var(--textColor); - - .menu-body .svg-icon { - color : var(--keyColor); - --color: var(--keyColor); - } - } - - .modal-fullscreen { - background: var(--searchBackgroundColor); - - .modal-window { - .castPlayIndicator { - fill: var(--keyColor); - } - - .modal-header, - .md-footer, - .modal-lowercontent, - .modal-search { - background : var(--color2); - color : #000; - font-weight: bold; - - .search-input--icon { - filter: invert(1); - } - } - - .close-btn { - filter: invert(0.8); - - &:hover { - filter: invert(0); - } - } - - .md-select { - background: var(--selectBackground); - border : var(--selectBorder); - color : var(--textColor); - - option, - optgroup { - background: var(--selectBackground); - } - } - - .modal-content { - background: var(--modalContentColor); - color : var(--textColor); - box-shadow: none; - - input[type="number"] { - background: var(--searchBarBackgroundColor); - color : var(--textColor); - } - - .sidebar-playlist { - .app-sidebar-item.app-sidebar-item-playlist { - color: var(--textColor); - } - - .sidebar-icon>svg { - color: var(--sidebarIconColor); - } - - &:hover { - background-color: var(--keyColor); - - .app-sidebar-item, - div>svg { - color: var(--textColorLight); - } - } - } - - - .playlist-item { - background: var(--modalContentColor); - color : var(--textColor); - - &:hover { - background: var(--keyColor); - color : var(--textColorLight); - } - } - } - - .md-btn, - .md-btn-block { - background: var(--keyColor); - color : var(--textColorLight); - } - } - } - } - - .fullscreen-view { - --songProgressColor : #b8b8b8; - --songProgressBackground: #555; - --textColorLight : white; - - .artwork-col .app-playback-controls .playback-info>div, - .queue-col { - color: var(--textColorLight); - - .queue-title { - opacity: 1; - } - - .queue-subtitle { - opacity: 0.6; - } - - - .md-btn-primary { - background-color: var(--keyColor) !important; - color : var(--textColorLight) !important; - } - } - } - - .app-sidebar-header-text { - filter: brightness(0); - } - - .sidebar-icon svg:not(.feather) { - color: var(--keyColor); - } - - .modal-dialog { - --menuBackgroundColor: rgba(255, 255, 255, 0.9); - --textColor : #000; - --textColorLighter : #333; - --keyColor : #d60017; - --keyColor-primary : #d60017; - - .modal-content { - background : var(--menuBackgroundColor); - backdrop-filter: blur(8px); - - .modal-header { - // background: var(--color2); - color : var(--textColor); - font-weight: bold; - } - - .modal-body { - color: var(--textColorLighter); - } - - .close { - filter: invert(0.8); - - &:hover { - filter: invert(0); - } - } - } - } - - - .search-hints-container .search-hints { - background-color: rgba(0, 0, 0, 0.05); - color : var(--textColor); - } - - #app.macosemu { - .window-controls-macos div { - box-shadow: 0px 0px 6px 0px rgba(11, 11, 11, 0.25) !important; - } - } - - #app-sidebar { - .search-input--icon { - filter: invert(0.8); - } - } - - #app-main { - background-color: rgba(255, 255, 255, 0.7) !important; - backdrop-filter : blur(var(--blurMedium)); - - .about-page .row .col img[src="assets/banner.png"] { - width : 0; - height : 0; - padding : 250px 0 0 500px; - background : url("icons/banner.png"); - background-size: contain; - } - - .playback-button--small:hover, - .playback-button:hover, - .playback-button--small.active, - .playback-button--small.queue:hover, - .playback-button--small.queue.active, - .playback-button--small.miniplayer:hover, - .playback-button--small.shuffle:hover, - .playback-button--small.repeat:hover { - filter: brightness(0); - } - - .md-btn { - background-color: var(--keyColor) !important; - color : var(--textColorLight) !important; - } - - .settings-page { - .md-btn { - background-color: var(--checked) !important; - } - } - - .playback-button--small:not(.lyrics):not(.cast), - .playback-button, - .volume-button--small, - // .volume, - .nav-item:not(li) { - filter: invert(1) brightness(85); - } - - .playback-button--small.lyrics { - filter: brightness(0.5); - } - - button.volume { - filter: invert(1); - } - - .app-chrome-item .window-controls>div { - filter: invert(0.8); - - &.close:hover { - filter: invert(0); - } - } - - .app-drawer { - background: var(--searchBackgroundColor); - - .lyric-footer { - background: rgba(30, 30, 30, 0.2); - } - - .lyric-line { - color: var(--textColorLighter); - } - - .lyric-line.active .lyricWaiting>div { - background: var(--textColorLighter); - } - } - - input[type="number"], - input[type="text"] { - background: var(--searchBarBackgroundColor); - color : var(--textColor); - border : var(--selectBorder); - } - - .podcasts-page { - .podcasts-search { - background: var(--color2); - - .search-input-container { - filter: invert(0.8); - } - } - } - - .content-inner { - .search-input-container { - filter: invert(0.8); - } - - .reload-btn { - background-color: var(--keyColor); - } - } - - .library-page .library-header { - background: var(--searchBackgroundColor); - - } - - .list-group-item-dark { - background-color: var(--color2); - border : var(--selectBorder); - color : var(--textColor); - border-radius : 0px; - } - - .list-group-item-dark:hover { - background-color: var(--keyColor); - color : var(--textColorLight); - border-radius : 0px; - } - - .popular { - filter: invert(0.65); - } - } - - - - #apple-music-video-container { - --mediaBarColor : rgba(0, 0, 0, 0.3); - --songProgressColor : #b8b8b8; - --songProgressBackground: #333; - - // Style Captions - #captions:not(:empty) { - color : var(--textColorLight); - font-size : 1.75rem; - padding-inline: 10px; - border-radius : 10px; - font-family : 'SF Pro', 'Inter', 'Noto Sans JP', 'Source Han Sans SC', 'Source Han Sans HK', 'Source Han Sans SC', 'Source Han Sans HK', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans HK', 'Noto Sans KR', sans-serif; - margin-top : 6vh; - } - } - - .mini-view .artwork-col .app-playback-controls { - --songProgressColor : #b8b8b8; - --songProgressBackground: #555; - - .song-progress { - bottom : -4px; - right : 1px; - left : 2.5px; - z-index : 30; - overflow: hidden; - - input[type="range"] { - border-radius: 0px; - - &::-webkit-slider-thumb { - border-radius: 3px; - width : 7px; - height : 12px; - border : #333 solid 1px; - background : var(--songProgressColor) - } - } - } - - .playback-info>div { - color: var(--textColorLight); - } - } - } - - body { - background: black !important; - - #micaEffect { - opacity : 0.5; - transition: opacity .20s linear; - filter : saturate(260%) brightness(0.5); - } - - &.stopanimation { - #micaEffect { - opacity: 0; - } - - #app.macosemu { - .app-chrome-item .window-controls-macos div { - background-color: hsl(0, 0%, 50%) !important; - transition : background-color 0.7s var(--appleEase); - } - } - } - } -} - -:root.light { - --checked: rgb(77, 202, 77); - - #app { - --color1 : rgba(252, 252, 252, 0); - --color2 : rgba(255, 255, 255, 0.75); - --color3 : rgba(255, 255, 255, 0.8); - --fontStyle : : "Pretendard Variable", "Inter var experimental", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - font-family : var(--fontStyle); - --textColor : rgba(0, 0, 0, 0.88) !important; - --textColorLighter : #333; - --textColorLight : white; - --keyColor : #d60017; - --buttonAccent : #d60017; - --buttonAccentPressed : #bb0000; - --border : 1px solid rgba(68, 68, 68, 0.4); - --topBarColor : rgba(255, 255, 255, 0.35); - --linearGradient : linear-gradient(-90deg, transparent 0%, black 10%, black 90%, transparent 100%); - --mediaBarColor : rgba(255, 255, 255, 1); - --songProgressColor : rgba(0, 0, 0, 0.56); - --songProgressBackground : rgba(0, 0, 0, 0.2); - --blurSmall : 8px; - --blurMedium : 32px; - --mediaItemShadow-Shadow : 4px 4px 4px rgba(0, 0, 0, 0.15); - --artistHoverColor : rgba(250, 35, 59, 0.8); - --menuBackgroundColor : rgba(250, 250, 250, 0.8); - --selectBackground : #eee; - --selectBorder : 1px solid rgba(100, 100, 100, 0.2); - --UIKitWhite : white; - --UIKitWhiteTextColor : #333; - --UIKitBlack : rgba(0, 0, 0, 0.2); - --UIKitBlackTextColor : rgba(50, 50, 50, 0.75); - --UIKitSelected : rgba(200, 200, 200, 0.15); - --checked : rgb(77, 202, 77); - --searchBarBackgroundColor: white; - --searchBackgroundColor : rgba(255, 255, 255, 0.3); - --activeTabColor : rgba(100, 100, 107, 0.25); - --oddItemsAccentCOlor : rgba(0, 0, 0, 0.05); - --userHoverColor : rgba(250, 35, 59, 0.4); - --sidebarIconColor : rgba(30, 30, 30, 0.8); - --volumeThumbColor : var(--textColorLight); - --volumeTrackColor : var(--songProgressColor); - --modalContentColor : rgb(235, 235, 235); - - .menu-panel .menu-panel-body { - background-color: var(--menuBackgroundColor); - backdrop-filter : blur(var(--blurSmall)); - color : var(--textColor); - - .menu-body .svg-icon { - color : var(--keyColor); - --color: var(--keyColor); - } - } - - .modal-fullscreen { - background: var(--searchBackgroundColor); - - .modal-window { - .castPlayIndicator { - fill: var(--keyColor); - } - - .modal-header, - .md-footer, - .modal-lowercontent, - .modal-search { - background : var(--color2); - color : #000; - font-weight: bold; - - .search-input--icon { - filter: invert(1); - } - } - - .close-btn { - filter: invert(0.8); - - &:hover { - filter: invert(0); - } - } - - .md-select { - background: var(--selectBackground); - border : var(--selectBorder); - color : var(--textColor); - - option, - optgroup { - background: var(--selectBackground); - } - } - - .modal-content { - background: var(--modalContentColor); - color : var(--textColor); - box-shadow: none; - - input[type="number"] { - background: var(--searchBarBackgroundColor); - color : var(--textColor); - } - - .sidebar-playlist { - .app-sidebar-item.app-sidebar-item-playlist { - color: var(--textColor); - } - - .sidebar-icon>svg { - color: var(--sidebarIconColor); - } - - &:hover { - background-color: var(--keyColor); - - .app-sidebar-item, - div>svg { - color: var(--textColorLight); - } - } - } - - - .playlist-item { - background: var(--modalContentColor); - color : var(--textColor); - - &:hover { - background: var(--keyColor); - color : var(--textColorLight); - } - } - } - - .md-btn, - .md-btn-block { - background: var(--keyColor); - color : var(--textColorLight); - } - } - } - } - - .fullscreen-view { - --songProgressColor : #b8b8b8; - --songProgressBackground: #555; - --textColorLight : white; - - .artwork-col .app-playback-controls .playback-info>div, - .queue-col { - color: var(--textColorLight); - - .queue-title { - opacity: 1; - } - - .queue-subtitle { - opacity: 0.6; - } - - - .md-btn-primary { - background-color: var(--keyColor) !important; - color : var(--textColorLight) !important; - } - } - } - - .app-sidebar-header-text { - filter: brightness(0); - } - - .sidebar-icon svg:not(.feather) { - color: var(--keyColor); - } - - .modal-dialog { - --menuBackgroundColor: rgba(255, 255, 255, 0.9); - --textColor : #000; - --textColorLighter : #333; - --keyColor : #d60017; - --keyColor-primary : #d60017; - - .modal-content { - background : var(--menuBackgroundColor); - backdrop-filter: blur(8px); - - .modal-header { - // background: var(--color2); - color : var(--textColor); - font-weight: bold; - } - - .modal-body { - color: var(--textColorLighter); - } - - .close { - filter: invert(0.8); - - &:hover { - filter: invert(0); - } - } - } - } - - - .search-hints-container .search-hints { - background-color: rgba(0, 0, 0, 0.05); - color : var(--textColor); - } - - #app.macosemu { - .window-controls-macos div { - box-shadow: 0px 0px 6px 0px rgba(11, 11, 11, 0.25) !important; - } - } - - #app-sidebar { - .search-input--icon { - filter: invert(0.8); - } - } - - #app-main { - background-color: rgba(255, 255, 255, 0.7) !important; - backdrop-filter : blur(var(--blurMedium)); - - .about-page .row .col img[src="assets/banner.png"] { - width : 0; - height : 0; - padding : 250px 0 0 500px; - background : url("icons/banner.png"); - background-size: contain; - } - - .playback-button--small:hover, - .playback-button:hover, - .playback-button--small.active, - .playback-button--small.queue:hover, - .playback-button--small.queue.active, - .playback-button--small.miniplayer:hover, - .playback-button--small.shuffle:hover, - .playback-button--small.repeat:hover { - filter: brightness(0); - } - - .md-btn { - background-color: var(--keyColor) !important; - color : var(--textColorLight) !important; - } - - .settings-page { - .md-btn { - background-color: var(--checked) !important; - } - } - - .playback-button--small:not(.lyrics):not(.cast), - .playback-button, - .volume-button--small, - // .volume, - .nav-item:not(li) { - filter: invert(1) brightness(85); - } - - .playback-button--small.lyrics { - filter: brightness(0.5); - } - - button.volume { - filter: invert(1); - } - - .app-chrome-item .window-controls>div { - filter: invert(0.8); - - &.close:hover { - filter: invert(0); - } - } - - .app-drawer { - background: var(--searchBackgroundColor); - - .lyric-footer { - background: rgba(30, 30, 30, 0.2); - } - - .lyric-line { - color: var(--textColorLighter); - } - - .lyric-line.active .lyricWaiting>div { - background: var(--textColorLighter); - } - } - - input[type="number"], - input[type="text"] { - background: var(--searchBarBackgroundColor); - color : var(--textColor); - border : var(--selectBorder); - } - - .podcasts-page { - .podcasts-search { - background: var(--color2); - - .search-input-container { - filter: invert(0.8); - } - } - } - - .content-inner { - .search-input-container { - filter: invert(0.8); - } - - .reload-btn { - background-color: var(--keyColor); - } - } - - .library-page .library-header { - background: var(--searchBackgroundColor); - - } - - .list-group-item-dark { - background-color: var(--color2); - border : var(--selectBorder); - color : var(--textColor); - border-radius : 0px; - } - - .list-group-item-dark:hover { - background-color: var(--keyColor); - color : var(--textColorLight); - border-radius : 0px; - } - - .popular { - filter: invert(0.65); - } - } - - - - #apple-music-video-container { - --mediaBarColor : rgba(0, 0, 0, 0.3); - --songProgressColor : #b8b8b8; - --songProgressBackground: #333; - - // Style Captions - #captions:not(:empty) { - color : var(--textColorLight); - font-size : 1.75rem; - padding-inline: 10px; - border-radius : 10px; - font-family : 'SF Pro', 'Inter', 'Noto Sans JP', 'Source Han Sans SC', 'Source Han Sans HK', 'Source Han Sans SC', 'Source Han Sans HK', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans HK', 'Noto Sans KR', sans-serif; - margin-top : 6vh; - } - } - - .mini-view .artwork-col .app-playback-controls { - --songProgressColor : #b8b8b8; - --songProgressBackground: #555; - - .song-progress { - bottom : -4px; - right : 1px; - left : 2.5px; - z-index : 30; - overflow: hidden; - - input[type="range"] { - border-radius: 0px; - - &::-webkit-slider-thumb { - border-radius: 3px; - width : 7px; - height : 12px; - border : #333 solid 1px; - background : var(--songProgressColor) - } - } - } - - .playback-info>div { - color: var(--textColorLight); - } - } -} - -@media only screen and (max-width: 1120px) { - #app { - .app-chrome .app-chrome-item:nth-of-type(2) { - margin-left: 115px !important; - } - } - - #app.macosemu { - .app-chrome .app-chrome-item:nth-of-type(2) { - margin-left: 180px !important; - } - - .app-chrome--right { - width: 20% !important; - } - } -} \ No newline at end of file diff --git a/theme.json b/theme.json index 6599a10..33525ca 100644 --- a/theme.json +++ b/theme.json @@ -1,7 +1,7 @@ { "name": "iTheme", "description": "Cider theme based from the Apple Music beta app in MacOS.", - "version": "3.3.0", + "version": "4.0.0", "author": "yazninja", "github_repo": "ciderapp/iTheme", "directives": { @@ -31,4 +31,4 @@ "value": "#FFFFFF" } ] -} +} \ No newline at end of file diff --git a/theme/SFPro.woff2 b/theme/SFPro.woff2 new file mode 100644 index 0000000..1ff6e19 Binary files /dev/null and b/theme/SFPro.woff2 differ diff --git a/theme/animations.less b/theme/animations.less new file mode 100644 index 0000000..d1e922a --- /dev/null +++ b/theme/animations.less @@ -0,0 +1,90 @@ +.app-chrome .app-chrome-item { + + svg, + button { + transform : scale(1); + transition: transform 0.2s var(--appleEase); + } + + &:hover { + svg, + button { + transform : scale(1.1); + transition: transform 0.2s var(--appleEase); + } + } +} +.content-inner{ + .cd-mediaitem-square.mediaitem-card, .cd-mediaitem-square.mediaitem-brick { + transform : scale(1); + transition: transform 0.2s var(--appleEase) 0.1s; + + &:hover { + transform : scale(1.05); + transition: transform 0.2s var(--appleEase) 0.1s; + } + } + .cd-mediaitem-square:not(.mediaitem-card):not(.mediaitem-brick) { + transition : transform .2s var(--appleEase); + transition-delay: .1s; + padding : 12px; + height : 310px; + + .artwork-container, + .info-rect { + transition : transform .22s var(--appleEase); + transition-delay: .05s; + } + + &:hover { + .artwork-container { + transform : scale(1.1); + transition : transform .1s var(--appleEase); + transition-delay: 0s; + transform-origin: center; + } + + .info-rect { + z-index : 1; + transition : transform .1s var(--appleEase); + transition-delay: 0s; + transform : translateY(8px) translate3d(0, 0, 0); + } + } + } +} +.wpfade_transform-enter-active, +.wpfade_transform-leave-active { + --transitionTime: 0.4s; + transition: opacity var(--transitionTime) var(--appleEase), transform var(--transitionTime) var(--appleEase); + will-change: opacity, transform; +} + +.wpfade_transform-enter { + opacity: 0; + transform: translateX(30%) translate3d(0,0,0); + will-change: opacity, transform; +} +.wpfade_transform-leave-to { + opacity: 0; + transform: translateX(-30%) translate3d(0,0,0); + will-change: opacity, transform; +} + + +.wpfade_transform_backwards-enter-active, +.wpfade_transform_backwards-leave-active { + --transitionTime: 0.4s; + transition: opacity var(--transitionTime) var(--appleEase), transform var(--transitionTime) var(--appleEase); +} + +.wpfade_transform_backwards-enter { + opacity: 0; + transform: translateX(-50%) translate3d(0,0,0); + will-change: opacity, transform; +} +.wpfade_transform_backwards-leave-to { + opacity: 0; + transform: translateX(50%) translate3d(0,0,0); + will-change: opacity, transform; +} \ No newline at end of file diff --git a/theme/cupertinofont.less b/theme/cupertinofont.less new file mode 100644 index 0000000..be527de --- /dev/null +++ b/theme/cupertinofont.less @@ -0,0 +1,17 @@ +@import url('./font.css'); + +#app { + // --fontStyle:"Comic Sans", "SF Pro Display", "Inter var experimental", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue' sans-serif !important; + --fontStyle: 'SFProDisplay', 'Pretendard Variable' !important; + font-family: var(--fontStyle); + + .lyric-body, + h3 { + font-family: var(--fontStyle); + font-weight: bold !important; + } +} +body{ + --fontStyle: 'SFProDisplay', 'Pretendard Variable' !important; + font-family: var(--fontStyle); +} diff --git a/theme/cupertinoicns.less b/theme/cupertinoicns.less new file mode 100644 index 0000000..33fe061 --- /dev/null +++ b/theme/cupertinoicns.less @@ -0,0 +1,611 @@ +:root, +:root.dark { + #app { + --shuffleIconActive : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgaWQ9IlN2Z2pzU3ZnMTAwMSIKICAgd2lkdGg9IjI4OCIKICAgaGVpZ2h0PSIyODgiCiAgIHZlcnNpb249IjEuMSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iYmFzZTY0Lm9ubGluZS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzkiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMi44NTc2Mzg5IgogICAgIGlua3NjYXBlOmN4PSIxNDQiCiAgICAgaW5rc2NhcGU6Y3k9IjE0NC4xNzQ5NyIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iU3ZnanNTdmcxMDAxIiAvPgogIDxkZWZzCiAgICAgaWQ9IlN2Z2pzRGVmczEwMDIiIC8+CiAgPGcKICAgICBpZD0iU3ZnanNHMTAwOCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIj4KICAgIDxzdmcKICAgICAgIHdpZHRoPSIyODgiCiAgICAgICBoZWlnaHQ9IjI4OCIKICAgICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgICAgICBzdHJva2UtbWl0ZXJsaW1pdD0iMS40MTQiCiAgICAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICB2aWV3Qm94PSIwIDAgMzAgMjIiCiAgICAgICB2ZXJzaW9uPSIxLjEiCiAgICAgICBpZD0ic3ZnNSIKICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjEiPgogICAgICA8cGF0aAogICAgICAgICBmaWxsPSIjZmE1ODZhIgogICAgICAgICBmaWxsLW9wYWNpdHk9Ii42NCIKICAgICAgICAgZmlsbC1ydWxlPSJub256ZXJvIgogICAgICAgICBkPSJNMTkuNTQyIDdWNS45NjhjMC0uMjU5LjE3NS0uNDY4LjM5Mi0uNDY4LjA2NiAwIC4xMzEuMDIuMTg5LjA1OGwyLjcxNSAxLjc4MmMuMTkuMTI1LjI1OS40MDkuMTU1LjYzNWEuNDM1LjQzNSAwIDAxLS4xNTUuMTg1bC0yLjcxNSAxLjc4MmMtLjE5LjEyNS0uNDI4LjA0Mi0uNTMzLS4xODRhLjU0My41NDMgMCAwMS0uMDQ4LS4yMjZWOC41aC0uMzc3YTIuNzU4IDIuNzU4IDAgMDAtMi4wOTkuOTc0TDE1Ljc3NCAxMWwxLjI5MiAxLjUyNmEyLjc1OCAyLjc1OCAwIDAwMi4wOTkuOTc0aC4zNzd2LTEuMDMyYzAtLjI1OS4xNzUtLjQ2OC4zOTItLjQ2OC4wNjYgMCAuMTMxLjAyLjE4OS4wNThsMi43MTUgMS43ODJjLjE5LjEyNS4yNTkuNDA5LjE1NS42MzVhLjQzNS40MzUgMCAwMS0uMTU1LjE4NWwtMi43MTUgMS43ODJjLS4xOS4xMjUtLjQyOC4wNDItLjUzMy0uMTg0YS41NDMuNTQzIDAgMDEtLjA0OC0uMjI2VjE1aC0uMzc3YTQuMjQgNC4yNCAwIDAxLTMuMjQ1LTEuNTA1bC0xLjEyOC0xLjMzNC0xLjEyOSAxLjMzNEE0LjI1NCA0LjI1NCAwIDAxMTAuNDE4IDE1SDkuMjkyYS43NS43NSAwIDExMC0xLjVoMS4xMjZhMi43NTMgMi43NTMgMCAwMDIuMS0uOTc0TDEzLjgwOSAxMWwtMS4yOTEtMS41MjZhMi43NTMgMi43NTMgMCAwMC0yLjEtLjk3NEg5LjI5MmEuNzUuNzUgMCAxMTAtMS41aDEuMTI2YTQuMjU1IDQuMjU1IDAgMDEzLjI0NSAxLjUwNWwxLjEyOSAxLjMzNCAxLjEyOC0xLjMzNEE0LjI2IDQuMjYgMCAwMTE5LjE2NSA3aC4zNzd6IgogICAgICAgICBjbGFzcz0iY29sb3JGRkYgc3ZnU2hhcGUiCiAgICAgICAgIGlkPSJwYXRoMyIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvc3ZnPgogIDwvZz4KPC9zdmc+Cg=='); + --repeatIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMzAgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCI+PHBhdGggZD0iTTE3IDdWNS45NjhjMC0uMjU5LjE3Ni0uNDY4LjM5Mi0uNDY4LjA2NiAwIC4xMzEuMDIuMTg5LjA1OGwyLjcxNiAxLjc4MmMuMTkuMTI1LjI1OS40MDkuMTU0LjYzNWEuNDMzLjQzMyAwIDAxLS4xNTQuMTg1bC0yLjcxNiAxLjc4MmMtLjE5LjEyNS0uNDI4LjA0Mi0uNTMyLS4xODRBLjU0My41NDMgMCAwMTE3IDkuNTMyVjguNWgtNS4wOTJjLS42MSAwLTEuMDU1LjEtMS40MS4yOWExLjY4IDEuNjggMCAwMC0uNzA4LjcwOGMtLjE1OS4yOTctLjI1NS42NTgtLjI4MiAxLjEyNS0uMDA0LjA2LS4wMTEuMTU0LS4wMjQuMjgxQS43NS43NSAwIDAxOCAxMC43NXYtLjI1YzAtLjg2Ni4xNjItMS4xMzkuNDY3LTEuNzA5YTMuMTg5IDMuMTg5IDAgMDExLjMyNC0xLjMyNGMuNTctLjMwNSAxLjI1MS0uNDY3IDIuMTE3LS40NjdIMTd6bS00IDh2MS4wMDZhLjU5Ni41OTYgMCAwMS0uMDQ5LjIzOGMtLjEwNC4yMzktLjM0Mi4zMjYtLjUzMi4xOTVsLTIuNzE2LTEuODgxYS40NTEuNDUxIDAgMDEtLjE1NC0uMTk1Yy0uMTA1LS4yMzktLjAzNi0uNTM5LjE1NC0uNjcxbDIuNzE2LTEuODgxYS4zMzIuMzMyIDAgMDEuMTg5LS4wNjFjLjIxNiAwIC4zOTIuMjIxLjM5Mi40OTRWMTMuNWg1LjA5MmMuNjEgMCAxLjA1NS0uMSAxLjQxLS4yOWExLjY4IDEuNjggMCAwMC43MDgtLjcwOGMuMTU5LS4yOTcuMjU1LS42NTguMjgyLTEuMTI1LjAwNC0uMDYuMDExLS4xNTQuMDI0LS4yODFBLjc1Ljc1IDAgMDEyMiAxMS4yNXYuMjVjMCAuODY2LS4xNjIgMS4xMzktLjQ2NyAxLjcwOWEzLjE4OSAzLjE4OSAwIDAxLTEuMzI0IDEuMzI0Yy0uNTcuMzA1LTEuMjUxLjQ2Ny0yLjExNy40NjdIMTN6IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGwtb3BhY2l0eT0iMC42NCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPjwvc3ZnPg=='); + --repeatIconActive : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMzAgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCI+PHBhdGggZD0iTTE3IDdWNS45NjhjMC0uMjU5LjE3Ni0uNDY4LjM5Mi0uNDY4LjA2NiAwIC4xMzEuMDIuMTg5LjA1OGwyLjcxNiAxLjc4MmMuMTkuMTI1LjI1OS40MDkuMTU0LjYzNWEuNDMzLjQzMyAwIDAxLS4xNTQuMTg1bC0yLjcxNiAxLjc4MmMtLjE5LjEyNS0uNDI4LjA0Mi0uNTMyLS4xODRBLjU0My41NDMgMCAwMTE3IDkuNTMyVjguNWgtNS4wOTJjLS42MSAwLTEuMDU1LjEtMS40MS4yOWExLjY4IDEuNjggMCAwMC0uNzA4LjcwOGMtLjE1OS4yOTctLjI1NS42NTgtLjI4MiAxLjEyNS0uMDA0LjA2LS4wMTEuMTU0LS4wMjQuMjgxQS43NS43NSAwIDAxOCAxMC43NXYtLjI1YzAtLjg2Ni4xNjItMS4xMzkuNDY3LTEuNzA5YTMuMTg5IDMuMTg5IDAgMDExLjMyNC0xLjMyNGMuNTctLjMwNSAxLjI1MS0uNDY3IDIuMTE3LS40NjdIMTd6bS00IDh2MS4wMDZhLjU5Ni41OTYgMCAwMS0uMDQ5LjIzOGMtLjEwNC4yMzktLjM0Mi4zMjYtLjUzMi4xOTVsLTIuNzE2LTEuODgxYS40NTEuNDUxIDAgMDEtLjE1NC0uMTk1Yy0uMTA1LS4yMzktLjAzNi0uNTM5LjE1NC0uNjcxbDIuNzE2LTEuODgxYS4zMzIuMzMyIDAgMDEuMTg5LS4wNjFjLjIxNiAwIC4zOTIuMjIxLjM5Mi40OTRWMTMuNWg1LjA5MmMuNjEgMCAxLjA1NS0uMSAxLjQxLS4yOWExLjY4IDEuNjggMCAwMC43MDgtLjcwOGMuMTU5LS4yOTcuMjU1LS42NTguMjgyLTEuMTI1LjAwNC0uMDYuMDExLS4xNTQuMDI0LS4yODFBLjc1Ljc1IDAgMDEyMiAxMS4yNXYuMjVjMCAuODY2LS4xNjIgMS4xMzktLjQ2NyAxLjcwOWEzLjE4OSAzLjE4OSAwIDAxLTEuMzI0IDEuMzI0Yy0uNTcuMzA1LTEuMjUxLjQ2Ny0yLjExNy40NjdIMTN6IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNGQTU4NkEiPjwvcGF0aD48L3N2Zz4='); + --repeatIconRepeatOne : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMzAgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCI+PHBhdGggZD0iTTE3IDdWNS45NjhjMC0uMjU5LjE3Ni0uNDY4LjM5Mi0uNDY4LjA2NiAwIC4xMzEuMDIuMTg5LjA1OGwyLjcxNiAxLjc4MmMuMTkuMTI1LjI1OS40MDkuMTU0LjYzNWEuNDMzLjQzMyAwIDAxLS4xNTQuMTg1bC0yLjcxNiAxLjc4MmMtLjE5LjEyNS0uNDI4LjA0Mi0uNTMyLS4xODRBLjU0My41NDMgMCAwMTE3IDkuNTMyVjguNWgtNS4wOTJjLS42MSAwLTEuMDU1LjEtMS40MS4yOWExLjY4IDEuNjggMCAwMC0uNzA4LjcwOGMtLjE1OS4yOTctLjI1NS42NTgtLjI4MiAxLjEyNS0uMDA0LjA2LS4wMTEuMTU0LS4wMjQuMjgxQS43NS43NSAwIDAxOCAxMC43NXYtLjI1YzAtLjg2Ni4xNjItMS4xMzkuNDY3LTEuNzA5YTMuMTg5IDMuMTg5IDAgMDExLjMyNC0xLjMyNGMuNTctLjMwNSAxLjI1MS0uNDY3IDIuMTE3LS40NjdIMTd6bS00IDh2MS4wMDZhLjU5Ni41OTYgMCAwMS0uMDQ5LjIzOGMtLjEwNC4yMzktLjM0Mi4zMjYtLjUzMi4xOTVsLTIuNzE2LTEuODgxYS40NTEuNDUxIDAgMDEtLjE1NC0uMTk1Yy0uMTA1LS4yMzktLjAzNi0uNTM5LjE1NC0uNjcxbDIuNzE2LTEuODgxYS4zMzIuMzMyIDAgMDEuMTg5LS4wNjFjLjIxNiAwIC4zOTIuMjIxLjM5Mi40OTRWMTMuNWg1LjA5MmMuNjEgMCAxLjA1NS0uMSAxLjQxLS4yOWExLjY4IDEuNjggMCAwMC43MDgtLjcwOGMuMTU5LS4yOTcuMjU1LS42NTguMjgyLTEuMTI1LjAwNC0uMDYuMDExLS4xNTQuMDI0LS4yODFBLjc1Ljc1IDAgMDEyMiAxMS4yNXYuMjVjMCAuODY2LS4xNjIgMS4xMzktLjQ2NyAxLjcwOWEzLjE4OSAzLjE4OSAwIDAxLTEuMzI0IDEuMzI0Yy0uNTcuMzA1LTEuMjUxLjQ2Ny0yLjExNy40NjdIMTN6TTIzLjUgM2MuNDE0IDAgLjUuMzM2LjUuNzV2My41YS43NS43NSAwIDAxLTEuNSAwVjQuNjM0bC0uMzg0LjM0NmEuNzYuNzYgMCAwMS0uMzk1LjE1NS42NjYuNjY2IDAgMDEtLjQ3MS0uMTg2LjUyNC41MjQgMCAwMS0uMTQxLS41MDNjLjAzLS4xNDIuMTYtLjI5MS4zOTEtLjQ0Ni40OTctLjU2OS44NDYtLjkwMiAxLjA0Ny0xIC4yMjctLjExMS41OTEgMCAuOTUzIDB6IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNGQTU4NkEiPjwvcGF0aD48L3N2Zz4='); + --previousIcon : url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjEiPjxwYXRoIGQ9Ik0yNi45NywyM2MwLjUzNiwwIDEuMDMsLTAuMzggMS4wMywtMS4xMjRsMCwtOS43NTJjMCwtMC43NDQgLTAuNDk0LC0xLjEyNCAtMS4wMywtMS4xMjRjLTAuMjk0LDAgLTAuNTcsMC4wOTcgLTAuODg5LDAuMjgzbC04LjI2LDQuNjE3Yy0wLjQzNiwwLjI0MyAtMC43MjksMC40OTQgLTAuODA0LDAuODc0bDAsLTQuNjVjMCwtMC43NDQgLTAuNTAzLC0xLjEyNCAtMS4wMzEsLTEuMTI0Yy0wLjMwMSwwIC0wLjU3OCwwLjA5NyAtMC44OTYsMC4yODNsLTguMjYxLDQuNjE3Yy0wLjUxMSwwLjI4MyAtMC44MjksMC41NzQgLTAuODI5LDEuMWMwLDAuNTE4IDAuMzE4LDAuODE3IDAuODI5LDEuMWw4LjI2MSw0LjYxN2MwLjMxOCwwLjE4NiAwLjU5NSwwLjI4MyAwLjg5NiwwLjI4M2MwLjUyOCwwIDEuMDMxLC0wLjM4IDEuMDMxLC0xLjEyNGwwLC00LjY1OGMwLjA3NSwwLjM4OCAwLjM2OCwwLjYzOSAwLjgwNCwwLjg4Mmw4LjI2LDQuNjE3YzAuMzE5LDAuMTg2IDAuNTk1LDAuMjgzIDAuODg5LDAuMjgzWiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvIiBmaWxsLW9wYWNpdHk9IjAuOTIiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD48L3N2Zz4='); + --nextIcon : url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjEiPjxwYXRoIGQ9Ik04LjMwNywyM2MtMC41MzYsMCAtMS4wMzEsLTAuMzggLTEuMDMxLC0xLjEyNGwwLC05Ljc1MmMwLC0wLjc0NCAwLjQ5NSwtMS4xMjQgMS4wMzEsLTEuMTI0YzAuMjkzLDAgMC41NjksMC4wOTcgMC44ODgsMC4yODNsOC4yNiw0LjYxN2MwLjQzNiwwLjI0MyAwLjcyOSwwLjQ5NCAwLjgwNSwwLjg3NGwwLC00LjY1YzAsLTAuNzQ0IDAuNTAyLC0xLjEyNCAxLjAzLC0xLjEyNGMwLjMwMiwwIDAuNTc4LDAuMDk3IDAuODk2LDAuMjgzbDguMjYxLDQuNjE3YzAuNTExLDAuMjgzIDAuODI5LDAuNTc0IDAuODI5LDEuMWMwLDAuNTE4IC0wLjMxOCwwLjgxNyAtMC44MjksMS4xbC04LjI2MSw0LjYxN2MtMC4zMTgsMC4xODYgLTAuNTk0LDAuMjgzIC0wLjg5NiwwLjI4M2MtMC41MjgsMCAtMS4wMywtMC4zOCAtMS4wMywtMS4xMjRsMCwtNC42NThjLTAuMDc2LDAuMzg4IC0wLjM2OSwwLjYzOSAtMC44MDUsMC44ODJsLTguMjYsNC42MTdjLTAuMzE5LDAuMTg2IC0wLjU5NSwwLjI4MyAtMC44ODgsMC4yODNaIiBzdHlsZT0iZmlsbC1ydWxlOm5vbnplcm8iIGZpbGwtb3BhY2l0eT0iMC45MiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPjwvc3ZnPg=='); + --playIcon : url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjEiPjxwYXRoIGQ9Ik0yOC4yMjgsMTguMzI3bC0xNi4wMjMsOC45ODNjLTAuOTksMC41NTUgLTIuMjA1LC0wLjE3IC0yLjIwNSwtMS4zMThsMCwtMTcuOTg0YzAsLTEuMTQ2IDEuMjE1LC0xLjg3MyAyLjIwNSwtMS4zMTdsMTYuMDIzLDguOTgyYzEuMDI5LDAuNTc3IDEuMDI5LDIuMDc3IDAsMi42NTRaIiBzdHlsZT0iZmlsbC1ydWxlOm5vbnplcm8iIGZpbGwtb3BhY2l0eT0iMC45MiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPjwvc3ZnPg=='); + --pauseIcon : url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjEiPjxwYXRoIGQ9Ik0yMC4zLDZsMi45LDBjMC45OTQsMCAxLjgsMC44MDYgMS44LDEuOGwwLDE4LjRjMCwwLjk5NCAtMC44MDYsMS44IC0xLjgsMS44bC0yLjksMGMtMC45OTQsMCAtMS44LC0wLjgwNiAtMS44LC0xLjhsMCwtMTguNGMwLC0wLjk5NCAwLjgwNiwtMS44IDEuOCwtMS44Wm0tOS41LDBsMi45LDBjMC45OTQsMCAxLjgsMC44MDYgMS44LDEuOGwwLDE4LjRjMCwwLjk5NCAtMC44MDYsMS44IC0xLjgsMS44bC0yLjksMGMtMC45OTQsMCAtMS44LC0wLjgwNiAtMS44LC0xLjhsMCwtMTguNGMwLC0wLjk5NCAwLjgwNiwtMS44IDEuOCwtMS44WiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvIiBmaWxsLW9wYWNpdHk9IjAuOTIiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD48L3N2Zz4='); + --volumeIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDUiIGhlaWdodD0iMzMiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ1IDMzIiBjbGFzcz0id2ViLWNocm9tZS1wbGF5YmFjay1sY2RfX3ZvbHVtZS1pY29uIj48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBkPSJNMzguNDE3OTY4OCwzMC4zNjA0MTQyIEM0MC4zMTI1LDI2LjU5MDg4MyA0MS43OTY4NzUsMjEuNjg4NTM5MiA0MS43OTY4NzUsMTYuMzc2MDM5MiBDNDEuNzk2ODc1LDExLjA2MzUzOTIgNDAuMzEyNSw2LjE2MTE5NTQ3IDM4LjQxNzk2ODgsMi4zOTE2NjQyMiBDMzcuOTg4MjgxMiwxLjUzMjI4OTIyIDM4LjE2NDA2MjUsMC43MzE1MDc5NzQgMzguOTA2MjUsMC4yNDMyMjY3MjQgQzM5LjY4NzUsLTAuMjY0NTg1Nzc2IDQwLjYyNSwwLjA0NzkxNDIyNDQgNDEuMTMyODEyNSwwLjk0NjM1MTcyNCBDNDMuNDc2NTYyNSw1LjEyNjAzOTIyIDQ0LjkwMjM0MzgsMTAuNDk3MTMzIDQ0LjkwMjM0MzgsMTYuMzc2MDM5MiBDNDQuOTAyMzQzOCwyMi4yNTQ5NDU1IDQzLjQ3NjU2MjUsMjcuNjI2MDM5MiA0MS4xMzI4MTI1LDMxLjgwNTcyNjcgQzQwLjYyNSwzMi43MDQxNjQyIDM5LjY4NzUsMzMuMDE2NjY0MiAzOC45MDYyNSwzMi41MDg4NTE3IEMzOC4xNjQwNjI1LDMyLjAyMDU3MDUgMzcuOTg4MjgxMiwzMS4yMTk3ODkyIDM4LjQxNzk2ODgsMzAuMzYwNDE0MiBaIE0yMC45Mzc1LDI3LjU2NzQ0NTUgQzIwLjkzNzUsMjkuMjA4MDcwNSAxOS44MjQyMTg4LDMwLjM2MDQxNDIgMTguMjQyMTg3NSwzMC4zNjA0MTQyIEMxNy41MzkwNjI1LDMwLjM2MDQxNDIgMTYuOTE0MDYyNSwzMC4wODY5NzY3IDE2LjIxMDkzNzUsMjkuNTc5MTY0MiBMOC42NzE4NzUsMjQuMDMyMjg5MiBMMy41OTM3NSwyNC4wMzIyODkyIEMxLjM2NzE4NzUsMjQuMDMyMjg5MiAwLDIyLjgyMTM1MTcgMCwyMC40Mzg1MzkyIEwwLDEyLjQzMDcyNjcgQzAsMTAuMDQ3OTE0MiAxLjM2NzE4NzUsOC44MzY5NzY3MiAzLjU5Mzc1LDguODM2OTc2NzIgTDguNjcxODc1LDguODM2OTc2NzIgTDE2LjIxMDkzNzUsMy4yOTAxMDE3MiBDMTYuOTE0MDYyNSwyLjc4MjI4OTIyIDE3LjUzOTA2MjUsMi41MDg4NTE3MiAxOC4yNDIxODc1LDIuNTA4ODUxNzIgQzE5LjgyNDIxODgsMi41MDg4NTE3MiAyMC45Mzc1LDMuNjYxMTk1NDcgMjAuOTM3NSw1LjMwMTgyMDQ3IEwyMC45Mzc1LDI3LjU2NzQ0NTUgWiBNMzEuNDg0Mzc1LDI2LjM1NjUwOCBDMzIuODEyNSwyMy41MDQ5NDU1IDMzLjc4OTA2MjUsMjAuMjIzNjk1NSAzMy43ODkwNjI1LDE2LjM3NjAzOTIgQzMzLjc4OTA2MjUsMTIuNTI4MzgzIDMyLjgxMjUsOS4yNDcxMzI5NyAzMS40ODQzNzUsNi4zOTU1NzA0NyBDMzEuMDkzNzUsNS41NTU3MjY3MiAzMS4yNjk1MzEyLDQuNzc0NDc2NzIgMzEuOTkyMTg3NSw0LjI2NjY2NDIyIEMzMi43MzQzNzUsMy43NTg4NTE3MiAzMy43NSw0LjA3MTM1MTcyIDM0LjIxODc1LDQuOTY5Nzg5MjIgQzM1Ljg3ODkwNjIsOC4xNzI5MTQyMiAzNi44NzUsMTEuOTgxNTA4IDM2Ljg3NSwxNi4zNzYwMzkyIEMzNi44NzUsMjAuNzcwNTcwNSAzNS44Nzg5MDYyLDI0LjU3OTE2NDIgMzQuMjE4NzUsMjcuNzgyMjg5MiBDMzMuNzUsMjguNjgwNzI2NyAzMi43MzQzNzUsMjguOTkzMjI2NyAzMS45OTIxODc1LDI4LjQ4NTQxNDIgQzMxLjI2OTUzMTIsMjcuOTc3NjAxNyAzMS4wOTM3NSwyNy4xOTYzNTE3IDMxLjQ4NDM3NSwyNi4zNTY1MDggWiBNMjQuODQzNzUsMjIuNjg0NjMzIEMyNS43MDMxMjUsMjAuODQ4Njk1NSAyNi4yNSwxOC43NTg4NTE3IDI2LjI1LDE2LjM3NjAzOTIgQzI2LjI1LDEzLjk5MzIyNjcgMjUuNzAzMTI1LDExLjkwMzM4MyAyNC44NDM3NSwxMC4wNjc0NDU1IEMyNC40NzI2NTYzLDkuMjY2NjY0MjIgMjQuNjA5Mzc1LDguNDQ2MzUxNzIgMjUuMzUxNTYyNSw3LjkzODUzOTIyIEMyNi4xMTMyODEzLDcuNDMwNzI2NzIgMjcuMTI4OTA2Myw3LjcyMzY5NTQ3IDI3LjU3ODEyNSw4LjY0MTY2NDIyIEMyOC42MzI4MTI1LDEwLjg0ODY5NTUgMjkuMjk2ODc1LDEzLjQ2NTg4MyAyOS4yOTY4NzUsMTYuMzc2MDM5MiBDMjkuMjk2ODc1LDE5LjI4NjE5NTUgMjguNjMyODEyNSwyMS45MDMzODMgMjcuNTc4MTI1LDI0LjExMDQxNDIgQzI3LjEyODkwNjMsMjUuMDI4MzgzIDI2LjExMzI4MTMsMjUuMzIxMzUxNyAyNS4zNTE1NjI1LDI0LjgxMzUzOTIgQzI0LjYwOTM3NSwyNC4zMDU3MjY3IDI0LjQ3MjY1NjMsMjMuNDg1NDE0MiAyNC44NDM3NSwyMi42ODQ2MzMgWiIgZmlsbC1vcGFjaXR5PSIwLjQiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD48L3N2Zz4='); + --lyricsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjIyIgogICBoZWlnaHQ9IjIyIgogICB2aWV3Qm94PSIwIDAgMjggMjgiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzMiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImhlbGxvLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4xLjIgKGI4ZTI1YmU4MzMsIDIwMjItMDItMDUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM3IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzNy40MDkwOTEiCiAgICAgaW5rc2NhcGU6Y3g9IjExLjAyNjczMSIKICAgICBpbmtzY2FwZTpjeT0iMTEuMDEzMzY2IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmczIiAvPgogIDxwYXRoCiAgICAgaWQ9InBhdGgiCiAgICAgZD0iTSAxNC40IDEyLjIgQyAxNC40IDExLjEgMTUuMiAxMC4zIDE2LjQgMTAuMyBDIDE3LjcgMTAuMyAxOC41IDExLjMgMTguNSAxMi43IEMgMTguNSAxNC43IDE2LjggMTUuOSAxNS44IDE1LjkgQyAxNS41IDE1LjkgMTUuMyAxNS43IDE1LjMgMTUuNSBDIDE1LjMgMTUuMyAxNS40IDE1LjEgMTUuNyAxNS4xIEMgMTYuNSAxNC45IDE3LjEgMTQuNCAxNy40IDEzLjcgTCAxNy4yIDEzLjcgQyAxNyAxNCAxNi42IDE0LjEgMTYuMSAxNC4xIEMgMTUuMSAxNCAxNC40IDEzLjIgMTQuNCAxMi4yIFogTSA5LjUgMTIuMiBDIDkuNSAxMS4xIDEwLjMgMTAuMyAxMS41IDEwLjMgQyAxMi44IDEwLjMgMTMuNiAxMS4zIDEzLjYgMTIuNyBDIDEzLjYgMTQuNyAxMS45IDE1LjkgMTAuOSAxNS45IEMgMTAuNiAxNS45IDEwLjQgMTUuNyAxMC40IDE1LjUgQyAxMC40IDE1LjMgMTAuNSAxNS4xIDEwLjggMTUuMSBDIDExLjYgMTQuOSAxMi4zIDE0LjQgMTIuNSAxMy43IEwgMTIuMyAxMy43IEMgMTIuMSAxNCAxMS43IDE0LjEgMTEuMiAxNC4xIEMgMTAuMiAxNCA5LjUgMTMuMiA5LjUgMTIuMiBaIE0gMTAuNCAyMS40IEwgMTMuMiAxOC43IEMgMTMuOCAxOC4xIDE0LjEgMTggMTQuOCAxOCBMIDE5LjQgMTggQyAyMC43IDE4IDIxLjUgMTcuMiAyMS41IDE1LjkgTCAyMS41IDkuNCBDIDIxLjUgOCAyMC43IDcuMyAxOS40IDcuMyBMIDguNSA3LjMgQyA3LjIgNy4zIDYuNCA4IDYuNCA5LjQgTCA2LjQgMTUuOSBDIDYuNCAxNy4yIDcuMiAxOCA4LjUgMTggTCA5LjUgMTggQyAxMC4xIDE4IDEwLjQgMTguMyAxMC40IDE4LjkgTCAxMC40IDIxLjQgWiBNIDkuOSAyNCBDIDkgMjQgOC40IDIzLjQgOC40IDIyLjQgTCA4LjQgMjAuNCBMIDcuOSAyMC40IEMgNS40IDIwLjMgNCAxOSA0IDE2LjUgTCA0IDkgQyA0IDYuNSA1LjUgNSA4LjEgNSBMIDE5LjkgNSBDIDIyLjUgNSAyNCA2LjQgMjQgOSBMIDI0IDE2LjYgQyAyNCAxOS4xIDIyLjUgMjAuNCAxOS45IDIwLjQgTCAxNC44IDIwLjQgTCAxMS43IDIzLjEgQyAxMSAyMy43IDEwLjUgMjQgOS45IDI0IFoiCiAgICAgc3R5bGU9ImZpbGw6I2FhYWFhYTtmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=='); + --listenNowIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9IndlYi1uYXZpZ2F0aW9uX19uYXYtaWNvbiIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0xMiAyMGM0LjM3NiAwIDgtMy42MzEgOC04IDAtNC4zNzYtMy42MzEtOC04LjAwOC04QzcuNjI0IDQgNCA3LjYyNCA0IDEyYzAgNC4zNjkgMy42MzEgOCA4IDh6bTAtMS4zMzNBNi42MzQgNi42MzQgMCAwMTUuMzQxIDEyYTYuNjI4IDYuNjI4IDAgMDE2LjY1MS02LjY2N0E2LjY1MyA2LjY1MyAwIDAxMTguNjY3IDEyIDYuNjM2IDYuNjM2IDAgMDExMiAxOC42Njd6bS0xLjQ2Ny0zLjZsNC40NjMtMi42MzZhLjQ4My40ODMgMCAwMDAtLjgzOUwxMC41MzMgOC45NWMtLjMzNy0uMjA0LS43ODQtLjA0Ny0uNzg0LjMzdjUuNDU4YzAgLjM3Ny40MTYuNTUuNzg0LjMzeiIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkE1ODZBIj48L3BhdGg+PC9zdmc+'); + --browseIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9IndlYi1uYXZpZ2F0aW9uX19uYXYtaWNvbiIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik05LjkyIDExLjM1NGMuOTY2IDAgMS40NTMtLjQ4NyAxLjQ1My0xLjQ5di0zLjRjMC0xLjAwNC0uNDg3LTEuNDgzLTEuNDUzLTEuNDgzSDYuNDUyQzUuNDg3IDQuOTgxIDUgNS40NiA1IDYuNDY0djMuNGMwIDEuMDAzLjQ4NyAxLjQ5IDEuNDUyIDEuNDlIOS45MnptNy42MjggMGMuOTY1IDAgMS40NTItLjQ4NyAxLjQ1Mi0xLjQ5di0zLjRjMC0xLjAwNC0uNDg3LTEuNDgzLTEuNDUyLTEuNDgzaC0zLjQ2Yy0uOTc0IDAtMS40Ni40NzktMS40NiAxLjQ4M3YzLjRjMCAxLjAwMy40ODYgMS40OSAxLjQ2IDEuNDloMy40NnptLTcuNjUtMS4wNzNoLTMuNDNjLS4yNjYgMC0uMzk2LS4xMzctLjM5Ni0uNDE4di0zLjRjMC0uMjczLjEzLS40MS4zOTYtLjQxaDMuNDNjLjI2NSAwIC40MDIuMTM3LjQwMi40MXYzLjRjMCAuMjgxLS4xMzcuNDE4LS40MDMuNDE4em03LjYzNCAwaC0zLjQzYy0uMjczIDAtLjQwMi0uMTM3LS40MDItLjQxOHYtMy40YzAtLjI3My4xMjktLjQxLjQwMy0uNDFoMy40M2MuMjY1IDAgLjM5NS4xMzcuMzk1LjQxdjMuNGMwIC4yODEtLjEzLjQxOC0uMzk2LjQxOHptLTcuNjEyIDguN2MuOTY2IDAgMS40NTMtLjQ4IDEuNDUzLTEuNDgzdi0zLjQwN2MwLS45OTYtLjQ4Ny0xLjQ4My0xLjQ1My0xLjQ4M0g2LjQ1MmMtLjk2NSAwLTEuNDUyLjQ4Ny0xLjQ1MiAxLjQ4M3YzLjQwN2MwIDEuMDA0LjQ4NyAxLjQ4MyAxLjQ1MiAxLjQ4M0g5Ljkyem03LjYyOCAwYy45NjUgMCAxLjQ1Mi0uNDggMS40NTItMS40ODN2LTMuNDA3YzAtLjk5Ni0uNDg3LTEuNDgzLTEuNDUyLTEuNDgzaC0zLjQ2Yy0uOTc0IDAtMS40Ni40ODctMS40NiAxLjQ4M3YzLjQwN2MwIDEuMDA0LjQ4NiAxLjQ4MyAxLjQ2IDEuNDgzaDMuNDZ6bS03LjY1LTEuMDcyaC0zLjQzYy0uMjY2IDAtLjM5Ni0uMTM3LS4zOTYtLjQxdi0zLjRjMC0uMjgyLjEzLS40MTguMzk2LS40MThoMy40M2MuMjY1IDAgLjQwMi4xMzYuNDAyLjQxOHYzLjRjMCAuMjczLS4xMzcuNDEtLjQwMy40MXptNy42MzQgMGgtMy40M2MtLjI3MyAwLS40MDItLjEzNy0uNDAyLS40MXYtMy40YzAtLjI4Mi4xMjktLjQxOC40MDMtLjQxOGgzLjQzYy4yNjUgMCAuMzk1LjEzNi4zOTUuNDE4djMuNGMwIC4yNzMtLjEzLjQxLS4zOTYuNDF6IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNGQTU4NkEiPjwvcGF0aD48L3N2Zz4='); + --radioIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9IndlYi1uYXZpZ2F0aW9uX19uYXYtaWNvbiIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0xOS4zNTkgMTguNTdDMjEuMDMzIDE2LjgxOCAyMiAxNC40NjEgMjIgMTEuODlzLS45NjctNC45My0yLjY0MS02LjY4Yy0uMjc2LS4yOTItLjY1My0uMjYtLjg2OC0uMDIzLS4yMjIuMjQ2LS4xNzYuNTkxLjA4NS44NjggMS40NjYgMS41MzUgMi4yNzIgMy41OTMgMi4yNzIgNS44MzUgMCAyLjI0MS0uODA2IDQuMy0yLjI3MiA1LjgzNS0uMjYxLjI2OC0uMzA3LjYyMS0uMDg1Ljg2LjIxNS4yNDUuNTkyLjI3Ni44NjgtLjAxNnptLTEzLjg1LjAxNGMuMjIyLS4yMzguMTc2LS41OS0uMDg1LS44Ni0xLjQ3NC0xLjUzNS0yLjI3Mi0zLjU5My0yLjI3Mi01LjgzNCAwLTIuMjQyLjc5OC00LjMgMi4yNzItNS44MzUuMjYxLS4yNzcuMzA3LS42MjIuMDg1LS44NjgtLjIxNS0uMjM4LS41OTItLjI2OS0uODY4LjAyM0MyLjk2NyA2Ljk2IDIgOS4zMTggMiAxMS44OXMuOTY3IDQuOTI5IDIuNjQxIDYuNjhjLjI3Ni4yOS42NTMuMjYuODY4LjAxNHptMS45NTctMS44NzNjLjIyMy0uMjUzLjE2Mi0uNTgzLS4xLS44NjctLjk1MS0xLjA2OC0xLjQ3My0yLjQ1LTEuNDczLTMuOTU0IDAtMS41MDUuNTIyLTIuODg3IDEuNDc0LTMuOTU0LjI2LS4yODQuMzIyLS42MTQuMS0uODc2LS4yMy0uMjYtLjYyMi0uMjYtLjg5MS4wMzktMS4xNzUgMS4yNzQtMS44MjcgMi45NjMtMS44MjcgNC43OSAwIDEuODIuNjUyIDMuNTE3IDEuODI3IDQuNzg0LjI2OS4zLjY2LjMwNy44OS4wMzh6bTkuOTU4LS4wMzhjMS4xNzUtMS4yNjcgMS44MjctMi45NjQgMS44MjctNC43ODMgMC0xLjgyOC0uNjUyLTMuNTE3LTEuODI3LTQuNzkxLS4yNjktLjMtLjY2LS4zLS44OS0uMDM5LS4yMy4yNjItLjE2Mi41OTIuMDkyLjg3Ni45NiAxLjA2NyAxLjQ4MSAyLjQ0OSAxLjQ4MSAzLjk1NCAwIDEuNTA0LS41MjIgMi44ODYtMS40ODEgMy45NTQtLjI1NC4yODQtLjMyMy42MTQtLjA5Mi44NjcuMjMuMjY5LjYyMS4yNjEuODktLjAzOHptLTguMDYxLTEuOTY2Yy4yMy0uMjYuMTMtLjU2OC0uMDkyLS44ODMtLjQxNS0uNTIyLS42My0xLjE5Ny0uNjMtMS45MzQgMC0uNzM3LjIxNS0xLjQxMy42My0xLjk0My4yMjItLjMwNy4zMjItLjYxNC4wOTItLjg3NXMtLjY1My0uMjYxLS45MDYuMDU0YTQuMzg1IDQuMzg1IDAgMDAtLjk2OCAyLjc2NCA0LjM4IDQuMzggMCAwMC45NjggMi43NTZjLjI1My4zMjIuNjc1LjMyMi45MDYuMDYxem02LjE4LS4wNjFhNC4zOCA0LjM4IDAgMDAuOTY4LTIuNzU2IDQuMzg1IDQuMzg1IDAgMDAtLjk2OC0yLjc2NGMtLjI1My0uMzE1LS42NzUtLjMxNS0uOTA2LS4wNTQtLjIzLjI2MS0uMTM4LjU2OC4wOTIuODc1LjQxNS41My42MyAxLjIwNi42MyAxLjk0MyAwIC43MzctLjIxNSAxLjQxMi0uNjMgMS45MzQtLjIzLjMxNS0uMzIyLjYyMi0uMDkyLjg4M3MuNjUzLjI2MS45MDYtLjA2MXptLTMuNTQ3LS45NjdjLjk2IDAgMS43ODktLjgxNCAxLjc4OS0xLjc5N3MtLjgzLTEuNzg5LTEuNzg5LTEuNzg5Yy0uOTYgMC0xLjc4MS44MDYtMS43ODEgMS43ODkgMCAuOTgzLjgyMSAxLjc5NyAxLjc4MSAxLjc5N3oiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI0ZBNTg2QSI+PC9wYXRoPjwvc3ZnPg=='); + --recentsIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9IndlYi1uYXZpZ2F0aW9uX19uYXYtaWNvbiIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0xMiAyMGM0LjM3NiAwIDgtMy42MzEgOC04IDAtNC4zNzYtMy42MzEtOC04LjAwOC04QzcuNjI0IDQgNCA3LjYyNCA0IDEyYzAgNC4zNjkgMy42MzEgOCA4IDh6bTAtMS4zMzNBNi42MzQgNi42MzQgMCAwMTUuMzQxIDEyYTYuNjI4IDYuNjI4IDAgMDE2LjY1MS02LjY2N0E2LjY1MyA2LjY1MyAwIDAxMTguNjY3IDEyIDYuNjM2IDYuNjM2IDAgMDExMiAxOC42Njd6bS0uMDA4LTUuODJhLjU0LjU0IDAgMDAuNTUtLjU0OVY3LjAxMmEuNTQuNTQgMCAwMC0uNTUtLjU0MS41MzIuNTMyIDAgMDAtLjU0MS41NHY0Ljc0Nkg3Ljg5OGEuNTM0LjUzNCAwIDAwLS41NDkuNTQxYzAgLjMxNC4yMzUuNTUuNTQ5LjU1aDQuMDk0eiIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkE1ODZBIj48L3BhdGg+PC9zdmc+'); + --songsIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9IndlYi1uYXZpZ2F0aW9uX19uYXYtaWNvbiIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik05LjczMiAxOS4yNDFjMS4wNzcgMCAyLjY4OC0uNzkgMi42ODgtMi45MjJWOS42MTdjMC0uMzg4LjA3NC0uNDY5LjQxOC0uNTQybDMuMzQ3LS43MzJhLjQ4LjQ4IDAgMDAuNDAzLS40ODRWNS4xMDVjMC0uMzg4LS4zMTUtLjYzNy0uNjg5LS41NjNsLTMuNzY0LjgyYy0uNDcuMTAyLS43MjUuMzU5LS43MjUuNzY5bC4wMTQgOC4xNDRjLjAzNy4zNi0uMTMyLjU5NC0uNDU0LjY2bC0xLjE2NC4yNDFjLTEuNDY1LjMwOC0yLjE1NCAxLjA1NS0yLjE1NCAyLjE2IDAgMS4xMjIuODY0IDEuOTA1IDIuMDggMS45MDV6IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNGQTU4NkEiPjwvcGF0aD48L3N2Zz4='); + --albumsIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9IndlYi1uYXZpZ2F0aW9uX19uYXYtaWNvbiIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0xNS40NzcgMy45MzdjLS4wNDQtLjYxLS4zOTYtLjkzNy0xLjA3LS45MzdIOS40MzFjLS42NzUgMC0xLjAyNy4zMjctMS4wNy45MzdoNy4xMTV6bTEuMjQgMi4wMTNjLS4xMS0uNjU0LS40MjUtMS4wMjUtMS4xNTktMS4wMjVIOC4yMjJjLS43NDEgMC0xLjA1Ny4zNy0xLjE2NyAxLjAyNWg5LjY2MnptLS4zIDE0LjA1YzEuMzEzIDAgMi4wODMtLjc1NiAyLjA4My0yLjI1MnYtOC4zN2MwLTEuNDk2LS43NzgtMi4yNTItMi4zMDQtMi4yNTJINy44MDRDNi4yNyA3LjEyNiA1LjUgNy44NzUgNS41IDkuMzh2OC4zNjlDNS41IDE5LjI0NCA2LjI3IDIwIDcuODA0IDIwaDguNjEyem0tLjAyMy0xLjE3SDcuODE4Yy0uNzMzIDAtMS4xMzctLjM5Mi0xLjEzNy0xLjE0OFY5LjQzN2MwLS43NTYuNDA0LTEuMTQgMS4xMzctMS4xNGg4LjM1NmMuNzI3IDAgMS4xNDUuMzg0IDEuMTQ1IDEuMTR2OC4yNDVjMCAuNzU2LS40MTggMS4xNDgtLjkyNSAxLjE0OHoiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI0ZBNTg2QSI+PC9wYXRoPjwvc3ZnPg=='); + --artistsIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9IndlYi1uYXZpZ2F0aW9uX19uYXYtaWNvbiIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0xOC4zOSA5LjQyYzEuMjg5LTEuMjgyIDEuMzQtMi45MDguMTAyLTQuMTM5LTEuMjMtMS4yMTYtMi44NS0xLjE4Ni00LjEzOC4xMDNsNC4wMzYgNC4wMzV6bS02LjA4IDkuODU4YS42Ni42NiAwIDAwLjY2Ny0uNjY3di00LjMyOGwtLjA1MS0xLjA0OCAyLjIzNC0yLjA3MmMuODQyLjExIDEuNzI4LS4yMzUgMi40OS0xLjAwNEwxMy42MiA2LjEyNGMtLjc3Ni43NjEtMS4wOTggMS42MzMtLjk4OCAyLjQ3NWwtNi44MDUgNy4zMzJjLS4yNzguMy0uMzIyLjcxNy4wMjIgMS4wNjJMNC45MTMgMTguMmEuMzEuMzEgMCAwMC4wMzcuNDE4bC4yMTIuMjJhLjMwOS4zMDkgMCAwMC40MjUuMDI5bDEuMjA4LS45NDVjLjMzLjM0NC43NTUuMyAxLjA0OC4wMjJsMy44LTMuNTE2djQuMTgyYS42Ni42NiAwIDAwLjY2Ny42Njd6bS01LjA1My0yLjA3M2wtLjY3NC0uNjc0IDYuNDUzLTYuODRjLjEyNC4yMDUuMjc4LjQwMi40NjEuNTkzLjE4My4xODMuMzczLjM0NC41NzEuNDc2bC02LjgxMSA2LjQ0NXoiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI0ZBNTg2QSI+PC9wYXRoPjwvc3ZnPg=='); + --videosIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIGNsaXAtcnVsZT0iZXZlbm9kZCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTkgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSJzb25ncy1saXN0LXJvd19fdmlkZW8tZ2x5cGgiPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE2Ljc0NywxMi40MzdjMS4xNjYsMCAxLjc1MywtMC41NjUgMS43NTMsLTEuNzcxbDAsLTcuODk1YzAsLTEuMjA2IC0wLjU4NywtMS43NzEgLTEuNzUzLC0xLjc3MWwtMTQuNDk0LDBjLTEuMTY2LDAgLTEuNzUzLDAuNTY1IC0xLjc1MywxLjc3MWwwLDcuODk1YzAsMS4yMDYgMC41ODcsMS43NzEgMS43NTMsMS43NzFsMTQuNDk0LDBabS0wLjAyLC0xLjEwOWwtMTQuNDU0LDBjLTAuNDcsMCAtMC42NzUsLTAuMTkzIC0wLjY3NSwtMC42NzVsMCwtNy44NjJjMCwtMC40ODkgMC4yMDUsLTAuNjgyIDAuNjc1LC0wLjY4MmwxNC40NTQsMGMwLjQ3LDAgMC42NzUsMC4xOTMgMC42NzUsMC42ODJsMCw3Ljg2MmMwLDAuNDgyIC0wLjIwNSwwLjY3NSAtMC42NzUsMC42NzVabS04LjczOCwtMS4yOTZjMC45NzYsMCAxLjYzNywtMC43MDkgMS42MzcsLTEuNzA4bDAsLTIuMzYzYzAsLTAuMjU1IDAuMDU1LC0wLjMyNCAwLjIwNSwtMC4zNTlsMS42MDMsLTAuMzg1YzAuMzI3LC0wLjA5IDAuNDI5LC0wLjE1OSAwLjQyOSwtMC41NTlsMCwtMS4zNWMwLC0wLjI2MiAtMC4wOTUsLTAuMzc5IC0wLjQ1NywtMC4yODlsLTEuOTkxLDAuNTAzYy0wLjM0MSwwLjA4MiAtMC40MSwwLjE1MSAtMC40MSwwLjU1OGwwLDMuMTA3YzAsMC4zMDMgLTAuMDI3LDAuMzU4IC0wLjM3NSwwLjQ1NWwtMC42MjcsMC4xNjVjLTAuNjIxLDAuMTY1IC0xLjEzOSwwLjUzNyAtMS4xMzksMS4yMTNjMCwwLjU4NSAwLjQzNiwxLjAxMiAxLjEyNSwxLjAxMlptNS44MzksNC45NjhjMC4zNDgsMCAwLjYyNywtMC4yODkgMC42MjcsLTAuNjQ4YzAsLTAuMzU4IC0wLjI3OSwtMC42NDcgLTAuNjI3LC0wLjY0N2wtOC42NjksMGMtMC4zNDgsMCAtMC42MzUsMC4yODkgLTAuNjM1LDAuNjQ3YzAsMC4zNTkgMC4yODcsMC42NDggMC42MzUsMC42NDhsOC42NjksMFoiIGZpbGw9IiNGQTU4NkEiPjwvcGF0aD48L3N2Zz4='); + --podcastsIcon : url('data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDI5IiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PGRlZnMgaWQ9IlN2Z2pzRGVmczEwMzAiPjwvZGVmcz48ZyBpZD0iU3ZnanNHMTAzMSI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iQ2FwYSAxIiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCI+PHBhdGggZmlsbD0iI2ZhNTg2YSIgZD0iTTU5OCA3MDQuMThjLTEuNDkgNTguNDYtNy41OCAxMTYuMi0yNi4xOCAxNzItNi44NCAyMC41LTUuNjIgMjIuNTItMTQuNzEgMzEuNzFhNDIuMTYgNDIuMTYgMCAwMS0yNS4yMiAxMi4yMmMtMjIuNDkgMi41Ni00OS4zNyAxLjU2LTY3LjU4LTIuNDYtNy40OC0xLjY2LTE3LjYzLTQuNTgtMjMuMTMtOS45LTE4LjkyLTE4LjI3LTE3LjEtMjIuMTMtMjUuMDgtNTItMTcuMS02NC0yMS43NS0xMjkuNzUtMjAuNTQtMTk1LjY1IDEtNTUuMDcgNDcuMjgtOTguOTMgMTAxLTk5LjI2IDUyLjUyLS4zMiA5Ni42MSA0MC4yIDEwMS4yMiA5NC4wOEM1OTkuMiA2NzEuMTkgNTk4IDY4Ny43NCA1OTggNzA0LjE4ek0zOTQuODYgNDI5LjUzYy0uMjctNTcuODIgNDcuODktMTA0LjY4IDEwNy0xMDQuMDggNTEuNDUuNTMgOTcuNzEgNDguNyA5OC4yMyAxMDIuMjkuNTYgNTYuMDgtNDYuNTYgMTAzLjQzLTEwMyAxMDMuNTdDNDQxLjM0IDUzMS40NCAzOTUuMTIgNDg1LjQgMzk0Ljg2IDQyOS41M3oiIGNsYXNzPSJjb2xvcmFhMWRkMyBzdmdTaGFwZSI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmYTU4NmEiIGQ9Ik05MTgsNDEyLjExQzg5Ni43OCwxOTQuNTQsNzAwLjUsMjcuMzUsNDc3LjI2LDM3LjE5LDI1Nyw0Ni45LDc5LjIyLDIzMy4yOCw3OS44Myw0NTYuMTksODAuNDMsNjc3Ljg0LDI0NC40NSw4MjMsMzY4LjE4LDg1My44NXEtNS44Mi0yOC4zMi05Ljc1LTU2Ljg5Yy00Ljg5LTYuMzQtMTItMTEuNC0yMS43OC0xNi4xQzE5OCw3MTQuMjgsMTE2LjE2LDU1NS4yNywxNDAuMzcsNDAzLjkyYzMzLjI4LTIwOC4xLDIyNi0zNDEuNjcsNDM0LjI3LTMwMSwxOTIuNzIsMzcuNjUsMzIzLjI5LDIzOC4xMywyNzkuNTcsNDI5LjUtMjcuMDksMTE4LjU5LTk2LDIwMy44Mi0yMDUuMzYsMjU2Ljc1LTQuMjMsMi05LjU4LDIuNzMtMTIuNzEsNi40NS0yLjY3LDIwLjYxLTYuMDgsNDEuMS0xMC4zOCw2MS40NkM3NjguNDEsODIwLjYyLDk0MS43Nyw2NTYuNyw5MTgsNDEyLjExWiIgY2xhc3M9ImNvbG9yYWExZGQzIHN2Z1NoYXBlIj48L3BhdGg+PHBhdGggZmlsbD0iI2ZhNTg2YSIgZD0iTTc2NC40NSwzOTcuMDhjLTMxLTEyOS4yOC0xNDcuOTEtMjE1LjkxLTI4NC4yNi0yMTEuOC0xMjQsMy43My0yMzQuODEsMTAxLjI5LTI1Ny44NSwyMjYuMzEtMjQuMzQsMTMyLDU1LjQyLDI0NywxMjcuMTUsMjgxLjE5LS45LTIzLjE5LTEuMTUtNDYuNDItLjg3LTY5LjY4YTMwLjUzLDMwLjUzLDAsMCwwLTQuMTItNC45Yy00MS4zLTQwLjY1LTYyLjg0LTkwLjA3LTY2Ljc3LTE0OC05LjQyLTEzOS4xNCwxMjYuNjMtMjU2LjQyLDI2Mi41MS0yMjUuMzdDNjI0LjcsMjY0LjEzLDY4Mi43MywzMTQuMzcsNzA3LDM5Ny43NmMyNC42Myw4NC44LDMuMjIsMTU5LjU1LTYwLjA1LDIyMS44YTIyLjA4LDIyLjA4LDAsMCwxLTEuNjgsMS40N2MuNTIsMTguNzYtLjUyLDM3LjY1LS41Miw1Ni40NXEtLjE5LDcuNzEtLjQ3LDE1LjRDNzI3LjM2LDY0Ny44Myw3OTUuMzgsNTI2LjA5LDc2NC40NSwzOTcuMDhaIiBjbGFzcz0iY29sb3JhYTFkZDMgc3ZnU2hhcGUiPjwvcGF0aD48L3N2Zz48L2c+PC9zdmc+'); + --playlistsIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9IndlYi1uYXZpZ2F0aW9uX19wbGF5bGlzdC1pY29uIiBhcmlhLWhpZGRlbj0idHJ1ZSI+PHBhdGggZD0iTTEzLjA3OSAxOS43MTJjMS4wNzYgMCAyLjY4OC0uNzkgMi42ODgtMi45MjJ2LTYuNzAyYzAtLjM4OC4wNzMtLjQ2OC40MTctLjU0MmwzLjM0Ny0uNzMyYS40OC40OCAwIDAwLjQwMy0uNDgzVjUuNTc3YzAtLjM4OC0uMzE1LS42MzctLjY4OC0uNTY0bC0zLjc2NS44MmMtLjQ2OS4xMDMtLjcyNS4zNTktLjcyNS43N2wuMDE1IDguMTQ0Yy4wMzYuMzU5LS4xMzIuNTkzLS40NTUuNjU5bC0xLjE2NC4yNDJjLTEuNDY1LjMwNy0yLjE1MyAxLjA1NC0yLjE1MyAyLjE2IDAgMS4xMi44NjQgMS45MDQgMi4wOCAxLjkwNHpNMTIuMDQ2IDguNjc1YS41MDMuNTAzIDAgMDAuNDk4LS40OTguNDk3LjQ5NyAwIDAwLS40OTgtLjQ5SDUuNDk4YS40OTIuNDkyIDAgMDAtLjQ5OC40OWMwIC4yNy4yMi40OTguNDk4LjQ5OGg2LjU0OHptMCAyLjYwN2EuNS41IDAgMDAuNDk4LS41MDUuNDkuNDkgMCAwMC0uNDk4LS40ODNINS40OThhLjQ4Ni40ODYgMCAwMC0uNDk4LjQ4M2MwIC4yNzguMjEyLjUwNS40OTguNTA1aDYuNTQ4em0wIDIuNjA4YS40OTQuNDk0IDAgMTAwLS45ODlINS40OThhLjQ5Mi40OTIgMCAwMC0uNDk4LjQ5LjQ5LjQ5IDAgMDAuNDk4LjQ5OWg2LjU0OHoiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbC1vcGFjaXR5PSIwLjY0IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+PC9zdmc+'); + --playlistFoldersIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0cHgiCiAgIGhlaWdodD0iMjRweCIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBjbGFzcz0id2ViLW5hdmlnYXRpb25fX2ZvbGRlci1pY29uIgogICBhcmlhLWhpZGRlbj0idHJ1ZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNCIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZm9sZGVyLWRhcmsuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMiAoYjhlMjViZTgzMywgMjAyMi0wMi0wNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjM0LjI5MTY2NyIKICAgICBpbmtzY2FwZTpjeD0iMTIiCiAgICAgaW5rc2NhcGU6Y3k9IjEyLjAxNDU4MSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Ik0xOCAxNy44NmMxLjI2IDAgMi0uNzMzIDItMi4xODVWOC40NGMwLTEuNDUyLS43NDctMi4xODQtMi4yMTItMi4xODRoLTYuNzY0Yy0uNDc5IDAtLjc2OC0uMTEzLTEuMTItLjQxNmwtLjQzLS4zNTJjLS40NjUtLjM5NS0uODI0LS41MjItMS41MjItLjUyMkg1Ljk0NUM0LjcxMiA0Ljk2NiA0IDUuNjcxIDQgNy4wODd2OC41ODhjMCAxLjQ1OS43NCAyLjE4NCAyLjIxMiAyLjE4NEgxOHptLjg2Ni04Ljk1NUg1LjEzNFY3LjE1YzAtLjY5Ny4zNjctMS4wNTYgMS4wNDMtMS4wNTZoMS40ODdjLjQ2NSAwIC43NDYuMTIgMS4xMDYuNDIybC40My4zNmMuNDU3LjM4LjgzLjUxNCAxLjUyOC41MTRoNy4wMzljLjY5NyAwIDEuMDk5LjM4IDEuMDk5IDEuMTEzdi40MDJ6bS0xLjEgNy44Mkg2LjIyN2MtLjcwNCAwLTEuMDkyLS4zNzMtMS4wOTItMS4xMDZ2LTUuNjVoMTMuNzMydjUuNjU3YzAgLjcyNi0uNDAyIDEuMDk5LTEuMSAxLjA5OXoiCiAgICAgZmlsbC1ydWxlPSJub256ZXJvIgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eTowLjYzOTk5OTk5IiAvPgo8L3N2Zz4K'); + --appleIcon : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhZmFmYWYiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjQiIGNsYXNzPSJ3ZWItY2hyb21lLXBsYXliYWNrLWxjZF9fbG9nbyIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGQ9Ik0xNC41NDk4MzMxLDUuNzkwNTU1NzYgTDE0Ljg2NjczNDYsNS43OTgyNDA3MyBDMTUuNjUxOTI3MSw1Ljg1NzUzODk1IDE3LjkxNjc4NTIsNi4wOTM1NDQ1MiAxOS4zNjYzMDgzLDguMTg2NTgyNTkgQzE5LjI0NTQ5OTIsOC4yNzYxOTAyIDE2LjY3ODYzODUsOS43MjExNTE4OCAxNi43MDkxMzc4LDEyLjc1ODk4NzYgQzE2LjczOTA5MTEsMTYuMzg3MDU1MyAxOS45Njk2NjgyLDE3LjU5NzAwNzkgMjAsMTcuNjI2NTA4NiBDMTkuOTY5NjY4MiwxNy43MTU1ODMyIDE5LjQ4NzQ5OSwxOS4zMzgxNTc4IDE4LjMwOTY0MDUsMjEuMDE4NTczOCBDMTcuMjgyOTIyOSwyMi40OTQxMjM1IDE2LjIyNTY4NzMsMjMuOTM5NDU0NyAxNC41MzQ1OTI1LDIzLjk2ODk3MzYgQzEyLjkwMzg3MjgsMjMuOTk4NDc0MyAxMi4zNTk5Njk3LDIzLjAyNDYxODEgMTAuNDg4Nzk4MywyMy4wMjQ2MTgxIEM4LjYxNjI0OTQyLDIzLjAyNDYxODEgOC4wMTI0MzY1OCwyMy45Mzk0NTQ3IDYuNDcxOTM2NjgsMjMuOTk4NDc0MyBDNC44NDE0ODA2OCwyNC4wNTY3NzMgMy42MDQwOTQwMywyMi40MzM2NjUzIDIuNTc3MzU3ODEsMjAuOTU5NTUxMiBDMC40NjMwOTQ1NTQsMTcuOTc5OTI2NCAtMS4xMzczMTE5NiwxMi41NTMxMjQ4IDEuMDM2ODU3OTEsOC44OTQ2NTM4MiBDMi4wOTM5MDczMyw3LjA2NTg3MTEyIDQuMDI2NzE5NTksNS45MTYwMjU0NCA2LjEwOTc0ODI1LDUuODg2MTU1MjMgQzcuNzEwMTU0NzcsNS44NTc1Mzg5NSA5LjE4OTg0NTI1LDYuOTE5Mzk3NDQgMTAuMTU2NjU2Miw2LjkxOTM5NzQ0IEMxMS4xMjI5Mzk4LDYuOTE5Mzk3NDQgMTIuODQzMzI3MSw1LjY4MDU3MTEyIDE0Ljg2NjczNDYsNS43OTgyNDA3MyBaIE0xNC44ODI1NjksLTEuNTA5OTAzMzFlLTE0IEMxNS4wMzQzMTgsMS40MjA2MzQyMSAxNC40NTg5NDc2LDIuODEwODU2MDQgMTMuNjExMDU5NSwzLjg0NjIzNjU5IEMxMi43MzI1ODgzLDQuODUyNTcwNzcgMTEuMzQwNTc2OCw1LjY1MDQ3OTggOS45NDcyNzc3OSw1LjUzMjQ4MzA3IEM5Ljc2NTYwNjUzLDQuMTcxNDAxNTEgMTAuNDYyNDg0MSwyLjcyMjk3Nzg5IDExLjI0OTg0NTEsMS44MzU2MzY5MiBDMTIuMTI2NzQ2NSwwLjc5OTQ0NDY0MyAxMy42NDEzNzg5LDAuMDYwMjU1MzIzOSAxNC44ODI1NjksLTEuNTA5OTAzMzFlLTE0IFoiPjwvcGF0aD48L3N2Zz4="); + --appleMissingArtworkIcon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDEyMDAiIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjEyMDAiPjxwYXRoIGZpbGw9IiMzMjMyMzIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTAgMGgxMjAwdjEyMDBIMHoiLz48cGF0aCBmaWxsPSIjNDM0MzQzIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik03NzguNiAyOTUuMWMtMi4xLjItMjEuNSAzLjYtMjMuOCA0LjFsLTI2Ni41IDUzLjljLTcgMS41LTEyLjUgNC0xNi43IDcuNS01LjEgNC4zLTggMTAuMy05IDE3LjMtLjMgMS41LS42IDQuNi0uNiA5djMzNGMwIDMuOCAwIDcuMi0xIDExYTI1IDI1IDAgMCAxLTEzLjggMTYuOCA0NC43IDQ0LjcgMCAwIDEtMTAuNyAzLjFsLTE3LjQgMy41Yy0yMi4xIDQuNS0zNy40IDcuNS01MC41IDEyLjVhNzguMiA3OC4yIDAgMCAwLTI5LjIgMTguNyA2OS41IDY5LjUgMCAwIDAtMTggNTUuNyA2Ny41IDY3LjUgMCAwIDAgNTQgNjFjMTMuNCAyLjUgMjcuNiAxLjYgNDguMy0yLjYgMTEtMi4yIDIxLjQtNS42IDMxLjMtMTEuNGE3OS4xIDc5LjEgMCAwIDAgMzgtNTMuNGMyLjItMTAuOSAzLjMtMjIgMy4yLTMzVjUxNC4zYzAtMTUuNiA0LjEtMTkuNyAxNi43LTIyLjdsMjMzLTQ2LjhjMTQuNi0yLjggMjAuOCAxLjQgMjAuOCAxNi41djE5OS4xYzAgMy44LjMgNy4yLS42IDExLTEgMy43LTEuOCA3LjEtNC4zIDEwLTIuNCAzLTUuNCA1LjMtOC44IDYuOWE0NC44IDQ0LjggMCAwIDEtMTAuNyAzLjFMNzI1IDY5NWMtMjIuMSA0LjUtMzcuMiA3LjUtNTAuMiAxMi41YTc4IDc4IDAgMCAwLTI5LjIgMTguOCA3MC44IDcwLjggMCAwIDAtMTkuMiA1NS44IDcwLjggNzAuOCAwIDAgMCAyMi43IDQ0LjVjOS4xIDguNCAyMC40IDE0LjEgMzIuNSAxNi41IDEzLjMgMi43IDI3LjUgMS43IDQ4LjItMi40IDExLTIuMyAyMS40LTUuNiAzMS4zLTExLjRhNzguNCA3OC40IDAgMCAwIDM3LjctNTMuNmMyLjQtMTEuNCAyLjMtMjEuNyAyLjMtMzNWMzE4LjZjMC0xNS40LTgtMjQuOC0yMi40LTIzLjYiLz48L3N2Zz4K"); + --searchIcon : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE2IgogICBoZWlnaHQ9IjE2IgogICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgIGNsYXNzPSJkdC1zZWFyY2gtYm94X19pY29uIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJoZWxsbyAoMikuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMiAoYjhlMjViZTgzMywgMjAyMi0wMi0wNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjI1LjcxODc1IgogICAgIGlua3NjYXBlOmN4PSIwLjA1ODMyMzIwOCIKICAgICBpbmtzY2FwZTpjeT0iNS4yODc5NzA4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTExLjg3IDEwLjgzNWMuMDE4LjAxNS4wMzUuMDMuMDUxLjA0N2wzLjg2NCAzLjg2M2EuNzM1LjczNSAwIDEgMS0xLjA0IDEuMDRsLTMuODYzLTMuODY0YS43NDQuNzQ0IDAgMCAxLS4wNDctLjA1MSA2LjY2NyA2LjY2NyAwIDEgMSAxLjAzNS0xLjAzNXpNNi42NjcgMTJhNS4zMzMgNS4zMzMgMCAxIDAgMC0xMC42NjcgNS4zMzMgNS4zMzMgMCAwIDAgMCAxMC42Njd6IgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K"); + --paddleIcon : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDEzIDI5IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJwYWRkbGUtZGFyay5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMjguMzc5MzEiCiAgICAgaW5rc2NhcGU6Y3g9IjYuNTAxMjE1MSIKICAgICBpbmtzY2FwZTpjeT0iMTQuNTE3NjE4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZmlsbD0iI2ZmZmZmZiIKICAgICBkPSJNIDAsMC42NTEgMC43NzksMCAxMi43MTYsMTQuNSAwLjc3OSwyOSAwLDI4LjM0OSAxMS40MTMsMTQuNSBaIgogICAgIGlkPSJwYXRoMiIgLz4KPC9zdmc+Cg=="); + --airplayIcon : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgdmVyc2lvbj0iMS4xIgogICBpZD0idGV4dC1PTCIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAxMjUgMTI1IgogICBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjUgMTI1OyIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iQWlyUGxheV9XaGl0ZV9UcmFuc3BhcmVudC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+PGRlZnMKICAgaWQ9ImRlZnMxNyIgLz48c29kaXBvZGk6bmFtZWR2aWV3CiAgIGlkPSJuYW1lZHZpZXcxNSIKICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICBzaG93Z3JpZD0iZmFsc2UiCiAgIGlua3NjYXBlOnpvb209IjYuNTg0IgogICBpbmtzY2FwZTpjeD0iNjIuNSIKICAgaW5rc2NhcGU6Y3k9IjYyLjU3NTk0MiIKICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0idGV4dC1PTCIgLz4KPHN0eWxlCiAgIHR5cGU9InRleHQvY3NzIgogICBpZD0ic3R5bGUyIj4KCS5zdDB7ZmlsbDojRkFGQUZBO2ZpbGwtb3BhY2l0eTowO30KCS5zdDF7ZmlsbDojMjIxRTFGO30KPC9zdHlsZT4KPHRpdGxlCiAgIGlkPSJ0aXRsZTQiPkFpclBsYXlfQmxhY2s8L3RpdGxlPgo8cmVjdAogICBjbGFzcz0ic3QwIgogICB3aWR0aD0iMTI1IgogICBoZWlnaHQ9IjEyNSIKICAgaWQ9InJlY3Q2IiAvPgo8ZwogICBpZD0iX0dyb3VwXyIKICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSI+Cgk8ZwogICBpZD0iX0dyb3VwXzIiCiAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjEiPgoJCTxwYXRoCiAgIGlkPSJfUGF0aF8iCiAgIGNsYXNzPSJzdDEiCiAgIGQ9Ik00My41LDg0LjFsMS4zLTEuNWMwLjMtMC4zLDAuMy0wLjgsMC0xLjFjLTEwLjUtOS43LTExLjItMjYuMi0xLjQtMzYuN3MyNi4yLTExLjIsMzYuNy0xLjQgICAgczExLjIsMjYuMiwxLjQsMzYuN2MtMC41LDAuNS0wLjksMS0xLjQsMS40Yy0wLjMsMC4zLTAuMywwLjgsMCwxLjFsMS4zLDEuNWMwLjMsMC4zLDAuOCwwLjMsMS4xLDAuMWMwLDAsMCwwLDAsMCAgICBjMTItMTEuMSwxMi43LTI5LjcsMS43LTQxLjdjLTExLjEtMTItMjkuNy0xMi43LTQxLjctMS43cy0xMi43LDI5LjctMS43LDQxLjdjMC41LDAuNiwxLjEsMS4xLDEuNywxLjcgICAgQzQyLjgsODQuNCw0My4yLDg0LjQsNDMuNSw4NC4xeiIKICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIgLz4KCQk8cGF0aAogICBpZD0iX1BhdGhfMiIKICAgY2xhc3M9InN0MSIKICAgZD0iTTQ0LjgsNjIuNWMwLTkuNyw3LjktMTcuNiwxNy42LTE3LjZTODAsNTIuOSw4MCw2Mi42YzAsNC44LTIsOS41LTUuNSwxMi44ICAgIGMtMC4zLDAuMy0wLjMsMC44LDAsMS4xbDEuMywxLjVjMC4zLDAuMywwLjgsMC40LDEuMSwwLjFjMCwwLDAsMCwwLDBjOC41LTgsOC45LTIxLjMsMS0yOS44cy0yMS4zLTguOS0yOS44LTFTMzkuMSw2OC41LDQ3LDc3ICAgIGMwLjMsMC4zLDAuNiwwLjcsMSwxYzAuMywwLjMsMC44LDAuMywxLjEsMGMwLDAsMCwwLDAsMGwxLjMtMS41YzAuMy0wLjMsMC4zLTAuOCwwLTEuMUM0Ni45LDcyLjEsNDQuOCw2Ny40LDQ0LjgsNjIuNXoiCiAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjEiIC8+CgkJPHBhdGgKICAgaWQ9Il9QYXRoXzMiCiAgIGNsYXNzPSJzdDEiCiAgIGQ9Ik01My4yLDYyLjVjMC01LjEsNC4xLTkuMiw5LjItOS4yYzUuMSwwLDkuMiw0LjEsOS4yLDkuMmMwLDIuNS0xLDQuOC0yLjgsNi42ICAgIGMtMC4zLDAuMy0wLjMsMC44LDAsMS4xbDEuMywxLjVjMC4zLDAuMywwLjgsMC4zLDEuMSwwYzAsMCwwLDAsMCwwYzUtNC45LDUuMi0xMi45LDAuMy0xOHMtMTIuOS01LjItMTgtMC4zcy01LjIsMTIuOS0wLjMsMTggICAgYzAuMSwwLjEsMC4yLDAuMiwwLjMsMC4zYzAuMywwLjMsMC44LDAuMywxLjEsMGMwLDAsMCwwLDAsMGwxLjMtMS41YzAuMy0wLjMsMC4zLTAuOCwwLTEuMUM1NC4yLDY3LjQsNTMuMiw2NSw1My4yLDYyLjV6IgogICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPgoJPC9nPgoJPHBhdGgKICAgaWQ9Il9QYXRoXzQiCiAgIGNsYXNzPSJzdDEiCiAgIGQ9Ik04MC45LDg5LjFMNjMuNSw2OS4zYy0wLjUtMC42LTEuMy0wLjYtMS45LTAuMWMwLDAtMC4xLDAuMS0wLjEsMC4xTDQzLjksODkuMSAgIGMtMC40LDAuNS0wLjQsMS4yLDAuMSwxLjdjMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNoMzUuM2MwLjYsMCwxLjItMC41LDEuMi0xLjJDODEuMiw4OS42LDgxLjEsODkuMyw4MC45LDg5LjF6IgogICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPgo8L2c+CjxtZXRhZGF0YQogICBpZD0ibWV0YWRhdGE5MDYiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICByZGY6YWJvdXQ9IiI+PGRjOnRpdGxlPkFpclBsYXlfQmxhY2s8L2RjOnRpdGxlPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48L3N2Zz4K"); + --appleMusicIcon : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MyIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDgzIDIwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbG9nby12ZWN0b3IiIHJvbGU9InByZXNlbnRhdGlvbiI+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZD0iTTM0Ljc1MiAxOS43NDZWNi4yNDNoLS4wODhsLTUuNDMzIDEzLjUwM2gtMi4wNzRMMjEuNzExIDYuMjQzaC0uMDg3djEzLjUwM2gtMi41NDhWMS4zOTloMy4yMzVsNS44MzMgMTQuNjIxaC4xTDM0LjA2NCAxLjRoMy4yNDh2MTguMzQ3aC0yLjU2em0xNi42NDkgMGgtMi41ODZ2LTIuMjYzaC0uMDYyYy0uNzI1IDEuNjAyLTIuMDYxIDIuNTA0LTQuMDcyIDIuNTA0LTIuODYgMC00LjYxLTEuODk0LTQuNjEtNC45NThWNi4zN2gyLjY5OHY4LjEyNWMwIDIuMDM0Ljk1IDMuMTI3IDIuODEgMy4xMjcgMS45NSAwIDMuMTI0LTEuMzczIDMuMTI0LTMuNDU4VjYuMzdINTEuNHYxMy4zNzZ6bTcuMzk0LTEzLjYxOGMzLjA2IDAgNS4wNDYgMS43MyA1LjEzNCA0LjE5NmgtMi41MzZjLS4xNS0xLjI5Ni0xLjA4Ny0yLjExLTIuNTk4LTIuMTEtMS40NjIgMC0yLjQzNi43MjQtMi40MzYgMS43OTMgMCAuODM5LjYgMS40MSAyLjAyMyAxLjc0MWwyLjEzNi40OTZjMi42ODYuNjM2IDMuNzEgMS43MDQgMy43MSAzLjYzNiAwIDIuNDQyLTIuMjM2IDQuMTItNS4zMzMgNC4xMi0zLjI4NSAwLTUuMjYtMS42NC01LjUwOS00LjE4M2gyLjY3M2MuMjUgMS4zOTggMS4xODcgMi4wODUgMi44MzYgMi4wODUgMS42MjMgMCAyLjYyMy0uNjg3IDIuNjIzLTEuNzggMC0uODY1LS40ODctMS4zNzMtMS45MjQtMS43MDRsLTIuMTM2LS41MDhjLTIuNDk4LS41ODUtMy43MzUtMS44MDYtMy43MzUtMy43NSAwLTIuMzkxIDIuMDQ5LTQuMDMyIDUuMDcyLTQuMDMyek02Ni4xIDIuODM2YzAtLjg3OC43LTEuNTc3IDEuNTYxLTEuNTc3Ljg2MiAwIDEuNTUuNyAxLjU1IDEuNTc3IDAgLjg2NC0uNjg4IDEuNTc2LTEuNTUgMS41NzZhMS41NzMgMS41NzMgMCAwIDEtMS41Ni0xLjU3NnptLjIxMiAzLjUzNGgyLjY5OHYxMy4zNzZoLTIuNjk4VjYuMzd6bTE0LjA4OSA0LjYwM2MtLjI3NS0xLjQyNC0xLjMyNC0yLjU1Ni0zLjA4NS0yLjU1Ni0yLjA4NiAwLTMuNDYgMS43NjctMy40NiA0LjY0IDAgMi45MzggMS4zODYgNC42NDIgMy40ODUgNC42NDIgMS42NiAwIDIuNzQ4LS45MjggMy4wNi0yLjQ4SDgzQzgyLjcxMyAxOC4wNjcgODAuNDc3IDIwIDc3LjMxNyAyMGMtMy43NiAwLTYuMjA4LTIuNjItNi4yMDgtNi45NDIgMC00LjI0NyAyLjQ0OC02LjkzIDYuMTgzLTYuOTMgMy4zODUgMCA1LjQ0NiAyLjIxMyA1LjY4MyA0Ljg0NWgtMi41NzN6TTEwLjgyNCAzLjE4OWMtLjY5OC44MzQtMS44MDUgMS40OTYtMi45MTMgMS4zOTgtLjE0NS0xLjEyOC40MS0yLjMzIDEuMDM2LTMuMDY1QzkuNjQ0LjY2MiAxMC44NDguMDUgMTEuODM1IDBjLjEyMSAxLjE3OC0uMzM2IDIuMzMtMS4wMSAzLjE5em0uOTk5IDEuNjE5Yy42MjQuMDQ5IDIuNDI1LjI0NCAzLjU3OCAxLjk4LS4wOTYuMDc0LTIuMTM3IDEuMjcyLTIuMTEzIDMuNzkuMDI0IDMuMDEgMi41OTMgNC4wMTIgMi42MTcgNC4wMzctLjAyNC4wNzQtLjQwNyAxLjQxOS0xLjM0NCAyLjgxMi0uODE3IDEuMjI0LTEuNjU3IDIuNDIyLTMuMDAyIDIuNDQ3LTEuMjk3LjAyNC0xLjczLS43ODMtMy4yMTgtLjc4My0xLjQ4OSAwLTEuOTcuNzU4LTMuMTk0LjgwNy0xLjI5Ny4wNDgtMi4yOC0xLjI5Ny0zLjA5Ny0yLjUyQy4zNjggMTQuOTA4LS45MDQgMTAuNDA4LjgyNSA3LjM3NWMuODQtMS41MTYgMi4zNzctMi40NyA0LjAzNC0yLjQ5NSAxLjI3My0uMDIzIDIuNDUuODU3IDMuMjE4Ljg1Ny43NjkgMCAyLjEzNy0xLjAyNyAzLjc0Ni0uOTN6Ij48L3BhdGg+PC9zdmc+"); + --moreIcon : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgZmlsbD0id2hpdGUiCiAgIHZpZXdCb3g9IjAgMCAyNyAyNyIKICAgY2xhc3M9ImdseXBoIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJtb3JlX2Rhcmsuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjIuMSAoOWM2ZDQxZTQxMCwgMjAyMi0wNy0xNCkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjMwLjcwMzcwNCIKICAgICBpbmtzY2FwZTpjeD0iMTMuNSIKICAgICBpbmtzY2FwZTpjeT0iMTMuNTE2Mjg1IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTguODk1NDc2NzcgMTMuNTMzMDA3M2MwLTEuMTA1NzQ1Ny0uOTczNzE2MzgtMi4wOTU5NjU3LTIuMDk1OTY1NzctMi4wOTU5NjU3LTEuMTM4NzUzMDUgMC0yLjA3OTQ2MjEuOTkwMjItMi4wNzk0NjIxIDIuMDk1OTY1NyAwIDEuMTIyMjQ5NC45NDA3MDkwNSAyLjA3OTQ2MjEgMi4wNzk0NjIxIDIuMDc5NDYyMSAxLjEyMjI0OTM5IDAgMi4wOTU5NjU3Ny0uOTU3MjEyNyAyLjA5NTk2NTc3LTIuMDc5NDYyMXptNi42ODM5ODUzMyAwYzAtMS4xMDU3NDU3LS45NTcyMTI3LTIuMDk1OTY1Ny0yLjA3OTQ2MjEtMi4wOTU5NjU3LTEuMTIyMjQ5NCAwLTIuMDc5NDYyMS45OTAyMi0yLjA3OTQ2MjEgMi4wOTU5NjU3IDAgMS4xMjIyNDk0Ljk1NzIxMjcgMi4wNzk0NjIxIDIuMDc5NDYyMSAyLjA3OTQ2MjEgMS4xMjIyNDk0IDAgMi4wNzk0NjIxLS45NTcyMTI3IDIuMDc5NDYyMS0yLjA3OTQ2MjF6bTYuNzAwNDg5IDBjMC0xLjEwNTc0NTctLjk0MDcwOS0yLjA5NTk2NTctMi4wNzk0NjIxLTIuMDk1OTY1Ny0xLjEyMjI0OTQgMC0yLjA5NTk2NTguOTkwMjItMi4wOTU5NjU4IDIuMDk1OTY1NyAwIDEuMTIyMjQ5NC45NzM3MTY0IDIuMDc5NDYyMSAyLjA5NTk2NTggMi4wNzk0NjIxIDEuMTM4NzUzMSAwIDIuMDc5NDYyMS0uOTU3MjEyNyAyLjA3OTQ2MjEtMi4wNzk0NjIxeiIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2ZhNTg2YTtmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=="); + // Mac Style Playback buttons + + .playback-button--small.shuffle.active { + -webkit-mask-image : var(--shuffleIconActive); + -webkit-mask-position: center; + -webkit-mask-size : 75%; + -webkit-mask-repeat : no-repeat; + background-image : none; + background-color : var(--keyColor); + opacity : 1; + + &::before { + display: none; + } + + } + + .playback-button--small.repeat { + background-image: var(--repeatIcon); + background-size : 75%; + opacity : 1; + + + } + + .playback-button--small.repeat.repeatOne { + -webkit-mask-image : var(--repeatIconRepeatOne); + -webkit-mask-position: center; + -webkit-mask-size : 75%; + -webkit-mask-repeat : no-repeat; + background-image : none; + background-color : var(--keyColor); + opacity : 1; + + &::before { + display: none; + } + + } + + .playback-button--small.repeat.active { + -webkit-mask-image : var(--repeatIconActive); + -webkit-mask-position: center; + -webkit-mask-size : 75%; + -webkit-mask-repeat : no-repeat; + background-image : none; + background-color : var(--keyColor); + opacity : 1; + + &::before { + display: none; + } + + } + + .playback-button.previous { + background-image: var(--previousIcon); + background-size : 100%; + opacity : 0.75; + width : 34px; + height : 34px; + + } + + .playback-button.next { + background-image: var(--nextIcon); + background-size : 100%; + opacity : 0.75; + width : 34px; + height : 34px; + + } + + .playback-button.play { + background-image: var(--playIcon); + background-size : 100%; + opacity : 0.75; + width : 34px; + height : 34px; + } + + .playback-button.pause { + background-image: var(--pauseIcon); + background-size : 100%; + opacity : 0.75; + width : 34px; + height : 34px; + } + + .playback-button--small.cast { + background-image : var(--airplayIcon); + background-size : 100%; + opacity : 1; + width : 34px; + height : 34px; + // filter : brightness(0.9); + filter : none !important; + } + + .volume-button--small.volume { + background-image: var(--volumeIcon); + background-size : 100%; + opacity : 1; + width : 18px; + height : 18px; + margin-right : 5px; + } + + // .fullscreen-view .tab-toggles .lyrics, + .playback-button--small.lyrics { + background-image: var(--lyricsIcon); + background-size : 60%; + opacity : 1; + width : 40px; + height : 32px; + margin-right : 6px; + } + + .fullscreen-view .tab-toggles .lyrics { + background-image : var(--lyricsIcon); + background-size : 100% !important; + background-position: center; + filter : brightness(1.5) + } + + .search-hints .search-hint { + background-image : var(--searchIcon); + background-size : 10px; + background-position-x: 5px; + background-position-y: center; + background-repeat : no-repeat; + padding-left : 25px; + + &:hover, + &.active { + background-image : var(--searchIcon) !important; + background-size : 10px; + background-position-x: 5px; + background-position-y: center; + background-repeat : no-repeat; + padding-left : 25px; + } + } + + .search-hints .cd-queue-item:hover { + // background-color : transparent !important; + background-image : var(--moreIcon) !important; + background-size : 20px; + background-position: 95% center; + background-repeat : no-repeat; + color : var(--textColor) !important; + background-color: rgba(200,200,200,0.15) !important; + } + + // Mac Style menu icons + #app-sidebar { + .search-input--icon { + background-image: var(--searchIcon); + } + + .app-sidebar-item .feather:not(.feather-home) { + color: transparent !important; + } + + .sidebar-icon>svg.feather.feather-play-circle { + background-image : var(--listenNowIcon); + background-repeat : no-repeat; + background-position: center; + color : transparent; + } + + .app-sidebar-item>div[svg-name='sidebar-listenNow'] { + background : var(--keyColor) !important; + background-image : var(--listenNowIcon); + --size : 20px; + --icon : var(--listenNowIcon) !important; + -webkit-mask-size: 120%; + } + + .sidebar-icon>svg.feather.feather-globe { + background-image : var(--browseIcon); + background-repeat : no-repeat; + background-position: center; + color : transparent; + } + + .app-sidebar-item>div[svg-name='sidebar-browse'] { + background : var(--keyColor) !important; + background-image : var(--browseIcon); + --size : 20px; + --icon : var(--browseIcon) !important; + -webkit-mask-size: 120%; + } + + .sidebar-icon>svg.feather.feather-radio { + background-image : var(--radioIcon); + background-repeat : no-repeat; + background-position: center; + background-size : 100%; + color : transparent; + } + + .app-sidebar-item>div[svg-name='sidebar-radio'] { + background : var(--keyColor) !important; + background-image : var(--radioIcon); + --size : 20px; + --icon : var(--radioIcon) !important; + -webkit-mask-size: 120%; + } + + .sidebar-icon>svg.feather.feather-plus-circle { + background-image : var(--recentsIcon); + background-repeat : no-repeat; + background-position: center; + color : transparent; + } + + .app-sidebar-item>div[svg-name='sidebar-recentlyAdded'] { + background : var(--keyColor) !important; + background-image : var(--recentsIcon); + --size : 20px; + --icon : var(--recentsIcon) !important; + -webkit-mask-size: 120%; + } + + .sidebar-icon>svg.feather.feather-music { + background-image : var(--songsIcon); + background-repeat : no-repeat; + background-position: center; + color : transparent; + } + + .app-sidebar-item>div[svg-name='sidebar-songs'] { + background : var(--keyColor) !important; + background-image : var(--songsIcon); + --size : 20px; + --icon : var(--songsIcon) !important; + -webkit-mask-size: 120%; + } + + .sidebar-icon>svg.feather.feather-disc { + background-image : var(--albumsIcon); + background-repeat : no-repeat; + background-position: center; + color : transparent; + } + + .app-sidebar-item>div[svg-name='sidebar-albums'] { + background : var(--keyColor) !important; + background-image : var(--albumsIcon); + --size : 20px; + --icon : var(--albumsIcon) !important; + -webkit-mask-size: 120%; + } + + .sidebar-icon>svg.feather.feather-user { + background-image : var(--artistsIcon); + background-repeat : no-repeat; + background-position: center; + color : transparent; + } + + .app-sidebar-item>div[svg-name='sidebar-artists'] { + background : var(--keyColor) !important; + background-image : var(--artistsIcon); + --size : 20px; + --icon : var(--artistsIcon) !important; + -webkit-mask-size: 120%; + } + + .sidebar-icon>svg.feather.feather-video { + background-image : var(--videosIcon); + background-repeat : no-repeat; + background-position: center; + background-size : 100%; + color : transparent; + } + + .app-sidebar-item>div[svg-name='sidebar-videos'] { + background : var(--keyColor) !important; + background-image : var(--videosIcon); + --size : 20px; + --icon : var(--videosIcon) !important; + -webkit-mask-size: contain; + } + + .sidebar-icon>svg.feather.feather-mic { + background-image : var(--podcastsIcon); + background-repeat : no-repeat; + background-position: center; + background-size : 100%; + color : transparent; + } + + .app-sidebar-item>div[svg-name='sidebar-podcasts'] { + background : var(--keyColor) !important; + background-image : var(--podcastsIcon); + --size : 20px; + --icon : var(--podcastsIcon) !important; + -webkit-mask-size: contain; + } + + .sidebar-icon>svg.feather.feather-list { + background-image : var(--playlistsIcon); + background-repeat : no-repeat; + background-position: center; + background-size : 130%; + color : transparent; + } + + .app-sidebar-item-playlist>div[svg-name='sidebar-playlist'] { + background : white !important; + --icon : var(--playlistsIcon) !important; + -webkit-mask-size: 135%; + aspect-ratio : 1; + } + + .app-sidebar-item-playlist>._svg-icon { + background-image: none; + } + + .sidebar-icon>svg.feather.feather-folder { + background-image : var(--playlistFoldersIcon); + background-repeat : no-repeat; + background-position: center; + background-size : 130%; + color : transparent; + } + + .playlist-folder>div[svg-name='sidebar-playlist'] { + background : white !important; + --icon : var(--playlistFoldersIcon) !important; + -webkit-mask-size: 135%; + aspect-ratio : 1; + } + + .sidebar-icon .feather-home { + color: var(--keyColor) !important; + } + + .app-sidebar-item>div[svg-name='sidebar-home'] { + background: var(--keyColor); + } + + .sidebar-playlist>button>.sidebar-icon>svg.feather-list { + color: transparent; + } + } + + .modal-fullscreen .modal-window { + .modal-content .sidebar-playlist { + .app-sidebar-item-playlist>div[svg-name='sidebar-playlist'] { + --icon : var(--playlistsIcon) !important; + -webkit-mask-size: 135%; + aspect-ratio : 1; + } + + .playlist-folder>div[svg-name='sidebar-playlist'] { + --icon : var(--playlistFoldersIcon) !important; + -webkit-mask-size: 135%; + aspect-ratio : 1; + } + + // legacy + .sidebar-icon>svg { + &.feather-list { + background-image : var(--playlistsIcon); + background-repeat : no-repeat; + background-position: center; + background-size : 130%; + color : transparent !important; + } + + + &.feather-folder { + background-image : var(--playlistFoldersIcon); + background-repeat : no-repeat; + background-position: center; + background-size : 130%; + color : transparent !important; + } + } + + &:hover { + .sidebar-icon>svg { + &.feather-list { + filter: invert(1); + } + + &.feather-folder { + filter: invert(1); + } + } + } + } + } + + // Display Apple Logo when player is empty + .app-chrome .app-chrome-item.playback-controls:empty { + background-image : var(--appleIcon) !important; + background-repeat : no-repeat; + background-position: center; + background-size : auto !important; + display : flex; + justify-content : flex-start; + } + + .v-hl-btn-between[data-v-45080727] { + opacity : 0.3; + transition: opacity 0.2s var(--appleEase); + + &.v-hl-btn-prev { + transform: rotate(180deg); + left : -30px; + } + + &.v-hl-btn-next { + right: -12.5px; + } + + &:hover { + opacity : 1; + transition: opacity 0.2s var(--appleEase); + } + + svg { + color : transparent; + background : none; + background-image : var(--paddleIcon); + background-position: center; + background-repeat : no-repeat; + box-shadow : none; + } + } + + // Add Music Video Icons to Songs that are Music Videos + div[data-type="library-music-videos"] .info-rect .title::before, + div[data-type="musicVideo"] .info-rect .title::before { + content : ""; + background-image : var(--videosIcon); + filter : invert(0); + display : inline-block; + width : 16px; + height : 16px; + margin-bottom : -4px; + background-size : contain; + background-repeat: no-repeat; + } + + .app-chrome--center .playback-controls:empty::before { + content : ""; + width : auto; + height : 100%; + aspect-ratio : 1; + background-image : var(--appleMissingArtworkIcon); + display : block; + background-repeat: no-repeat; + background-size : contain; + border-radius : .15rem; + + } + } +} + +:root:not(.dark) { + @media (prefers-color-scheme: light) { + #app { + --listenNowIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJpbWFnZS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjkxNjY3IgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDE0NTgxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTEyIDIwYzQuMzc2IDAgOC0zLjYzMSA4LTggMC00LjM3Ni0zLjYzMS04LTguMDA4LThDNy42MjQgNCA0IDcuNjI0IDQgMTJjMCA0LjM2OSAzLjYzMSA4IDggOHptMC0xLjMzM0E2LjYzNCA2LjYzNCAwIDAxNS4zNDEgMTJhNi42MjggNi42MjggMCAwMTYuNjUxLTYuNjY3QTYuNjUzIDYuNjUzIDAgMDExOC42NjcgMTIgNi42MzYgNi42MzYgMCAwMTEyIDE4LjY2N3ptLTEuNDY3LTMuNmw0LjQ2My0yLjYzNmEuNDgzLjQ4MyAwIDAwMC0uODM5TDEwLjUzMyA4Ljk1Yy0uMzM3LS4yMDQtLjc4NC0uMDQ3LS43ODQuMzN2NS40NThjMCAuMzc3LjQxNi41NS43ODQuMzN6IgogICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICBmaWxsPSIjRkE1ODZBIgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojZDYwMDE3O2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K'); + --browseIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJnbG9iZS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjkxNjY3IgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDE0NTgxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTkuOTIgMTEuMzU0Yy45NjYgMCAxLjQ1My0uNDg3IDEuNDUzLTEuNDl2LTMuNGMwLTEuMDA0LS40ODctMS40ODMtMS40NTMtMS40ODNINi40NTJDNS40ODcgNC45ODEgNSA1LjQ2IDUgNi40NjR2My40YzAgMS4wMDMuNDg3IDEuNDkgMS40NTIgMS40OUg5Ljkyem03LjYyOCAwYy45NjUgMCAxLjQ1Mi0uNDg3IDEuNDUyLTEuNDl2LTMuNGMwLTEuMDA0LS40ODctMS40ODMtMS40NTItMS40ODNoLTMuNDZjLS45NzQgMC0xLjQ2LjQ3OS0xLjQ2IDEuNDgzdjMuNGMwIDEuMDAzLjQ4NiAxLjQ5IDEuNDYgMS40OWgzLjQ2em0tNy42NS0xLjA3M2gtMy40M2MtLjI2NiAwLS4zOTYtLjEzNy0uMzk2LS40MTh2LTMuNGMwLS4yNzMuMTMtLjQxLjM5Ni0uNDFoMy40M2MuMjY1IDAgLjQwMi4xMzcuNDAyLjQxdjMuNGMwIC4yODEtLjEzNy40MTgtLjQwMy40MTh6bTcuNjM0IDBoLTMuNDNjLS4yNzMgMC0uNDAyLS4xMzctLjQwMi0uNDE4di0zLjRjMC0uMjczLjEyOS0uNDEuNDAzLS40MWgzLjQzYy4yNjUgMCAuMzk1LjEzNy4zOTUuNDF2My40YzAgLjI4MS0uMTMuNDE4LS4zOTYuNDE4em0tNy42MTIgOC43Yy45NjYgMCAxLjQ1My0uNDggMS40NTMtMS40ODN2LTMuNDA3YzAtLjk5Ni0uNDg3LTEuNDgzLTEuNDUzLTEuNDgzSDYuNDUyYy0uOTY1IDAtMS40NTIuNDg3LTEuNDUyIDEuNDgzdjMuNDA3YzAgMS4wMDQuNDg3IDEuNDgzIDEuNDUyIDEuNDgzSDkuOTJ6bTcuNjI4IDBjLjk2NSAwIDEuNDUyLS40OCAxLjQ1Mi0xLjQ4M3YtMy40MDdjMC0uOTk2LS40ODctMS40ODMtMS40NTItMS40ODNoLTMuNDZjLS45NzQgMC0xLjQ2LjQ4Ny0xLjQ2IDEuNDgzdjMuNDA3YzAgMS4wMDQuNDg2IDEuNDgzIDEuNDYgMS40ODNoMy40NnptLTcuNjUtMS4wNzJoLTMuNDNjLS4yNjYgMC0uMzk2LS4xMzctLjM5Ni0uNDF2LTMuNGMwLS4yODIuMTMtLjQxOC4zOTYtLjQxOGgzLjQzYy4yNjUgMCAuNDAyLjEzNi40MDIuNDE4djMuNGMwIC4yNzMtLjEzNy40MS0uNDAzLjQxem03LjYzNCAwaC0zLjQzYy0uMjczIDAtLjQwMi0uMTM3LS40MDItLjQxdi0zLjRjMC0uMjgyLjEyOS0uNDE4LjQwMy0uNDE4aDMuNDNjLjI2NSAwIC4zOTUuMTM2LjM5NS40MTh2My40YzAgLjI3My0uMTMuNDEtLjM5Ni40MXoiCiAgICAgZmlsbC1ydWxlPSJub256ZXJvIgogICAgIGZpbGw9IiNGQTU4NkEiCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiNkNjAwMTc7ZmlsbC1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo='); + --radioIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJyYWRpby5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjkxNjY3IgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDE0NTgxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTE5LjM1OSAxOC41N0MyMS4wMzMgMTYuODE4IDIyIDE0LjQ2MSAyMiAxMS44OXMtLjk2Ny00LjkzLTIuNjQxLTYuNjhjLS4yNzYtLjI5Mi0uNjUzLS4yNi0uODY4LS4wMjMtLjIyMi4yNDYtLjE3Ni41OTEuMDg1Ljg2OCAxLjQ2NiAxLjUzNSAyLjI3MiAzLjU5MyAyLjI3MiA1LjgzNSAwIDIuMjQxLS44MDYgNC4zLTIuMjcyIDUuODM1LS4yNjEuMjY4LS4zMDcuNjIxLS4wODUuODYuMjE1LjI0NS41OTIuMjc2Ljg2OC0uMDE2em0tMTMuODUuMDE0Yy4yMjItLjIzOC4xNzYtLjU5LS4wODUtLjg2LTEuNDc0LTEuNTM1LTIuMjcyLTMuNTkzLTIuMjcyLTUuODM0IDAtMi4yNDIuNzk4LTQuMyAyLjI3Mi01LjgzNS4yNjEtLjI3Ny4zMDctLjYyMi4wODUtLjg2OC0uMjE1LS4yMzgtLjU5Mi0uMjY5LS44NjguMDIzQzIuOTY3IDYuOTYgMiA5LjMxOCAyIDExLjg5cy45NjcgNC45MjkgMi42NDEgNi42OGMuMjc2LjI5LjY1My4yNi44NjguMDE0em0xLjk1Ny0xLjg3M2MuMjIzLS4yNTMuMTYyLS41ODMtLjEtLjg2Ny0uOTUxLTEuMDY4LTEuNDczLTIuNDUtMS40NzMtMy45NTQgMC0xLjUwNS41MjItMi44ODcgMS40NzQtMy45NTQuMjYtLjI4NC4zMjItLjYxNC4xLS44NzYtLjIzLS4yNi0uNjIyLS4yNi0uODkxLjAzOS0xLjE3NSAxLjI3NC0xLjgyNyAyLjk2My0xLjgyNyA0Ljc5IDAgMS44Mi42NTIgMy41MTcgMS44MjcgNC43ODQuMjY5LjMuNjYuMzA3Ljg5LjAzOHptOS45NTgtLjAzOGMxLjE3NS0xLjI2NyAxLjgyNy0yLjk2NCAxLjgyNy00Ljc4MyAwLTEuODI4LS42NTItMy41MTctMS44MjctNC43OTEtLjI2OS0uMy0uNjYtLjMtLjg5LS4wMzktLjIzLjI2Mi0uMTYyLjU5Mi4wOTIuODc2Ljk2IDEuMDY3IDEuNDgxIDIuNDQ5IDEuNDgxIDMuOTU0IDAgMS41MDQtLjUyMiAyLjg4Ni0xLjQ4MSAzLjk1NC0uMjU0LjI4NC0uMzIzLjYxNC0uMDkyLjg2Ny4yMy4yNjkuNjIxLjI2MS44OS0uMDM4em0tOC4wNjEtMS45NjZjLjIzLS4yNi4xMy0uNTY4LS4wOTItLjg4My0uNDE1LS41MjItLjYzLTEuMTk3LS42My0xLjkzNCAwLS43MzcuMjE1LTEuNDEzLjYzLTEuOTQzLjIyMi0uMzA3LjMyMi0uNjE0LjA5Mi0uODc1cy0uNjUzLS4yNjEtLjkwNi4wNTRhNC4zODUgNC4zODUgMCAwMC0uOTY4IDIuNzY0IDQuMzggNC4zOCAwIDAwLjk2OCAyLjc1NmMuMjUzLjMyMi42NzUuMzIyLjkwNi4wNjF6bTYuMTgtLjA2MWE0LjM4IDQuMzggMCAwMC45NjgtMi43NTYgNC4zODUgNC4zODUgMCAwMC0uOTY4LTIuNzY0Yy0uMjUzLS4zMTUtLjY3NS0uMzE1LS45MDYtLjA1NC0uMjMuMjYxLS4xMzguNTY4LjA5Mi44NzUuNDE1LjUzLjYzIDEuMjA2LjYzIDEuOTQzIDAgLjczNy0uMjE1IDEuNDEyLS42MyAxLjkzNC0uMjMuMzE1LS4zMjIuNjIyLS4wOTIuODgzcy42NTMuMjYxLjkwNi0uMDYxem0tMy41NDctLjk2N2MuOTYgMCAxLjc4OS0uODE0IDEuNzg5LTEuNzk3cy0uODMtMS43ODktMS43ODktMS43ODljLS45NiAwLTEuNzgxLjgwNi0xLjc4MSAxLjc4OSAwIC45ODMuODIxIDEuNzk3IDEuNzgxIDEuNzk3eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZmlsbD0iI0ZBNTg2QSIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=='); + --recentsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJyZWNlbnQuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMiAoYjhlMjViZTgzMywgMjAyMi0wMi0wNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjM0LjI5MTY2NyIKICAgICBpbmtzY2FwZTpjeD0iMTIiCiAgICAgaW5rc2NhcGU6Y3k9IjEyLjAxNDU4MSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Ik0xMiAyMGM0LjM3NiAwIDgtMy42MzEgOC04IDAtNC4zNzYtMy42MzEtOC04LjAwOC04QzcuNjI0IDQgNCA3LjYyNCA0IDEyYzAgNC4zNjkgMy42MzEgOCA4IDh6bTAtMS4zMzNBNi42MzQgNi42MzQgMCAwMTUuMzQxIDEyYTYuNjI4IDYuNjI4IDAgMDE2LjY1MS02LjY2N0E2LjY1MyA2LjY1MyAwIDAxMTguNjY3IDEyIDYuNjM2IDYuNjM2IDAgMDExMiAxOC42Njd6bS0uMDA4LTUuODJhLjU0LjU0IDAgMDAuNTUtLjU0OVY3LjAxMmEuNTQuNTQgMCAwMC0uNTUtLjU0MS41MzIuNTMyIDAgMDAtLjU0MS41NHY0Ljc0Nkg3Ljg5OGEuNTM0LjUzNCAwIDAwLS41NDkuNTQxYzAgLjMxNC4yMzUuNTUuNTQ5LjU1aDQuMDk0eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZmlsbD0iI0ZBNTg2QSIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=='); + --songsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJzb25nLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4xLjIgKGI4ZTI1YmU4MzMsIDIwMjItMDItMDUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzNC4yOTE2NjciCiAgICAgaW5rc2NhcGU6Y3g9IjEyIgogICAgIGlua3NjYXBlOmN5PSIxMi4wMTQ1ODEiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMDkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiIC8+CiAgPHBhdGgKICAgICBkPSJNOS43MzIgMTkuMjQxYzEuMDc3IDAgMi42ODgtLjc5IDIuNjg4LTIuOTIyVjkuNjE3YzAtLjM4OC4wNzQtLjQ2OS40MTgtLjU0MmwzLjM0Ny0uNzMyYS40OC40OCAwIDAwLjQwMy0uNDg0VjUuMTA1YzAtLjM4OC0uMzE1LS42MzctLjY4OS0uNTYzbC0zLjc2NC44MmMtLjQ3LjEwMi0uNzI1LjM1OS0uNzI1Ljc2OWwuMDE0IDguMTQ0Yy4wMzcuMzYtLjEzMi41OTQtLjQ1NC42NmwtMS4xNjQuMjQxYy0xLjQ2NS4zMDgtMi4xNTQgMS4wNTUtMi4xNTQgMi4xNiAwIDEuMTIyLjg2NCAxLjkwNSAyLjA4IDEuOTA1eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZmlsbD0iI0ZBNTg2QSIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=='); + --albumsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJhbGJ1bS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjkxNjY3IgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDE0NTgxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTE1LjQ3NyAzLjkzN2MtLjA0NC0uNjEtLjM5Ni0uOTM3LTEuMDctLjkzN0g5LjQzMWMtLjY3NSAwLTEuMDI3LjMyNy0xLjA3LjkzN2g3LjExNXptMS4yNCAyLjAxM2MtLjExLS42NTQtLjQyNS0xLjAyNS0xLjE1OS0xLjAyNUg4LjIyMmMtLjc0MSAwLTEuMDU3LjM3LTEuMTY3IDEuMDI1aDkuNjYyem0tLjMgMTQuMDVjMS4zMTMgMCAyLjA4My0uNzU2IDIuMDgzLTIuMjUydi04LjM3YzAtMS40OTYtLjc3OC0yLjI1Mi0yLjMwNC0yLjI1Mkg3LjgwNEM2LjI3IDcuMTI2IDUuNSA3Ljg3NSA1LjUgOS4zOHY4LjM2OUM1LjUgMTkuMjQ0IDYuMjcgMjAgNy44MDQgMjBoOC42MTJ6bS0uMDIzLTEuMTdINy44MThjLS43MzMgMC0xLjEzNy0uMzkyLTEuMTM3LTEuMTQ4VjkuNDM3YzAtLjc1Ni40MDQtMS4xNCAxLjEzNy0xLjE0aDguMzU2Yy43MjcgMCAxLjE0NS4zODQgMS4xNDUgMS4xNHY4LjI0NWMwIC43NTYtLjQxOCAxLjE0OC0uOTI1IDEuMTQ4eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZmlsbD0iI0ZBNTg2QSIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=='); + --artistsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJhcnRpc3Quc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMiAoYjhlMjViZTgzMywgMjAyMi0wMi0wNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjM0LjI5MTY2NyIKICAgICBpbmtzY2FwZTpjeD0iMTIiCiAgICAgaW5rc2NhcGU6Y3k9IjEyLjAxNDU4MSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Ik0xOC4zOSA5LjQyYzEuMjg5LTEuMjgyIDEuMzQtMi45MDguMTAyLTQuMTM5LTEuMjMtMS4yMTYtMi44NS0xLjE4Ni00LjEzOC4xMDNsNC4wMzYgNC4wMzV6bS02LjA4IDkuODU4YS42Ni42NiAwIDAwLjY2Ny0uNjY3di00LjMyOGwtLjA1MS0xLjA0OCAyLjIzNC0yLjA3MmMuODQyLjExIDEuNzI4LS4yMzUgMi40OS0xLjAwNEwxMy42MiA2LjEyNGMtLjc3Ni43NjEtMS4wOTggMS42MzMtLjk4OCAyLjQ3NWwtNi44MDUgNy4zMzJjLS4yNzguMy0uMzIyLjcxNy4wMjIgMS4wNjJMNC45MTMgMTguMmEuMzEuMzEgMCAwMC4wMzcuNDE4bC4yMTIuMjJhLjMwOS4zMDkgMCAwMC40MjUuMDI5bDEuMjA4LS45NDVjLjMzLjM0NC43NTUuMyAxLjA0OC4wMjJsMy44LTMuNTE2djQuMTgyYS42Ni42NiAwIDAwLjY2Ny42Njd6bS01LjA1My0yLjA3M2wtLjY3NC0uNjc0IDYuNDUzLTYuODRjLjEyNC4yMDUuMjc4LjQwMi40NjEuNTkzLjE4My4xODMuMzczLjM0NC41NzEuNDc2bC02LjgxMSA2LjQ0NXoiCiAgICAgZmlsbC1ydWxlPSJub256ZXJvIgogICAgIGZpbGw9IiNGQTU4NkEiCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiNkNjAwMTc7ZmlsbC1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo='); + --videosIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE5IgogICBoZWlnaHQ9IjE2IgogICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgIHN0cm9rZS1taXRlcmxpbWl0PSIyIgogICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDE5IDE2IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBjbGFzcz0ic29uZ3MtbGlzdC1yb3dfX3ZpZGVvLWdseXBoIgogICBpZD0ic3ZnNCIKICAgc29kaXBvZGk6ZG9jbmFtZT0idmlkZW9zLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4xLjIgKGI4ZTI1YmU4MzMsIDIwMjItMDItMDUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSI1MS40Mzc1IgogICAgIGlua3NjYXBlOmN4PSI5LjQ5Njk2MjMiCiAgICAgaW5rc2NhcGU6Y3k9IjguMDA5NzIwNSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz48cGF0aAogICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICBkPSJNMTYuNzQ3LDEyLjQzN2MxLjE2NiwwIDEuNzUzLC0wLjU2NSAxLjc1MywtMS43NzFsMCwtNy44OTVjMCwtMS4yMDYgLTAuNTg3LC0xLjc3MSAtMS43NTMsLTEuNzcxbC0xNC40OTQsMGMtMS4xNjYsMCAtMS43NTMsMC41NjUgLTEuNzUzLDEuNzcxbDAsNy44OTVjMCwxLjIwNiAwLjU4NywxLjc3MSAxLjc1MywxLjc3MWwxNC40OTQsMFptLTAuMDIsLTEuMTA5bC0xNC40NTQsMGMtMC40NywwIC0wLjY3NSwtMC4xOTMgLTAuNjc1LC0wLjY3NWwwLC03Ljg2MmMwLC0wLjQ4OSAwLjIwNSwtMC42ODIgMC42NzUsLTAuNjgybDE0LjQ1NCwwYzAuNDcsMCAwLjY3NSwwLjE5MyAwLjY3NSwwLjY4MmwwLDcuODYyYzAsMC40ODIgLTAuMjA1LDAuNjc1IC0wLjY3NSwwLjY3NVptLTguNzM4LC0xLjI5NmMwLjk3NiwwIDEuNjM3LC0wLjcwOSAxLjYzNywtMS43MDhsMCwtMi4zNjNjMCwtMC4yNTUgMC4wNTUsLTAuMzI0IDAuMjA1LC0wLjM1OWwxLjYwMywtMC4zODVjMC4zMjcsLTAuMDkgMC40MjksLTAuMTU5IDAuNDI5LC0wLjU1OWwwLC0xLjM1YzAsLTAuMjYyIC0wLjA5NSwtMC4zNzkgLTAuNDU3LC0wLjI4OWwtMS45OTEsMC41MDNjLTAuMzQxLDAuMDgyIC0wLjQxLDAuMTUxIC0wLjQxLDAuNTU4bDAsMy4xMDdjMCwwLjMwMyAtMC4wMjcsMC4zNTggLTAuMzc1LDAuNDU1bC0wLjYyNywwLjE2NWMtMC42MjEsMC4xNjUgLTEuMTM5LDAuNTM3IC0xLjEzOSwxLjIxM2MwLDAuNTg1IDAuNDM2LDEuMDEyIDEuMTI1LDEuMDEyWm01LjgzOSw0Ljk2OGMwLjM0OCwwIDAuNjI3LC0wLjI4OSAwLjYyNywtMC42NDhjMCwtMC4zNTggLTAuMjc5LC0wLjY0NyAtMC42MjcsLTAuNjQ3bC04LjY2OSwwYy0wLjM0OCwwIC0wLjYzNSwwLjI4OSAtMC42MzUsMC42NDdjMCwwLjM1OSAwLjI4NywwLjY0OCAwLjYzNSwwLjY0OGw4LjY2OSwwWiIKICAgICBmaWxsPSIjRkE1ODZBIgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojZDYwMDE3O2ZpbGwtb3BhY2l0eToxIiAvPjwvc3ZnPgo='); + --podcastsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgaWQ9IlN2Z2pzU3ZnMTAyOSIKICAgd2lkdGg9IjI4OCIKICAgaGVpZ2h0PSIyODgiCiAgIHZlcnNpb249IjEuMSIKICAgc29kaXBvZGk6ZG9jbmFtZT0icG9kY2FzdHMuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMiAoYjhlMjViZTgzMywgMjAyMi0wMi0wNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxMyIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIwLjM1NzIwNDg2IgogICAgIGlua3NjYXBlOmN4PSItMjI4LjE2MDM5IgogICAgIGlua3NjYXBlOmN5PSI3MjIuMjc0NiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iU3ZnanNTdmcxMDI5IiAvPgogIDxkZWZzCiAgICAgaWQ9IlN2Z2pzRGVmczEwMzAiIC8+CiAgPGcKICAgICBpZD0iU3ZnanNHMTAzMSIKICAgICBzdHlsZT0iZmlsbDojZDYwMDE3O2ZpbGwtb3BhY2l0eToxIj4KICAgIDxzdmcKICAgICAgIGRhdGEtbmFtZT0iQ2FwYSAxIgogICAgICAgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIKICAgICAgIHdpZHRoPSIyODgiCiAgICAgICBoZWlnaHQ9IjI4OCIKICAgICAgIHZlcnNpb249IjEuMSIKICAgICAgIGlkPSJzdmc5IgogICAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSI+CiAgICAgIDxwYXRoCiAgICAgICAgIGZpbGw9IiNmYTU4NmEiCiAgICAgICAgIGQ9Ik01OTggNzA0LjE4Yy0xLjQ5IDU4LjQ2LTcuNTggMTE2LjItMjYuMTggMTcyLTYuODQgMjAuNS01LjYyIDIyLjUyLTE0LjcxIDMxLjcxYTQyLjE2IDQyLjE2IDAgMDEtMjUuMjIgMTIuMjJjLTIyLjQ5IDIuNTYtNDkuMzcgMS41Ni02Ny41OC0yLjQ2LTcuNDgtMS42Ni0xNy42My00LjU4LTIzLjEzLTkuOS0xOC45Mi0xOC4yNy0xNy4xLTIyLjEzLTI1LjA4LTUyLTE3LjEtNjQtMjEuNzUtMTI5Ljc1LTIwLjU0LTE5NS42NSAxLTU1LjA3IDQ3LjI4LTk4LjkzIDEwMS05OS4yNiA1Mi41Mi0uMzIgOTYuNjEgNDAuMiAxMDEuMjIgOTQuMDhDNTk5LjIgNjcxLjE5IDU5OCA2ODcuNzQgNTk4IDcwNC4xOHpNMzk0Ljg2IDQyOS41M2MtLjI3LTU3LjgyIDQ3Ljg5LTEwNC42OCAxMDctMTA0LjA4IDUxLjQ1LjUzIDk3LjcxIDQ4LjcgOTguMjMgMTAyLjI5LjU2IDU2LjA4LTQ2LjU2IDEwMy40My0xMDMgMTAzLjU3QzQ0MS4zNCA1MzEuNDQgMzk1LjEyIDQ4NS40IDM5NC44NiA0MjkuNTN6IgogICAgICAgICBjbGFzcz0iY29sb3JhYTFkZDMgc3ZnU2hhcGUiCiAgICAgICAgIGlkPSJwYXRoMyIKICAgICAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZmlsbD0iI2ZhNTg2YSIKICAgICAgICAgZD0iTTkxOCw0MTIuMTFDODk2Ljc4LDE5NC41NCw3MDAuNSwyNy4zNSw0NzcuMjYsMzcuMTksMjU3LDQ2LjksNzkuMjIsMjMzLjI4LDc5LjgzLDQ1Ni4xOSw4MC40Myw2NzcuODQsMjQ0LjQ1LDgyMywzNjguMTgsODUzLjg1cS01LjgyLTI4LjMyLTkuNzUtNTYuODljLTQuODktNi4zNC0xMi0xMS40LTIxLjc4LTE2LjFDMTk4LDcxNC4yOCwxMTYuMTYsNTU1LjI3LDE0MC4zNyw0MDMuOTJjMzMuMjgtMjA4LjEsMjI2LTM0MS42Nyw0MzQuMjctMzAxLDE5Mi43MiwzNy42NSwzMjMuMjksMjM4LjEzLDI3OS41Nyw0MjkuNS0yNy4wOSwxMTguNTktOTYsMjAzLjgyLTIwNS4zNiwyNTYuNzUtNC4yMywyLTkuNTgsMi43My0xMi43MSw2LjQ1LTIuNjcsMjAuNjEtNi4wOCw0MS4xLTEwLjM4LDYxLjQ2Qzc2OC40MSw4MjAuNjIsOTQxLjc3LDY1Ni43LDkxOCw0MTIuMTFaIgogICAgICAgICBjbGFzcz0iY29sb3JhYTFkZDMgc3ZnU2hhcGUiCiAgICAgICAgIGlkPSJwYXRoNSIKICAgICAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZmlsbD0iI2ZhNTg2YSIKICAgICAgICAgZD0iTTc2NC40NSwzOTcuMDhjLTMxLTEyOS4yOC0xNDcuOTEtMjE1LjkxLTI4NC4yNi0yMTEuOC0xMjQsMy43My0yMzQuODEsMTAxLjI5LTI1Ny44NSwyMjYuMzEtMjQuMzQsMTMyLDU1LjQyLDI0NywxMjcuMTUsMjgxLjE5LS45LTIzLjE5LTEuMTUtNDYuNDItLjg3LTY5LjY4YTMwLjUzLDMwLjUzLDAsMCwwLTQuMTItNC45Yy00MS4zLTQwLjY1LTYyLjg0LTkwLjA3LTY2Ljc3LTE0OC05LjQyLTEzOS4xNCwxMjYuNjMtMjU2LjQyLDI2Mi41MS0yMjUuMzdDNjI0LjcsMjY0LjEzLDY4Mi43MywzMTQuMzcsNzA3LDM5Ny43NmMyNC42Myw4NC44LDMuMjIsMTU5LjU1LTYwLjA1LDIyMS44YTIyLjA4LDIyLjA4LDAsMCwxLTEuNjgsMS40N2MuNTIsMTguNzYtLjUyLDM3LjY1LS41Miw1Ni40NXEtLjE5LDcuNzEtLjQ3LDE1LjRDNzI3LjM2LDY0Ny44Myw3OTUuMzgsNTI2LjA5LDc2NC40NSwzOTcuMDhaIgogICAgICAgICBjbGFzcz0iY29sb3JhYTFkZDMgc3ZnU2hhcGUiCiAgICAgICAgIGlkPSJwYXRoNyIKICAgICAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvc3ZnPgogIDwvZz4KPC9zdmc+Cg=='); + --playlistsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fcGxheWxpc3QtaWNvbiIKICAgYXJpYS1oaWRkZW49InRydWUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzQiCiAgIHNvZGlwb2RpOmRvY25hbWU9InBsYXlsaXN0LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4xLjIgKGI4ZTI1YmU4MzMsIDIwMjItMDItMDUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzNC4yOTE2NjciCiAgICAgaW5rc2NhcGU6Y3g9IjEyIgogICAgIGlua3NjYXBlOmN5PSIxMi4wMTQ1ODEiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMDkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiIC8+CiAgPHBhdGgKICAgICBkPSJNMTMuMDc5IDE5LjcxMmMxLjA3NiAwIDIuNjg4LS43OSAyLjY4OC0yLjkyMnYtNi43MDJjMC0uMzg4LjA3My0uNDY4LjQxNy0uNTQybDMuMzQ3LS43MzJhLjQ4LjQ4IDAgMDAuNDAzLS40ODNWNS41NzdjMC0uMzg4LS4zMTUtLjYzNy0uNjg4LS41NjRsLTMuNzY1LjgyYy0uNDY5LjEwMy0uNzI1LjM1OS0uNzI1Ljc3bC4wMTUgOC4xNDRjLjAzNi4zNTktLjEzMi41OTMtLjQ1NS42NTlsLTEuMTY0LjI0MmMtMS40NjUuMzA3LTIuMTUzIDEuMDU0LTIuMTUzIDIuMTYgMCAxLjEyLjg2NCAxLjkwNCAyLjA4IDEuOTA0ek0xMi4wNDYgOC42NzVhLjUwMy41MDMgMCAwMC40OTgtLjQ5OC40OTcuNDk3IDAgMDAtLjQ5OC0uNDlINS40OThhLjQ5Mi40OTIgMCAwMC0uNDk4LjQ5YzAgLjI3LjIyLjQ5OC40OTguNDk4aDYuNTQ4em0wIDIuNjA3YS41LjUgMCAwMC40OTgtLjUwNS40OS40OSAwIDAwLS40OTgtLjQ4M0g1LjQ5OGEuNDg2LjQ4NiAwIDAwLS40OTguNDgzYzAgLjI3OC4yMTIuNTA1LjQ5OC41MDVoNi41NDh6bTAgMi42MDhhLjQ5NC40OTQgMCAxMDAtLjk4OUg1LjQ5OGEuNDkyLjQ5MiAwIDAwLS40OTguNDkuNDkuNDkgMCAwMC40OTguNDk5aDYuNTQ4eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZmlsbC1vcGFjaXR5PSIwLjY0IgogICAgIGZpbGw9IiNGRkZGRkYiCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjAuNTYiIC8+Cjwvc3ZnPgo='); + --playlistFoldersIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0cHgiCiAgIGhlaWdodD0iMjRweCIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBjbGFzcz0id2ViLW5hdmlnYXRpb25fX2ZvbGRlci1pY29uIgogICBhcmlhLWhpZGRlbj0idHJ1ZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNCIKICAgc29kaXBvZGk6ZG9jbmFtZT0iaWNvbi5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjkxNjY3IgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDE0NTgxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTE4IDE3Ljg2YzEuMjYgMCAyLS43MzMgMi0yLjE4NVY4LjQ0YzAtMS40NTItLjc0Ny0yLjE4NC0yLjIxMi0yLjE4NGgtNi43NjRjLS40NzkgMC0uNzY4LS4xMTMtMS4xMi0uNDE2bC0uNDMtLjM1MmMtLjQ2NS0uMzk1LS44MjQtLjUyMi0xLjUyMi0uNTIySDUuOTQ1QzQuNzEyIDQuOTY2IDQgNS42NzEgNCA3LjA4N3Y4LjU4OGMwIDEuNDU5Ljc0IDIuMTg0IDIuMjEyIDIuMTg0SDE4em0uODY2LTguOTU1SDUuMTM0VjcuMTVjMC0uNjk3LjM2Ny0xLjA1NiAxLjA0My0xLjA1NmgxLjQ4N2MuNDY1IDAgLjc0Ni4xMiAxLjEwNi40MjJsLjQzLjM2Yy40NTcuMzguODMuNTE0IDEuNTI4LjUxNGg3LjAzOWMuNjk3IDAgMS4wOTkuMzggMS4wOTkgMS4xMTN2LjQwMnptLTEuMSA3LjgySDYuMjI3Yy0uNzA0IDAtMS4wOTItLjM3My0xLjA5Mi0xLjEwNnYtNS42NWgxMy43MzJ2NS42NTdjMCAuNzI2LS40MDIgMS4wOTktMS4xIDEuMDk5eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjAuNTYiIC8+Cjwvc3ZnPgo='); + --appleMissingArtworkIcon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDEyMDAgMTIwMCIKICAgd2lkdGg9IjEyMDAiCiAgIGhlaWdodD0iMTIwMCIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNiIKICAgc29kaXBvZGk6ZG9jbmFtZT0iTWlzc2luZ0FydHdvcmtNdXNpY19saWdodC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTAiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc4IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjAuMzQyOTE2NjciCiAgICAgaW5rc2NhcGU6Y3g9Ii0yNDMuNDk5MzkiCiAgICAgaW5rc2NhcGU6Y3k9IjcwMi43OTQ2NSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgLz4KICA8cGF0aAogICAgIGZpbGw9IiMzMjMyMzIiCiAgICAgZmlsbC1ydWxlPSJub256ZXJvIgogICAgIGQ9Ik0wIDBoMTIwMHYxMjAwSDB6IgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojZWJlYmViO2ZpbGwtb3BhY2l0eToxIiAvPgogIDxwYXRoCiAgICAgZmlsbD0iIzQzNDM0MyIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZD0iTTc3OC42IDI5NS4xYy0yLjEuMi0yMS41IDMuNi0yMy44IDQuMWwtMjY2LjUgNTMuOWMtNyAxLjUtMTIuNSA0LTE2LjcgNy41LTUuMSA0LjMtOCAxMC4zLTkgMTcuMy0uMyAxLjUtLjYgNC42LS42IDl2MzM0YzAgMy44IDAgNy4yLTEgMTFhMjUgMjUgMCAwIDEtMTMuOCAxNi44IDQ0LjcgNDQuNyAwIDAgMS0xMC43IDMuMWwtMTcuNCAzLjVjLTIyLjEgNC41LTM3LjQgNy41LTUwLjUgMTIuNWE3OC4yIDc4LjIgMCAwIDAtMjkuMiAxOC43IDY5LjUgNjkuNSAwIDAgMC0xOCA1NS43IDY3LjUgNjcuNSAwIDAgMCA1NCA2MWMxMy40IDIuNSAyNy42IDEuNiA0OC4zLTIuNiAxMS0yLjIgMjEuNC01LjYgMzEuMy0xMS40YTc5LjEgNzkuMSAwIDAgMCAzOC01My40YzIuMi0xMC45IDMuMy0yMiAzLjItMzNWNTE0LjNjMC0xNS42IDQuMS0xOS43IDE2LjctMjIuN2wyMzMtNDYuOGMxNC42LTIuOCAyMC44IDEuNCAyMC44IDE2LjV2MTk5LjFjMCAzLjguMyA3LjItLjYgMTEtMSAzLjctMS44IDcuMS00LjMgMTAtMi40IDMtNS40IDUuMy04LjggNi45YTQ0LjggNDQuOCAwIDAgMS0xMC43IDMuMUw3MjUgNjk1Yy0yMi4xIDQuNS0zNy4yIDcuNS01MC4yIDEyLjVhNzggNzggMCAwIDAtMjkuMiAxOC44IDcwLjggNzAuOCAwIDAgMC0xOS4yIDU1LjggNzAuOCA3MC44IDAgMCAwIDIyLjcgNDQuNWM5LjEgOC40IDIwLjQgMTQuMSAzMi41IDE2LjUgMTMuMyAyLjcgMjcuNSAxLjcgNDguMi0yLjQgMTEtMi4zIDIxLjQtNS42IDMxLjMtMTEuNGE3OC40IDc4LjQgMCAwIDAgMzcuNy01My42YzIuNC0xMS40IDIuMy0yMS43IDIuMy0zM1YzMTguNmMwLTE1LjQtOC0yNC44LTIyLjQtMjMuNiIKICAgICBpZD0icGF0aDQiCiAgICAgc3R5bGU9ImZpbGw6I2RjZGNkYztmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=="); + --paddleIcon : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDEzIDI5IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJwYWRkbGUtZGVmYXVsdC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMjguMzc5MzEiCiAgICAgaW5rc2NhcGU6Y3g9IjYuNTAxMjE1MSIKICAgICBpbmtzY2FwZTpjeT0iMTQuNTE3NjE4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZmlsbD0iIzAwMDAwMCIKICAgICBkPSJNIDAsMC42NTEgMC43NzksMCAxMi43MTYsMTQuNSAwLjc3OSwyOSAwLDI4LjM0OSAxMS40MTMsMTQuNSBaIgogICAgIGlkPSJwYXRoMiIgLz4KPC9zdmc+Cg=="); + --airplayIcon : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgdmVyc2lvbj0iMS4xIgogICBpZD0idGV4dC1PTCIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAxMjUgMTI1IgogICBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjUgMTI1OyIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iQWlyUGxheV9CbGFja19UcmFuc3BhcmVudC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcwogICBpZD0iZGVmczE3IiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgaWQ9Im5hbWVkdmlldzE1IgogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgIHNob3dncmlkPSJmYWxzZSIKICAgaW5rc2NhcGU6em9vbT0iNi41ODQiCiAgIGlua3NjYXBlOmN4PSI2Mi41IgogICBpbmtzY2FwZTpjeT0iNjIuNTc1OTQyIgogICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMDkiCiAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJ0ZXh0LU9MIiAvPgo8c3R5bGUKICAgdHlwZT0idGV4dC9jc3MiCiAgIGlkPSJzdHlsZTIiPgoJLnN0MHtmaWxsOiNGQUZBRkE7ZmlsbC1vcGFjaXR5OjA7fQoJLnN0MXtmaWxsOiMyMjFFMUY7fQo8L3N0eWxlPgo8dGl0bGUKICAgaWQ9InRpdGxlNCI+QWlyUGxheV9CbGFjazwvdGl0bGU+CjxyZWN0CiAgIGNsYXNzPSJzdDAiCiAgIHdpZHRoPSIxMjUiCiAgIGhlaWdodD0iMTI1IgogICBpZD0icmVjdDYiIC8+CjxnCiAgIGlkPSJfR3JvdXBfIgogICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIj4KCTxnCiAgIGlkPSJfR3JvdXBfMiIKICAgc3R5bGU9ImZpbGw6IzMzMzMzMztmaWxsLW9wYWNpdHk6MSI+CgkJPHBhdGgKICAgaWQ9Il9QYXRoXyIKICAgY2xhc3M9InN0MSIKICAgZD0iTTQzLjUsODQuMWwxLjMtMS41YzAuMy0wLjMsMC4zLTAuOCwwLTEuMWMtMTAuNS05LjctMTEuMi0yNi4yLTEuNC0zNi43czI2LjItMTEuMiwzNi43LTEuNCAgICBzMTEuMiwyNi4yLDEuNCwzNi43Yy0wLjUsMC41LTAuOSwxLTEuNCwxLjRjLTAuMywwLjMtMC4zLDAuOCwwLDEuMWwxLjMsMS41YzAuMywwLjMsMC44LDAuMywxLjEsMC4xYzAsMCwwLDAsMCwwICAgIGMxMi0xMS4xLDEyLjctMjkuNywxLjctNDEuN2MtMTEuMS0xMi0yOS43LTEyLjctNDEuNy0xLjdzLTEyLjcsMjkuNy0xLjcsNDEuN2MwLjUsMC42LDEuMSwxLjEsMS43LDEuNyAgICBDNDIuOCw4NC40LDQzLjIsODQuNCw0My41LDg0LjF6IgogICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIiAvPgoJCTxwYXRoCiAgIGlkPSJfUGF0aF8yIgogICBjbGFzcz0ic3QxIgogICBkPSJNNDQuOCw2Mi41YzAtOS43LDcuOS0xNy42LDE3LjYtMTcuNlM4MCw1Mi45LDgwLDYyLjZjMCw0LjgtMiw5LjUtNS41LDEyLjggICAgYy0wLjMsMC4zLTAuMywwLjgsMCwxLjFsMS4zLDEuNWMwLjMsMC4zLDAuOCwwLjQsMS4xLDAuMWMwLDAsMCwwLDAsMGM4LjUtOCw4LjktMjEuMywxLTI5LjhzLTIxLjMtOC45LTI5LjgtMVMzOS4xLDY4LjUsNDcsNzcgICAgYzAuMywwLjMsMC42LDAuNywxLDFjMC4zLDAuMywwLjgsMC4zLDEuMSwwYzAsMCwwLDAsMCwwbDEuMy0xLjVjMC4zLTAuMywwLjMtMC44LDAtMS4xQzQ2LjksNzIuMSw0NC44LDY3LjQsNDQuOCw2Mi41eiIKICAgc3R5bGU9ImZpbGw6IzMzMzMzMztmaWxsLW9wYWNpdHk6MSIgLz4KCQk8cGF0aAogICBpZD0iX1BhdGhfMyIKICAgY2xhc3M9InN0MSIKICAgZD0iTTUzLjIsNjIuNWMwLTUuMSw0LjEtOS4yLDkuMi05LjJjNS4xLDAsOS4yLDQuMSw5LjIsOS4yYzAsMi41LTEsNC44LTIuOCw2LjYgICAgYy0wLjMsMC4zLTAuMywwLjgsMCwxLjFsMS4zLDEuNWMwLjMsMC4zLDAuOCwwLjMsMS4xLDBjMCwwLDAsMCwwLDBjNS00LjksNS4yLTEyLjksMC4zLTE4cy0xMi45LTUuMi0xOC0wLjNzLTUuMiwxMi45LTAuMywxOCAgICBjMC4xLDAuMSwwLjIsMC4yLDAuMywwLjNjMC4zLDAuMywwLjgsMC4zLDEuMSwwYzAsMCwwLDAsMCwwbDEuMy0xLjVjMC4zLTAuMywwLjMtMC44LDAtMS4xQzU0LjIsNjcuNCw1My4yLDY1LDUzLjIsNjIuNXoiCiAgIHN0eWxlPSJmaWxsOiMzMzMzMzM7ZmlsbC1vcGFjaXR5OjEiIC8+Cgk8L2c+Cgk8cGF0aAogICBpZD0iX1BhdGhfNCIKICAgY2xhc3M9InN0MSIKICAgZD0iTTgwLjksODkuMUw2My41LDY5LjNjLTAuNS0wLjYtMS4zLTAuNi0xLjktMC4xYzAsMC0wLjEsMC4xLTAuMSwwLjFMNDMuOSw4OS4xICAgYy0wLjQsMC41LTAuNCwxLjIsMC4xLDEuN2MwLjIsMC4yLDAuNSwwLjMsMC43LDAuM2gzNS4zYzAuNiwwLDEuMi0wLjUsMS4yLTEuMkM4MS4yLDg5LjYsODEuMSw4OS4zLDgwLjksODkuMXoiCiAgIHN0eWxlPSJmaWxsOiMzMzMzMzM7ZmlsbC1vcGFjaXR5OjEiIC8+CjwvZz4KPC9zdmc+Cg=="); + --searchIcon : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE2IgogICBoZWlnaHQ9IjE2IgogICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgIGNsYXNzPSJkdC1zZWFyY2gtYm94X19pY29uIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJpbWFnZS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMi4xICg5YzZkNDFlNDEwLCAyMDIyLTA3LTE0KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMjUuNzE4NzUiCiAgICAgaW5rc2NhcGU6Y3g9IjAuMDk3MjA1MzQ2IgogICAgIGlua3NjYXBlOmN5PSI1LjI4Nzk3MDgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMDkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIiAvPgogIDxwYXRoCiAgICAgZD0iTTExLjg3IDEwLjgzNWMuMDE4LjAxNS4wMzUuMDMuMDUxLjA0N2wzLjg2NCAzLjg2M2EuNzM1LjczNSAwIDEgMS0xLjA0IDEuMDRsLTMuODYzLTMuODY0YS43NDQuNzQ0IDAgMCAxLS4wNDctLjA1MSA2LjY2NyA2LjY2NyAwIDEgMSAxLjAzNS0xLjAzNXpNNi42NjcgMTJhNS4zMzMgNS4zMzMgMCAxIDAgMC0xMC42NjcgNS4zMzMgNS4zMzMgMCAwIDAgMCAxMC42Njd6IgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K"); + --searchIconDark : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE2IgogICBoZWlnaHQ9IjE2IgogICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgIGNsYXNzPSJkdC1zZWFyY2gtYm94X19pY29uIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJoZWxsbyAoMikuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMiAoYjhlMjViZTgzMywgMjAyMi0wMi0wNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjI1LjcxODc1IgogICAgIGlua3NjYXBlOmN4PSIwLjA1ODMyMzIwOCIKICAgICBpbmtzY2FwZTpjeT0iNS4yODc5NzA4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTExLjg3IDEwLjgzNWMuMDE4LjAxNS4wMzUuMDMuMDUxLjA0N2wzLjg2NCAzLjg2M2EuNzM1LjczNSAwIDEgMS0xLjA0IDEuMDRsLTMuODYzLTMuODY0YS43NDQuNzQ0IDAgMCAxLS4wNDctLjA1MSA2LjY2NyA2LjY2NyAwIDEgMSAxLjAzNS0xLjAzNXpNNi42NjcgMTJhNS4zMzMgNS4zMzMgMCAxIDAgMC0xMC42NjcgNS4zMzMgNS4zMzMgMCAwIDAgMCAxMC42Njd6IgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K"); + --moreIcon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgZmlsbD0id2hpdGUiCiAgIHZpZXdCb3g9IjAgMCAyNyAyNyIKICAgY2xhc3M9ImdseXBoIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJtb3JlX2xpZ2h0LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4yLjEgKDljNmQ0MWU0MTAsIDIwMjItMDctMTQpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzMC43MDM3MDQiCiAgICAgaW5rc2NhcGU6Y3g9IjEzLjUiCiAgICAgaW5rc2NhcGU6Y3k9IjEzLjUxNjI4NSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Ik04Ljg5NTQ3Njc3IDEzLjUzMzAwNzNjMC0xLjEwNTc0NTctLjk3MzcxNjM4LTIuMDk1OTY1Ny0yLjA5NTk2NTc3LTIuMDk1OTY1Ny0xLjEzODc1MzA1IDAtMi4wNzk0NjIxLjk5MDIyLTIuMDc5NDYyMSAyLjA5NTk2NTcgMCAxLjEyMjI0OTQuOTQwNzA5MDUgMi4wNzk0NjIxIDIuMDc5NDYyMSAyLjA3OTQ2MjEgMS4xMjIyNDkzOSAwIDIuMDk1OTY1NzctLjk1NzIxMjcgMi4wOTU5NjU3Ny0yLjA3OTQ2MjF6bTYuNjgzOTg1MzMgMGMwLTEuMTA1NzQ1Ny0uOTU3MjEyNy0yLjA5NTk2NTctMi4wNzk0NjIxLTIuMDk1OTY1Ny0xLjEyMjI0OTQgMC0yLjA3OTQ2MjEuOTkwMjItMi4wNzk0NjIxIDIuMDk1OTY1NyAwIDEuMTIyMjQ5NC45NTcyMTI3IDIuMDc5NDYyMSAyLjA3OTQ2MjEgMi4wNzk0NjIxIDEuMTIyMjQ5NCAwIDIuMDc5NDYyMS0uOTU3MjEyNyAyLjA3OTQ2MjEtMi4wNzk0NjIxem02LjcwMDQ4OSAwYzAtMS4xMDU3NDU3LS45NDA3MDktMi4wOTU5NjU3LTIuMDc5NDYyMS0yLjA5NTk2NTctMS4xMjIyNDk0IDAtMi4wOTU5NjU4Ljk5MDIyLTIuMDk1OTY1OCAyLjA5NTk2NTcgMCAxLjEyMjI0OTQuOTczNzE2NCAyLjA3OTQ2MjEgMi4wOTU5NjU4IDIuMDc5NDYyMSAxLjEzODc1MzEgMCAyLjA3OTQ2MjEtLjk1NzIxMjcgMi4wNzk0NjIxLTIuMDc5NDYyMXoiCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiNkNjAwMTc7ZmlsbC1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo="); + + .app-chrome { + + .playback-button--small.repeat.repeatOne, + .playback-button--small.repeat.active, + .playback-button--small.shuffle.active { + filter: brightness(0) !important; + } + } + + .search-input--icon { + filter: invert(0.8); + } + + #app-sidebar { + + .app-sidebar-item-playlist>div[svg-name='sidebar-playlist'], + .playlist-folder>div[svg-name='sidebar-playlist'] { + filter: invert(1); + } + } + .search-hints .search-hint { + &:hover, + &.active { + background-image : var(--searchIconDark) !important; + background-size : 10px; + background-position-x: 5px; + background-position-y: center; + background-repeat : no-repeat; + padding-left : 25px; + } + } + .search-hints .cd-queue-item:hover { + background-color: rgba(200,200,200,0.5) !important; + } + + } + } +} + +:root.light { + #app { + --listenNowIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJpbWFnZS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjkxNjY3IgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDE0NTgxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTEyIDIwYzQuMzc2IDAgOC0zLjYzMSA4LTggMC00LjM3Ni0zLjYzMS04LTguMDA4LThDNy42MjQgNCA0IDcuNjI0IDQgMTJjMCA0LjM2OSAzLjYzMSA4IDggOHptMC0xLjMzM0E2LjYzNCA2LjYzNCAwIDAxNS4zNDEgMTJhNi42MjggNi42MjggMCAwMTYuNjUxLTYuNjY3QTYuNjUzIDYuNjUzIDAgMDExOC42NjcgMTIgNi42MzYgNi42MzYgMCAwMTEyIDE4LjY2N3ptLTEuNDY3LTMuNmw0LjQ2My0yLjYzNmEuNDgzLjQ4MyAwIDAwMC0uODM5TDEwLjUzMyA4Ljk1Yy0uMzM3LS4yMDQtLjc4NC0uMDQ3LS43ODQuMzN2NS40NThjMCAuMzc3LjQxNi41NS43ODQuMzN6IgogICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICBmaWxsPSIjRkE1ODZBIgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojZDYwMDE3O2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K'); + --browseIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJnbG9iZS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjkxNjY3IgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDE0NTgxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTkuOTIgMTEuMzU0Yy45NjYgMCAxLjQ1My0uNDg3IDEuNDUzLTEuNDl2LTMuNGMwLTEuMDA0LS40ODctMS40ODMtMS40NTMtMS40ODNINi40NTJDNS40ODcgNC45ODEgNSA1LjQ2IDUgNi40NjR2My40YzAgMS4wMDMuNDg3IDEuNDkgMS40NTIgMS40OUg5Ljkyem03LjYyOCAwYy45NjUgMCAxLjQ1Mi0uNDg3IDEuNDUyLTEuNDl2LTMuNGMwLTEuMDA0LS40ODctMS40ODMtMS40NTItMS40ODNoLTMuNDZjLS45NzQgMC0xLjQ2LjQ3OS0xLjQ2IDEuNDgzdjMuNGMwIDEuMDAzLjQ4NiAxLjQ5IDEuNDYgMS40OWgzLjQ2em0tNy42NS0xLjA3M2gtMy40M2MtLjI2NiAwLS4zOTYtLjEzNy0uMzk2LS40MTh2LTMuNGMwLS4yNzMuMTMtLjQxLjM5Ni0uNDFoMy40M2MuMjY1IDAgLjQwMi4xMzcuNDAyLjQxdjMuNGMwIC4yODEtLjEzNy40MTgtLjQwMy40MTh6bTcuNjM0IDBoLTMuNDNjLS4yNzMgMC0uNDAyLS4xMzctLjQwMi0uNDE4di0zLjRjMC0uMjczLjEyOS0uNDEuNDAzLS40MWgzLjQzYy4yNjUgMCAuMzk1LjEzNy4zOTUuNDF2My40YzAgLjI4MS0uMTMuNDE4LS4zOTYuNDE4em0tNy42MTIgOC43Yy45NjYgMCAxLjQ1My0uNDggMS40NTMtMS40ODN2LTMuNDA3YzAtLjk5Ni0uNDg3LTEuNDgzLTEuNDUzLTEuNDgzSDYuNDUyYy0uOTY1IDAtMS40NTIuNDg3LTEuNDUyIDEuNDgzdjMuNDA3YzAgMS4wMDQuNDg3IDEuNDgzIDEuNDUyIDEuNDgzSDkuOTJ6bTcuNjI4IDBjLjk2NSAwIDEuNDUyLS40OCAxLjQ1Mi0xLjQ4M3YtMy40MDdjMC0uOTk2LS40ODctMS40ODMtMS40NTItMS40ODNoLTMuNDZjLS45NzQgMC0xLjQ2LjQ4Ny0xLjQ2IDEuNDgzdjMuNDA3YzAgMS4wMDQuNDg2IDEuNDgzIDEuNDYgMS40ODNoMy40NnptLTcuNjUtMS4wNzJoLTMuNDNjLS4yNjYgMC0uMzk2LS4xMzctLjM5Ni0uNDF2LTMuNGMwLS4yODIuMTMtLjQxOC4zOTYtLjQxOGgzLjQzYy4yNjUgMCAuNDAyLjEzNi40MDIuNDE4djMuNGMwIC4yNzMtLjEzNy40MS0uNDAzLjQxem03LjYzNCAwaC0zLjQzYy0uMjczIDAtLjQwMi0uMTM3LS40MDItLjQxdi0zLjRjMC0uMjgyLjEyOS0uNDE4LjQwMy0uNDE4aDMuNDNjLjI2NSAwIC4zOTUuMTM2LjM5NS40MTh2My40YzAgLjI3My0uMTMuNDEtLjM5Ni40MXoiCiAgICAgZmlsbC1ydWxlPSJub256ZXJvIgogICAgIGZpbGw9IiNGQTU4NkEiCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiNkNjAwMTc7ZmlsbC1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo='); + --radioIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJyYWRpby5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjkxNjY3IgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDE0NTgxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTE5LjM1OSAxOC41N0MyMS4wMzMgMTYuODE4IDIyIDE0LjQ2MSAyMiAxMS44OXMtLjk2Ny00LjkzLTIuNjQxLTYuNjhjLS4yNzYtLjI5Mi0uNjUzLS4yNi0uODY4LS4wMjMtLjIyMi4yNDYtLjE3Ni41OTEuMDg1Ljg2OCAxLjQ2NiAxLjUzNSAyLjI3MiAzLjU5MyAyLjI3MiA1LjgzNSAwIDIuMjQxLS44MDYgNC4zLTIuMjcyIDUuODM1LS4yNjEuMjY4LS4zMDcuNjIxLS4wODUuODYuMjE1LjI0NS41OTIuMjc2Ljg2OC0uMDE2em0tMTMuODUuMDE0Yy4yMjItLjIzOC4xNzYtLjU5LS4wODUtLjg2LTEuNDc0LTEuNTM1LTIuMjcyLTMuNTkzLTIuMjcyLTUuODM0IDAtMi4yNDIuNzk4LTQuMyAyLjI3Mi01LjgzNS4yNjEtLjI3Ny4zMDctLjYyMi4wODUtLjg2OC0uMjE1LS4yMzgtLjU5Mi0uMjY5LS44NjguMDIzQzIuOTY3IDYuOTYgMiA5LjMxOCAyIDExLjg5cy45NjcgNC45MjkgMi42NDEgNi42OGMuMjc2LjI5LjY1My4yNi44NjguMDE0em0xLjk1Ny0xLjg3M2MuMjIzLS4yNTMuMTYyLS41ODMtLjEtLjg2Ny0uOTUxLTEuMDY4LTEuNDczLTIuNDUtMS40NzMtMy45NTQgMC0xLjUwNS41MjItMi44ODcgMS40NzQtMy45NTQuMjYtLjI4NC4zMjItLjYxNC4xLS44NzYtLjIzLS4yNi0uNjIyLS4yNi0uODkxLjAzOS0xLjE3NSAxLjI3NC0xLjgyNyAyLjk2My0xLjgyNyA0Ljc5IDAgMS44Mi42NTIgMy41MTcgMS44MjcgNC43ODQuMjY5LjMuNjYuMzA3Ljg5LjAzOHptOS45NTgtLjAzOGMxLjE3NS0xLjI2NyAxLjgyNy0yLjk2NCAxLjgyNy00Ljc4MyAwLTEuODI4LS42NTItMy41MTctMS44MjctNC43OTEtLjI2OS0uMy0uNjYtLjMtLjg5LS4wMzktLjIzLjI2Mi0uMTYyLjU5Mi4wOTIuODc2Ljk2IDEuMDY3IDEuNDgxIDIuNDQ5IDEuNDgxIDMuOTU0IDAgMS41MDQtLjUyMiAyLjg4Ni0xLjQ4MSAzLjk1NC0uMjU0LjI4NC0uMzIzLjYxNC0uMDkyLjg2Ny4yMy4yNjkuNjIxLjI2MS44OS0uMDM4em0tOC4wNjEtMS45NjZjLjIzLS4yNi4xMy0uNTY4LS4wOTItLjg4My0uNDE1LS41MjItLjYzLTEuMTk3LS42My0xLjkzNCAwLS43MzcuMjE1LTEuNDEzLjYzLTEuOTQzLjIyMi0uMzA3LjMyMi0uNjE0LjA5Mi0uODc1cy0uNjUzLS4yNjEtLjkwNi4wNTRhNC4zODUgNC4zODUgMCAwMC0uOTY4IDIuNzY0IDQuMzggNC4zOCAwIDAwLjk2OCAyLjc1NmMuMjUzLjMyMi42NzUuMzIyLjkwNi4wNjF6bTYuMTgtLjA2MWE0LjM4IDQuMzggMCAwMC45NjgtMi43NTYgNC4zODUgNC4zODUgMCAwMC0uOTY4LTIuNzY0Yy0uMjUzLS4zMTUtLjY3NS0uMzE1LS45MDYtLjA1NC0uMjMuMjYxLS4xMzguNTY4LjA5Mi44NzUuNDE1LjUzLjYzIDEuMjA2LjYzIDEuOTQzIDAgLjczNy0uMjE1IDEuNDEyLS42MyAxLjkzNC0uMjMuMzE1LS4zMjIuNjIyLS4wOTIuODgzcy42NTMuMjYxLjkwNi0uMDYxem0tMy41NDctLjk2N2MuOTYgMCAxLjc4OS0uODE0IDEuNzg5LTEuNzk3cy0uODMtMS43ODktMS43ODktMS43ODljLS45NiAwLTEuNzgxLjgwNi0xLjc4MSAxLjc4OSAwIC45ODMuODIxIDEuNzk3IDEuNzgxIDEuNzk3eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZmlsbD0iI0ZBNTg2QSIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=='); + --recentsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJyZWNlbnQuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMiAoYjhlMjViZTgzMywgMjAyMi0wMi0wNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjM0LjI5MTY2NyIKICAgICBpbmtzY2FwZTpjeD0iMTIiCiAgICAgaW5rc2NhcGU6Y3k9IjEyLjAxNDU4MSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Ik0xMiAyMGM0LjM3NiAwIDgtMy42MzEgOC04IDAtNC4zNzYtMy42MzEtOC04LjAwOC04QzcuNjI0IDQgNCA3LjYyNCA0IDEyYzAgNC4zNjkgMy42MzEgOCA4IDh6bTAtMS4zMzNBNi42MzQgNi42MzQgMCAwMTUuMzQxIDEyYTYuNjI4IDYuNjI4IDAgMDE2LjY1MS02LjY2N0E2LjY1MyA2LjY1MyAwIDAxMTguNjY3IDEyIDYuNjM2IDYuNjM2IDAgMDExMiAxOC42Njd6bS0uMDA4LTUuODJhLjU0LjU0IDAgMDAuNTUtLjU0OVY3LjAxMmEuNTQuNTQgMCAwMC0uNTUtLjU0MS41MzIuNTMyIDAgMDAtLjU0MS41NHY0Ljc0Nkg3Ljg5OGEuNTM0LjUzNCAwIDAwLS41NDkuNTQxYzAgLjMxNC4yMzUuNTUuNTQ5LjU1aDQuMDk0eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZmlsbD0iI0ZBNTg2QSIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=='); + --songsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJzb25nLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4xLjIgKGI4ZTI1YmU4MzMsIDIwMjItMDItMDUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzNC4yOTE2NjciCiAgICAgaW5rc2NhcGU6Y3g9IjEyIgogICAgIGlua3NjYXBlOmN5PSIxMi4wMTQ1ODEiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMDkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiIC8+CiAgPHBhdGgKICAgICBkPSJNOS43MzIgMTkuMjQxYzEuMDc3IDAgMi42ODgtLjc5IDIuNjg4LTIuOTIyVjkuNjE3YzAtLjM4OC4wNzQtLjQ2OS40MTgtLjU0MmwzLjM0Ny0uNzMyYS40OC40OCAwIDAwLjQwMy0uNDg0VjUuMTA1YzAtLjM4OC0uMzE1LS42MzctLjY4OS0uNTYzbC0zLjc2NC44MmMtLjQ3LjEwMi0uNzI1LjM1OS0uNzI1Ljc2OWwuMDE0IDguMTQ0Yy4wMzcuMzYtLjEzMi41OTQtLjQ1NC42NmwtMS4xNjQuMjQxYy0xLjQ2NS4zMDgtMi4xNTQgMS4wNTUtMi4xNTQgMi4xNiAwIDEuMTIyLjg2NCAxLjkwNSAyLjA4IDEuOTA1eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZmlsbD0iI0ZBNTg2QSIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=='); + --albumsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJhbGJ1bS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjkxNjY3IgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDE0NTgxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTE1LjQ3NyAzLjkzN2MtLjA0NC0uNjEtLjM5Ni0uOTM3LTEuMDctLjkzN0g5LjQzMWMtLjY3NSAwLTEuMDI3LjMyNy0xLjA3LjkzN2g3LjExNXptMS4yNCAyLjAxM2MtLjExLS42NTQtLjQyNS0xLjAyNS0xLjE1OS0xLjAyNUg4LjIyMmMtLjc0MSAwLTEuMDU3LjM3LTEuMTY3IDEuMDI1aDkuNjYyem0tLjMgMTQuMDVjMS4zMTMgMCAyLjA4My0uNzU2IDIuMDgzLTIuMjUydi04LjM3YzAtMS40OTYtLjc3OC0yLjI1Mi0yLjMwNC0yLjI1Mkg3LjgwNEM2LjI3IDcuMTI2IDUuNSA3Ljg3NSA1LjUgOS4zOHY4LjM2OUM1LjUgMTkuMjQ0IDYuMjcgMjAgNy44MDQgMjBoOC42MTJ6bS0uMDIzLTEuMTdINy44MThjLS43MzMgMC0xLjEzNy0uMzkyLTEuMTM3LTEuMTQ4VjkuNDM3YzAtLjc1Ni40MDQtMS4xNCAxLjEzNy0xLjE0aDguMzU2Yy43MjcgMCAxLjE0NS4zODQgMS4xNDUgMS4xNHY4LjI0NWMwIC43NTYtLjQxOCAxLjE0OC0uOTI1IDEuMTQ4eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZmlsbD0iI0ZBNTg2QSIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=='); + --artistsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fbmF2LWljb24iCiAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJhcnRpc3Quc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMiAoYjhlMjViZTgzMywgMjAyMi0wMi0wNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjM0LjI5MTY2NyIKICAgICBpbmtzY2FwZTpjeD0iMTIiCiAgICAgaW5rc2NhcGU6Y3k9IjEyLjAxNDU4MSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Ik0xOC4zOSA5LjQyYzEuMjg5LTEuMjgyIDEuMzQtMi45MDguMTAyLTQuMTM5LTEuMjMtMS4yMTYtMi44NS0xLjE4Ni00LjEzOC4xMDNsNC4wMzYgNC4wMzV6bS02LjA4IDkuODU4YS42Ni42NiAwIDAwLjY2Ny0uNjY3di00LjMyOGwtLjA1MS0xLjA0OCAyLjIzNC0yLjA3MmMuODQyLjExIDEuNzI4LS4yMzUgMi40OS0xLjAwNEwxMy42MiA2LjEyNGMtLjc3Ni43NjEtMS4wOTggMS42MzMtLjk4OCAyLjQ3NWwtNi44MDUgNy4zMzJjLS4yNzguMy0uMzIyLjcxNy4wMjIgMS4wNjJMNC45MTMgMTguMmEuMzEuMzEgMCAwMC4wMzcuNDE4bC4yMTIuMjJhLjMwOS4zMDkgMCAwMC40MjUuMDI5bDEuMjA4LS45NDVjLjMzLjM0NC43NTUuMyAxLjA0OC4wMjJsMy44LTMuNTE2djQuMTgyYS42Ni42NiAwIDAwLjY2Ny42Njd6bS01LjA1My0yLjA3M2wtLjY3NC0uNjc0IDYuNDUzLTYuODRjLjEyNC4yMDUuMjc4LjQwMi40NjEuNTkzLjE4My4xODMuMzczLjM0NC41NzEuNDc2bC02LjgxMSA2LjQ0NXoiCiAgICAgZmlsbC1ydWxlPSJub256ZXJvIgogICAgIGZpbGw9IiNGQTU4NkEiCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiNkNjAwMTc7ZmlsbC1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo='); + --videosIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE5IgogICBoZWlnaHQ9IjE2IgogICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgIHN0cm9rZS1taXRlcmxpbWl0PSIyIgogICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDE5IDE2IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBjbGFzcz0ic29uZ3MtbGlzdC1yb3dfX3ZpZGVvLWdseXBoIgogICBpZD0ic3ZnNCIKICAgc29kaXBvZGk6ZG9jbmFtZT0idmlkZW9zLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4xLjIgKGI4ZTI1YmU4MzMsIDIwMjItMDItMDUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSI1MS40Mzc1IgogICAgIGlua3NjYXBlOmN4PSI5LjQ5Njk2MjMiCiAgICAgaW5rc2NhcGU6Y3k9IjguMDA5NzIwNSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz48cGF0aAogICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICBkPSJNMTYuNzQ3LDEyLjQzN2MxLjE2NiwwIDEuNzUzLC0wLjU2NSAxLjc1MywtMS43NzFsMCwtNy44OTVjMCwtMS4yMDYgLTAuNTg3LC0xLjc3MSAtMS43NTMsLTEuNzcxbC0xNC40OTQsMGMtMS4xNjYsMCAtMS43NTMsMC41NjUgLTEuNzUzLDEuNzcxbDAsNy44OTVjMCwxLjIwNiAwLjU4NywxLjc3MSAxLjc1MywxLjc3MWwxNC40OTQsMFptLTAuMDIsLTEuMTA5bC0xNC40NTQsMGMtMC40NywwIC0wLjY3NSwtMC4xOTMgLTAuNjc1LC0wLjY3NWwwLC03Ljg2MmMwLC0wLjQ4OSAwLjIwNSwtMC42ODIgMC42NzUsLTAuNjgybDE0LjQ1NCwwYzAuNDcsMCAwLjY3NSwwLjE5MyAwLjY3NSwwLjY4MmwwLDcuODYyYzAsMC40ODIgLTAuMjA1LDAuNjc1IC0wLjY3NSwwLjY3NVptLTguNzM4LC0xLjI5NmMwLjk3NiwwIDEuNjM3LC0wLjcwOSAxLjYzNywtMS43MDhsMCwtMi4zNjNjMCwtMC4yNTUgMC4wNTUsLTAuMzI0IDAuMjA1LC0wLjM1OWwxLjYwMywtMC4zODVjMC4zMjcsLTAuMDkgMC40MjksLTAuMTU5IDAuNDI5LC0wLjU1OWwwLC0xLjM1YzAsLTAuMjYyIC0wLjA5NSwtMC4zNzkgLTAuNDU3LC0wLjI4OWwtMS45OTEsMC41MDNjLTAuMzQxLDAuMDgyIC0wLjQxLDAuMTUxIC0wLjQxLDAuNTU4bDAsMy4xMDdjMCwwLjMwMyAtMC4wMjcsMC4zNTggLTAuMzc1LDAuNDU1bC0wLjYyNywwLjE2NWMtMC42MjEsMC4xNjUgLTEuMTM5LDAuNTM3IC0xLjEzOSwxLjIxM2MwLDAuNTg1IDAuNDM2LDEuMDEyIDEuMTI1LDEuMDEyWm01LjgzOSw0Ljk2OGMwLjM0OCwwIDAuNjI3LC0wLjI4OSAwLjYyNywtMC42NDhjMCwtMC4zNTggLTAuMjc5LC0wLjY0NyAtMC42MjcsLTAuNjQ3bC04LjY2OSwwYy0wLjM0OCwwIC0wLjYzNSwwLjI4OSAtMC42MzUsMC42NDdjMCwwLjM1OSAwLjI4NywwLjY0OCAwLjYzNSwwLjY0OGw4LjY2OSwwWiIKICAgICBmaWxsPSIjRkE1ODZBIgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojZDYwMDE3O2ZpbGwtb3BhY2l0eToxIiAvPjwvc3ZnPgo='); + --podcastsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgaWQ9IlN2Z2pzU3ZnMTAyOSIKICAgd2lkdGg9IjI4OCIKICAgaGVpZ2h0PSIyODgiCiAgIHZlcnNpb249IjEuMSIKICAgc29kaXBvZGk6ZG9jbmFtZT0icG9kY2FzdHMuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMiAoYjhlMjViZTgzMywgMjAyMi0wMi0wNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxMyIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIwLjM1NzIwNDg2IgogICAgIGlua3NjYXBlOmN4PSItMjI4LjE2MDM5IgogICAgIGlua3NjYXBlOmN5PSI3MjIuMjc0NiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iU3ZnanNTdmcxMDI5IiAvPgogIDxkZWZzCiAgICAgaWQ9IlN2Z2pzRGVmczEwMzAiIC8+CiAgPGcKICAgICBpZD0iU3ZnanNHMTAzMSIKICAgICBzdHlsZT0iZmlsbDojZDYwMDE3O2ZpbGwtb3BhY2l0eToxIj4KICAgIDxzdmcKICAgICAgIGRhdGEtbmFtZT0iQ2FwYSAxIgogICAgICAgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIKICAgICAgIHdpZHRoPSIyODgiCiAgICAgICBoZWlnaHQ9IjI4OCIKICAgICAgIHZlcnNpb249IjEuMSIKICAgICAgIGlkPSJzdmc5IgogICAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSI+CiAgICAgIDxwYXRoCiAgICAgICAgIGZpbGw9IiNmYTU4NmEiCiAgICAgICAgIGQ9Ik01OTggNzA0LjE4Yy0xLjQ5IDU4LjQ2LTcuNTggMTE2LjItMjYuMTggMTcyLTYuODQgMjAuNS01LjYyIDIyLjUyLTE0LjcxIDMxLjcxYTQyLjE2IDQyLjE2IDAgMDEtMjUuMjIgMTIuMjJjLTIyLjQ5IDIuNTYtNDkuMzcgMS41Ni02Ny41OC0yLjQ2LTcuNDgtMS42Ni0xNy42My00LjU4LTIzLjEzLTkuOS0xOC45Mi0xOC4yNy0xNy4xLTIyLjEzLTI1LjA4LTUyLTE3LjEtNjQtMjEuNzUtMTI5Ljc1LTIwLjU0LTE5NS42NSAxLTU1LjA3IDQ3LjI4LTk4LjkzIDEwMS05OS4yNiA1Mi41Mi0uMzIgOTYuNjEgNDAuMiAxMDEuMjIgOTQuMDhDNTk5LjIgNjcxLjE5IDU5OCA2ODcuNzQgNTk4IDcwNC4xOHpNMzk0Ljg2IDQyOS41M2MtLjI3LTU3LjgyIDQ3Ljg5LTEwNC42OCAxMDctMTA0LjA4IDUxLjQ1LjUzIDk3LjcxIDQ4LjcgOTguMjMgMTAyLjI5LjU2IDU2LjA4LTQ2LjU2IDEwMy40My0xMDMgMTAzLjU3QzQ0MS4zNCA1MzEuNDQgMzk1LjEyIDQ4NS40IDM5NC44NiA0MjkuNTN6IgogICAgICAgICBjbGFzcz0iY29sb3JhYTFkZDMgc3ZnU2hhcGUiCiAgICAgICAgIGlkPSJwYXRoMyIKICAgICAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZmlsbD0iI2ZhNTg2YSIKICAgICAgICAgZD0iTTkxOCw0MTIuMTFDODk2Ljc4LDE5NC41NCw3MDAuNSwyNy4zNSw0NzcuMjYsMzcuMTksMjU3LDQ2LjksNzkuMjIsMjMzLjI4LDc5LjgzLDQ1Ni4xOSw4MC40Myw2NzcuODQsMjQ0LjQ1LDgyMywzNjguMTgsODUzLjg1cS01LjgyLTI4LjMyLTkuNzUtNTYuODljLTQuODktNi4zNC0xMi0xMS40LTIxLjc4LTE2LjFDMTk4LDcxNC4yOCwxMTYuMTYsNTU1LjI3LDE0MC4zNyw0MDMuOTJjMzMuMjgtMjA4LjEsMjI2LTM0MS42Nyw0MzQuMjctMzAxLDE5Mi43MiwzNy42NSwzMjMuMjksMjM4LjEzLDI3OS41Nyw0MjkuNS0yNy4wOSwxMTguNTktOTYsMjAzLjgyLTIwNS4zNiwyNTYuNzUtNC4yMywyLTkuNTgsMi43My0xMi43MSw2LjQ1LTIuNjcsMjAuNjEtNi4wOCw0MS4xLTEwLjM4LDYxLjQ2Qzc2OC40MSw4MjAuNjIsOTQxLjc3LDY1Ni43LDkxOCw0MTIuMTFaIgogICAgICAgICBjbGFzcz0iY29sb3JhYTFkZDMgc3ZnU2hhcGUiCiAgICAgICAgIGlkPSJwYXRoNSIKICAgICAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZmlsbD0iI2ZhNTg2YSIKICAgICAgICAgZD0iTTc2NC40NSwzOTcuMDhjLTMxLTEyOS4yOC0xNDcuOTEtMjE1LjkxLTI4NC4yNi0yMTEuOC0xMjQsMy43My0yMzQuODEsMTAxLjI5LTI1Ny44NSwyMjYuMzEtMjQuMzQsMTMyLDU1LjQyLDI0NywxMjcuMTUsMjgxLjE5LS45LTIzLjE5LTEuMTUtNDYuNDItLjg3LTY5LjY4YTMwLjUzLDMwLjUzLDAsMCwwLTQuMTItNC45Yy00MS4zLTQwLjY1LTYyLjg0LTkwLjA3LTY2Ljc3LTE0OC05LjQyLTEzOS4xNCwxMjYuNjMtMjU2LjQyLDI2Mi41MS0yMjUuMzdDNjI0LjcsMjY0LjEzLDY4Mi43MywzMTQuMzcsNzA3LDM5Ny43NmMyNC42Myw4NC44LDMuMjIsMTU5LjU1LTYwLjA1LDIyMS44YTIyLjA4LDIyLjA4LDAsMCwxLTEuNjgsMS40N2MuNTIsMTguNzYtLjUyLDM3LjY1LS41Miw1Ni40NXEtLjE5LDcuNzEtLjQ3LDE1LjRDNzI3LjM2LDY0Ny44Myw3OTUuMzgsNTI2LjA5LDc2NC40NSwzOTcuMDhaIgogICAgICAgICBjbGFzcz0iY29sb3JhYTFkZDMgc3ZnU2hhcGUiCiAgICAgICAgIGlkPSJwYXRoNyIKICAgICAgICAgc3R5bGU9ImZpbGw6I2Q2MDAxNztmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvc3ZnPgogIDwvZz4KPC9zdmc+Cg=='); + --playlistsIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIGNsYXNzPSJ3ZWItbmF2aWdhdGlvbl9fcGxheWxpc3QtaWNvbiIKICAgYXJpYS1oaWRkZW49InRydWUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzQiCiAgIHNvZGlwb2RpOmRvY25hbWU9InBsYXlsaXN0LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4xLjIgKGI4ZTI1YmU4MzMsIDIwMjItMDItMDUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzNC4yOTE2NjciCiAgICAgaW5rc2NhcGU6Y3g9IjEyIgogICAgIGlua3NjYXBlOmN5PSIxMi4wMTQ1ODEiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMDkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiIC8+CiAgPHBhdGgKICAgICBkPSJNMTMuMDc5IDE5LjcxMmMxLjA3NiAwIDIuNjg4LS43OSAyLjY4OC0yLjkyMnYtNi43MDJjMC0uMzg4LjA3My0uNDY4LjQxNy0uNTQybDMuMzQ3LS43MzJhLjQ4LjQ4IDAgMDAuNDAzLS40ODNWNS41NzdjMC0uMzg4LS4zMTUtLjYzNy0uNjg4LS41NjRsLTMuNzY1LjgyYy0uNDY5LjEwMy0uNzI1LjM1OS0uNzI1Ljc3bC4wMTUgOC4xNDRjLjAzNi4zNTktLjEzMi41OTMtLjQ1NS42NTlsLTEuMTY0LjI0MmMtMS40NjUuMzA3LTIuMTUzIDEuMDU0LTIuMTUzIDIuMTYgMCAxLjEyLjg2NCAxLjkwNCAyLjA4IDEuOTA0ek0xMi4wNDYgOC42NzVhLjUwMy41MDMgMCAwMC40OTgtLjQ5OC40OTcuNDk3IDAgMDAtLjQ5OC0uNDlINS40OThhLjQ5Mi40OTIgMCAwMC0uNDk4LjQ5YzAgLjI3LjIyLjQ5OC40OTguNDk4aDYuNTQ4em0wIDIuNjA3YS41LjUgMCAwMC40OTgtLjUwNS40OS40OSAwIDAwLS40OTgtLjQ4M0g1LjQ5OGEuNDg2LjQ4NiAwIDAwLS40OTguNDgzYzAgLjI3OC4yMTIuNTA1LjQ5OC41MDVoNi41NDh6bTAgMi42MDhhLjQ5NC40OTQgMCAxMDAtLjk4OUg1LjQ5OGEuNDkyLjQ5MiAwIDAwLS40OTguNDkuNDkuNDkgMCAwMC40OTguNDk5aDYuNTQ4eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZmlsbC1vcGFjaXR5PSIwLjY0IgogICAgIGZpbGw9IiNGRkZGRkYiCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjAuNTYiIC8+Cjwvc3ZnPgo='); + --playlistFoldersIcon : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0cHgiCiAgIGhlaWdodD0iMjRweCIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBjbGFzcz0id2ViLW5hdmlnYXRpb25fX2ZvbGRlci1pY29uIgogICBhcmlhLWhpZGRlbj0idHJ1ZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNCIKICAgc29kaXBvZGk6ZG9jbmFtZT0iaWNvbi5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjkxNjY3IgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDE0NTgxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTE4IDE3Ljg2YzEuMjYgMCAyLS43MzMgMi0yLjE4NVY4LjQ0YzAtMS40NTItLjc0Ny0yLjE4NC0yLjIxMi0yLjE4NGgtNi43NjRjLS40NzkgMC0uNzY4LS4xMTMtMS4xMi0uNDE2bC0uNDMtLjM1MmMtLjQ2NS0uMzk1LS44MjQtLjUyMi0xLjUyMi0uNTIySDUuOTQ1QzQuNzEyIDQuOTY2IDQgNS42NzEgNCA3LjA4N3Y4LjU4OGMwIDEuNDU5Ljc0IDIuMTg0IDIuMjEyIDIuMTg0SDE4em0uODY2LTguOTU1SDUuMTM0VjcuMTVjMC0uNjk3LjM2Ny0xLjA1NiAxLjA0My0xLjA1NmgxLjQ4N2MuNDY1IDAgLjc0Ni4xMiAxLjEwNi40MjJsLjQzLjM2Yy40NTcuMzguODMuNTE0IDEuNTI4LjUxNGg3LjAzOWMuNjk3IDAgMS4wOTkuMzggMS4wOTkgMS4xMTN2LjQwMnptLTEuMSA3LjgySDYuMjI3Yy0uNzA0IDAtMS4wOTItLjM3My0xLjA5Mi0xLjEwNnYtNS42NWgxMy43MzJ2NS42NTdjMCAuNzI2LS40MDIgMS4wOTktMS4xIDEuMDk5eiIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjAuNTYiIC8+Cjwvc3ZnPgo='); + --appleMissingArtworkIcon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDEyMDAgMTIwMCIKICAgd2lkdGg9IjEyMDAiCiAgIGhlaWdodD0iMTIwMCIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNiIKICAgc29kaXBvZGk6ZG9jbmFtZT0iTWlzc2luZ0FydHdvcmtNdXNpY19saWdodC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTAiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc4IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjAuMzQyOTE2NjciCiAgICAgaW5rc2NhcGU6Y3g9Ii0yNDMuNDk5MzkiCiAgICAgaW5rc2NhcGU6Y3k9IjcwMi43OTQ2NSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgLz4KICA8cGF0aAogICAgIGZpbGw9IiMzMjMyMzIiCiAgICAgZmlsbC1ydWxlPSJub256ZXJvIgogICAgIGQ9Ik0wIDBoMTIwMHYxMjAwSDB6IgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojZWJlYmViO2ZpbGwtb3BhY2l0eToxIiAvPgogIDxwYXRoCiAgICAgZmlsbD0iIzQzNDM0MyIKICAgICBmaWxsLXJ1bGU9Im5vbnplcm8iCiAgICAgZD0iTTc3OC42IDI5NS4xYy0yLjEuMi0yMS41IDMuNi0yMy44IDQuMWwtMjY2LjUgNTMuOWMtNyAxLjUtMTIuNSA0LTE2LjcgNy41LTUuMSA0LjMtOCAxMC4zLTkgMTcuMy0uMyAxLjUtLjYgNC42LS42IDl2MzM0YzAgMy44IDAgNy4yLTEgMTFhMjUgMjUgMCAwIDEtMTMuOCAxNi44IDQ0LjcgNDQuNyAwIDAgMS0xMC43IDMuMWwtMTcuNCAzLjVjLTIyLjEgNC41LTM3LjQgNy41LTUwLjUgMTIuNWE3OC4yIDc4LjIgMCAwIDAtMjkuMiAxOC43IDY5LjUgNjkuNSAwIDAgMC0xOCA1NS43IDY3LjUgNjcuNSAwIDAgMCA1NCA2MWMxMy40IDIuNSAyNy42IDEuNiA0OC4zLTIuNiAxMS0yLjIgMjEuNC01LjYgMzEuMy0xMS40YTc5LjEgNzkuMSAwIDAgMCAzOC01My40YzIuMi0xMC45IDMuMy0yMiAzLjItMzNWNTE0LjNjMC0xNS42IDQuMS0xOS43IDE2LjctMjIuN2wyMzMtNDYuOGMxNC42LTIuOCAyMC44IDEuNCAyMC44IDE2LjV2MTk5LjFjMCAzLjguMyA3LjItLjYgMTEtMSAzLjctMS44IDcuMS00LjMgMTAtMi40IDMtNS40IDUuMy04LjggNi45YTQ0LjggNDQuOCAwIDAgMS0xMC43IDMuMUw3MjUgNjk1Yy0yMi4xIDQuNS0zNy4yIDcuNS01MC4yIDEyLjVhNzggNzggMCAwIDAtMjkuMiAxOC44IDcwLjggNzAuOCAwIDAgMC0xOS4yIDU1LjggNzAuOCA3MC44IDAgMCAwIDIyLjcgNDQuNWM5LjEgOC40IDIwLjQgMTQuMSAzMi41IDE2LjUgMTMuMyAyLjcgMjcuNSAxLjcgNDguMi0yLjQgMTEtMi4zIDIxLjQtNS42IDMxLjMtMTEuNGE3OC40IDc4LjQgMCAwIDAgMzcuNy01My42YzIuNC0xMS40IDIuMy0yMS43IDIuMy0zM1YzMTguNmMwLTE1LjQtOC0yNC44LTIyLjQtMjMuNiIKICAgICBpZD0icGF0aDQiCiAgICAgc3R5bGU9ImZpbGw6I2RjZGNkYztmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg=="); + --paddleIcon : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDEzIDI5IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJwYWRkbGUtZGVmYXVsdC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMjguMzc5MzEiCiAgICAgaW5rc2NhcGU6Y3g9IjYuNTAxMjE1MSIKICAgICBpbmtzY2FwZTpjeT0iMTQuNTE3NjE4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZmlsbD0iIzAwMDAwMCIKICAgICBkPSJNIDAsMC42NTEgMC43NzksMCAxMi43MTYsMTQuNSAwLjc3OSwyOSAwLDI4LjM0OSAxMS40MTMsMTQuNSBaIgogICAgIGlkPSJwYXRoMiIgLz4KPC9zdmc+Cg=="); + --airplayIcon : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgdmVyc2lvbj0iMS4xIgogICBpZD0idGV4dC1PTCIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAxMjUgMTI1IgogICBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjUgMTI1OyIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iQWlyUGxheV9CbGFja19UcmFuc3BhcmVudC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4yIChiOGUyNWJlODMzLCAyMDIyLTAyLTA1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcwogICBpZD0iZGVmczE3IiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgaWQ9Im5hbWVkdmlldzE1IgogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgIHNob3dncmlkPSJmYWxzZSIKICAgaW5rc2NhcGU6em9vbT0iNi41ODQiCiAgIGlua3NjYXBlOmN4PSI2Mi41IgogICBpbmtzY2FwZTpjeT0iNjIuNTc1OTQyIgogICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMDkiCiAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJ0ZXh0LU9MIiAvPgo8c3R5bGUKICAgdHlwZT0idGV4dC9jc3MiCiAgIGlkPSJzdHlsZTIiPgoJLnN0MHtmaWxsOiNGQUZBRkE7ZmlsbC1vcGFjaXR5OjA7fQoJLnN0MXtmaWxsOiMyMjFFMUY7fQo8L3N0eWxlPgo8dGl0bGUKICAgaWQ9InRpdGxlNCI+QWlyUGxheV9CbGFjazwvdGl0bGU+CjxyZWN0CiAgIGNsYXNzPSJzdDAiCiAgIHdpZHRoPSIxMjUiCiAgIGhlaWdodD0iMTI1IgogICBpZD0icmVjdDYiIC8+CjxnCiAgIGlkPSJfR3JvdXBfIgogICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIj4KCTxnCiAgIGlkPSJfR3JvdXBfMiIKICAgc3R5bGU9ImZpbGw6IzMzMzMzMztmaWxsLW9wYWNpdHk6MSI+CgkJPHBhdGgKICAgaWQ9Il9QYXRoXyIKICAgY2xhc3M9InN0MSIKICAgZD0iTTQzLjUsODQuMWwxLjMtMS41YzAuMy0wLjMsMC4zLTAuOCwwLTEuMWMtMTAuNS05LjctMTEuMi0yNi4yLTEuNC0zNi43czI2LjItMTEuMiwzNi43LTEuNCAgICBzMTEuMiwyNi4yLDEuNCwzNi43Yy0wLjUsMC41LTAuOSwxLTEuNCwxLjRjLTAuMywwLjMtMC4zLDAuOCwwLDEuMWwxLjMsMS41YzAuMywwLjMsMC44LDAuMywxLjEsMC4xYzAsMCwwLDAsMCwwICAgIGMxMi0xMS4xLDEyLjctMjkuNywxLjctNDEuN2MtMTEuMS0xMi0yOS43LTEyLjctNDEuNy0xLjdzLTEyLjcsMjkuNy0xLjcsNDEuN2MwLjUsMC42LDEuMSwxLjEsMS43LDEuNyAgICBDNDIuOCw4NC40LDQzLjIsODQuNCw0My41LDg0LjF6IgogICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIiAvPgoJCTxwYXRoCiAgIGlkPSJfUGF0aF8yIgogICBjbGFzcz0ic3QxIgogICBkPSJNNDQuOCw2Mi41YzAtOS43LDcuOS0xNy42LDE3LjYtMTcuNlM4MCw1Mi45LDgwLDYyLjZjMCw0LjgtMiw5LjUtNS41LDEyLjggICAgYy0wLjMsMC4zLTAuMywwLjgsMCwxLjFsMS4zLDEuNWMwLjMsMC4zLDAuOCwwLjQsMS4xLDAuMWMwLDAsMCwwLDAsMGM4LjUtOCw4LjktMjEuMywxLTI5LjhzLTIxLjMtOC45LTI5LjgtMVMzOS4xLDY4LjUsNDcsNzcgICAgYzAuMywwLjMsMC42LDAuNywxLDFjMC4zLDAuMywwLjgsMC4zLDEuMSwwYzAsMCwwLDAsMCwwbDEuMy0xLjVjMC4zLTAuMywwLjMtMC44LDAtMS4xQzQ2LjksNzIuMSw0NC44LDY3LjQsNDQuOCw2Mi41eiIKICAgc3R5bGU9ImZpbGw6IzMzMzMzMztmaWxsLW9wYWNpdHk6MSIgLz4KCQk8cGF0aAogICBpZD0iX1BhdGhfMyIKICAgY2xhc3M9InN0MSIKICAgZD0iTTUzLjIsNjIuNWMwLTUuMSw0LjEtOS4yLDkuMi05LjJjNS4xLDAsOS4yLDQuMSw5LjIsOS4yYzAsMi41LTEsNC44LTIuOCw2LjYgICAgYy0wLjMsMC4zLTAuMywwLjgsMCwxLjFsMS4zLDEuNWMwLjMsMC4zLDAuOCwwLjMsMS4xLDBjMCwwLDAsMCwwLDBjNS00LjksNS4yLTEyLjksMC4zLTE4cy0xMi45LTUuMi0xOC0wLjNzLTUuMiwxMi45LTAuMywxOCAgICBjMC4xLDAuMSwwLjIsMC4yLDAuMywwLjNjMC4zLDAuMywwLjgsMC4zLDEuMSwwYzAsMCwwLDAsMCwwbDEuMy0xLjVjMC4zLTAuMywwLjMtMC44LDAtMS4xQzU0LjIsNjcuNCw1My4yLDY1LDUzLjIsNjIuNXoiCiAgIHN0eWxlPSJmaWxsOiMzMzMzMzM7ZmlsbC1vcGFjaXR5OjEiIC8+Cgk8L2c+Cgk8cGF0aAogICBpZD0iX1BhdGhfNCIKICAgY2xhc3M9InN0MSIKICAgZD0iTTgwLjksODkuMUw2My41LDY5LjNjLTAuNS0wLjYtMS4zLTAuNi0xLjktMC4xYzAsMC0wLjEsMC4xLTAuMSwwLjFMNDMuOSw4OS4xICAgYy0wLjQsMC41LTAuNCwxLjIsMC4xLDEuN2MwLjIsMC4yLDAuNSwwLjMsMC43LDAuM2gzNS4zYzAuNiwwLDEuMi0wLjUsMS4yLTEuMkM4MS4yLDg5LjYsODEuMSw4OS4zLDgwLjksODkuMXoiCiAgIHN0eWxlPSJmaWxsOiMzMzMzMzM7ZmlsbC1vcGFjaXR5OjEiIC8+CjwvZz4KPC9zdmc+Cg=="); + --searchIcon : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE2IgogICBoZWlnaHQ9IjE2IgogICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgIGNsYXNzPSJkdC1zZWFyY2gtYm94X19pY29uIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJpbWFnZS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMi4xICg5YzZkNDFlNDEwLCAyMDIyLTA3LTE0KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMjUuNzE4NzUiCiAgICAgaW5rc2NhcGU6Y3g9IjAuMDk3MjA1MzQ2IgogICAgIGlua3NjYXBlOmN5PSI1LjI4Nzk3MDgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMDkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIiAvPgogIDxwYXRoCiAgICAgZD0iTTExLjg3IDEwLjgzNWMuMDE4LjAxNS4wMzUuMDMuMDUxLjA0N2wzLjg2NCAzLjg2M2EuNzM1LjczNSAwIDEgMS0xLjA0IDEuMDRsLTMuODYzLTMuODY0YS43NDQuNzQ0IDAgMCAxLS4wNDctLjA1MSA2LjY2NyA2LjY2NyAwIDEgMSAxLjAzNS0xLjAzNXpNNi42NjcgMTJhNS4zMzMgNS4zMzMgMCAxIDAgMC0xMC42NjcgNS4zMzMgNS4zMzMgMCAwIDAgMCAxMC42Njd6IgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K"); + --searchIconDark : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE2IgogICBoZWlnaHQ9IjE2IgogICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgIGNsYXNzPSJkdC1zZWFyY2gtYm94X19pY29uIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJoZWxsbyAoMikuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMiAoYjhlMjViZTgzMywgMjAyMi0wMi0wNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjI1LjcxODc1IgogICAgIGlua3NjYXBlOmN4PSIwLjA1ODMyMzIwOCIKICAgICBpbmtzY2FwZTpjeT0iNS4yODc5NzA4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgZD0iTTExLjg3IDEwLjgzNWMuMDE4LjAxNS4wMzUuMDMuMDUxLjA0N2wzLjg2NCAzLjg2M2EuNzM1LjczNSAwIDEgMS0xLjA0IDEuMDRsLTMuODYzLTMuODY0YS43NDQuNzQ0IDAgMCAxLS4wNDctLjA1MSA2LjY2NyA2LjY2NyAwIDEgMSAxLjAzNS0xLjAzNXpNNi42NjcgMTJhNS4zMzMgNS4zMzMgMCAxIDAgMC0xMC42NjcgNS4zMzMgNS4zMzMgMCAwIDAgMCAxMC42Njd6IgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K"); + --moreIcon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgZmlsbD0id2hpdGUiCiAgIHZpZXdCb3g9IjAgMCAyNyAyNyIKICAgY2xhc3M9ImdseXBoIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJtb3JlX2xpZ2h0LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4yLjEgKDljNmQ0MWU0MTAsIDIwMjItMDctMTQpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzMC43MDM3MDQiCiAgICAgaW5rc2NhcGU6Y3g9IjEzLjUiCiAgICAgaW5rc2NhcGU6Y3k9IjEzLjUxNjI4NSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Ik04Ljg5NTQ3Njc3IDEzLjUzMzAwNzNjMC0xLjEwNTc0NTctLjk3MzcxNjM4LTIuMDk1OTY1Ny0yLjA5NTk2NTc3LTIuMDk1OTY1Ny0xLjEzODc1MzA1IDAtMi4wNzk0NjIxLjk5MDIyLTIuMDc5NDYyMSAyLjA5NTk2NTcgMCAxLjEyMjI0OTQuOTQwNzA5MDUgMi4wNzk0NjIxIDIuMDc5NDYyMSAyLjA3OTQ2MjEgMS4xMjIyNDkzOSAwIDIuMDk1OTY1NzctLjk1NzIxMjcgMi4wOTU5NjU3Ny0yLjA3OTQ2MjF6bTYuNjgzOTg1MzMgMGMwLTEuMTA1NzQ1Ny0uOTU3MjEyNy0yLjA5NTk2NTctMi4wNzk0NjIxLTIuMDk1OTY1Ny0xLjEyMjI0OTQgMC0yLjA3OTQ2MjEuOTkwMjItMi4wNzk0NjIxIDIuMDk1OTY1NyAwIDEuMTIyMjQ5NC45NTcyMTI3IDIuMDc5NDYyMSAyLjA3OTQ2MjEgMi4wNzk0NjIxIDEuMTIyMjQ5NCAwIDIuMDc5NDYyMS0uOTU3MjEyNyAyLjA3OTQ2MjEtMi4wNzk0NjIxem02LjcwMDQ4OSAwYzAtMS4xMDU3NDU3LS45NDA3MDktMi4wOTU5NjU3LTIuMDc5NDYyMS0yLjA5NTk2NTctMS4xMjIyNDk0IDAtMi4wOTU5NjU4Ljk5MDIyLTIuMDk1OTY1OCAyLjA5NTk2NTcgMCAxLjEyMjI0OTQuOTczNzE2NCAyLjA3OTQ2MjEgMi4wOTU5NjU4IDIuMDc5NDYyMSAxLjEzODc1MzEgMCAyLjA3OTQ2MjEtLjk1NzIxMjcgMi4wNzk0NjIxLTIuMDc5NDYyMXoiCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiNkNjAwMTc7ZmlsbC1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo="); + + .app-chrome { + + .playback-button--small.repeat.repeatOne, + .playback-button--small.repeat.active, + .playback-button--small.shuffle.active { + filter: brightness(0) !important; + } + + .search-input--icon { + filter: invert(0.8); + } + + #app-sidebar { + + .app-sidebar-item-playlist>div[svg-name='sidebar-playlist'], + .playlist-folder>div[svg-name='sidebar-playlist'] { + filter: invert(1); + } + } + } + .search-hints .search-hint { + &:hover, + &.active { + background-image : var(--searchIconDark) !important; + background-size : 10px; + background-position-x: 5px; + background-position-y: center; + background-repeat : no-repeat; + padding-left : 25px; + } + } + .search-hints .cd-queue-item:hover { + background-color: rgba(200,200,200,0.5) !important; + } + } +} \ No newline at end of file diff --git a/theme/font.css b/theme/font.css new file mode 100644 index 0000000..697e145 --- /dev/null +++ b/theme/font.css @@ -0,0 +1,55 @@ +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: 100; +} +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: 200; +} +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: 300; +} +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: 400; +} +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: 500; +} +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: 600; +} +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: 700; +} +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: 800; +} +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: 900; +} +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: bold; +} +@font-face { + font-family: 'SFProDisplay'; + src: url(SFPro.woff2); + font-weight: bolder; +} \ No newline at end of file diff --git a/theme/fullscreen.less b/theme/fullscreen.less index 3e8798e..1248b39 100644 --- a/theme/fullscreen.less +++ b/theme/fullscreen.less @@ -243,9 +243,9 @@ } .lyric-line { - font-size : 4.5rem; + font-size : 4.25rem; margin-right: 20px; - transition : all 0.5s var(--appleEase); + transition : all 0.75s var(--appleEase); .lyrics-translation { filter: opacity(0.5); } diff --git a/theme/lightmode.less b/theme/lightmode.less index d276fe7..f449f9e 100644 --- a/theme/lightmode.less +++ b/theme/lightmode.less @@ -27,7 +27,7 @@ --ciderColor : #ff2654; --artistHoverColor : rgba(250, 35, 59, 0.8); --activeTabColor : rgba(214, 0, 23, 0.25); - --volumeTrackColor : rgba(200, 200, 200, 0.65); + --volumeTrackColor : rgba(50, 50, 50, 0.45); --categoriesColor : rgba(0, 0, 0, 0.05); --searchBackgroundColor : rgba(255, 255, 255, 0.3); --searchBarBackgroundColor: rgba(255, 255, 255, 0.45); @@ -164,8 +164,10 @@ body { box-shadow : 0 0 2px 0px var(--appBorderColor); } - .app-chrome-item.volume input[type="range"]::-webkit-slider-thumb { - background: mix(@volumeThumbColor, @mediaColor, 50%) !important; + .app-chrome-item.volume input[type="range"] { + &::-webkit-slider-thumb { + background: mix(@volumeThumbColor, @mediaColor, 50%) !important; + } } } } @@ -339,6 +341,13 @@ body { background: var(--keyColor); color : var(--textColorLight); } + .md-btn-icon .md-ico-add, .md-btn-icon .md-ico-remove { + filter: invert(0.85); + } + .md-btn-icon:hover .md-ico-add, .md-btn-icon:hover .md-ico-remove { + filter: none; + } + .md-select { @@ -376,6 +385,12 @@ body { background : url("icons/banner.png"); background-size: contain; } + .artist-page { + .floating-header { + background: rgba(250,250,250, 0.65); + backdrop-filter: blur(16px) saturate(180%); + } + } .library-page { .library-header {