From 361fe5c8aef0f072a93b6c95b9f243b15b33e376 Mon Sep 17 00:00:00 2001 From: booploops <49113086+booploops@users.noreply.github.com> Date: Tue, 1 Feb 2022 22:01:53 -0800 Subject: [PATCH] removed user button, made cider logo a button. deleted some unused files --- Assets/AppChromeBtn.afdesign | Bin 0 -> 26378 bytes src/renderer/AppHeader.svg | 4 - src/renderer/assets/AppChromeBtn.svg | 39 + src/renderer/index.js | 8 +- src/renderer/logo-simple.svg | 27 - src/renderer/logotmp2.svg | 29 - src/renderer/style-old.css | 2165 -------------------------- src/renderer/style.less | 24 +- src/renderer/views/main.ejs | 138 +- 9 files changed, 138 insertions(+), 2296 deletions(-) create mode 100644 Assets/AppChromeBtn.afdesign delete mode 100644 src/renderer/AppHeader.svg create mode 100644 src/renderer/assets/AppChromeBtn.svg delete mode 100644 src/renderer/logo-simple.svg delete mode 100644 src/renderer/logotmp2.svg delete mode 100644 src/renderer/style-old.css diff --git a/Assets/AppChromeBtn.afdesign b/Assets/AppChromeBtn.afdesign new file mode 100644 index 0000000000000000000000000000000000000000..00fc374bc62e004cb7ae198910bcbc77be73f1e6 GIT binary patch literal 26378 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 QW?L#fZ6mEZ4aXP%1AvVJVE_OC literal 0 HcmV?d00001 diff --git a/src/renderer/AppHeader.svg b/src/renderer/AppHeader.svg deleted file mode 100644 index d6a7b723..00000000 --- a/src/renderer/AppHeader.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/renderer/assets/AppChromeBtn.svg b/src/renderer/assets/AppChromeBtn.svg new file mode 100644 index 00000000..16985261 --- /dev/null +++ b/src/renderer/assets/AppChromeBtn.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/renderer/index.js b/src/renderer/index.js index 16e166cd..eab1cdc9 100644 --- a/src/renderer/index.js +++ b/src/renderer/index.js @@ -340,6 +340,13 @@ const app = new Vue({ }, }, methods: { + mainMenuVisibility(val) { + if(val) { + (this.chrome.userinfo.id) ? this.chrome.menuOpened = !this.chrome.menuOpened : false + }else{ + setTimeout(()=>{this.chrome.menuOpened = false}, 100) + } + }, stringTemplateParser(expression, valueObj) { const templateMatcher = /{{\s?([^{}\s]*)\s?}}/g; let text = expression.replace(templateMatcher, (substring, value, index) => { @@ -594,7 +601,6 @@ const app = new Vue({ if (this.isDev) { this.mk.privateEnabled = true // Hide UserInfo if Dev mode - this.chrome.hideUserInfo = true } else { // Get Hide User from Settings this.chrome.hideUserInfo = !this.cfg.visual.showuserinfo diff --git a/src/renderer/logo-simple.svg b/src/renderer/logo-simple.svg deleted file mode 100644 index 9f78bf50..00000000 --- a/src/renderer/logo-simple.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/renderer/logotmp2.svg b/src/renderer/logotmp2.svg deleted file mode 100644 index 61317b00..00000000 --- a/src/renderer/logotmp2.svg +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/renderer/style-old.css b/src/renderer/style-old.css deleted file mode 100644 index 7662fb15..00000000 --- a/src/renderer/style-old.css +++ /dev/null @@ -1,2165 +0,0 @@ -@import url("ameframework.css"); - -:root { - --appleEase: cubic-bezier(0.42, 0, 0.58, 1); - --mediaItemShadow-Shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55); - --mediaItemShadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%); - --mediaItemRadius: 4px; - --mediaItemRadiusRound: 100%; - --contentInnerPadding: 16px; - --navbarHeight: 48px; - --keyColor: #fa586a; - --keyColor-rgb: 250, 88, 106; - --keyColor-rollover: #ff8a9c; - --keyColor-rollover-rgb: 255, 138, 156; - --keyColor-pressed: #ff7183; - --keyColor-pressed-rgb: 255, 113, 131; - --keyColor-deepPressed: #ff8a9c; - --keyColor-deepPressed-rgb: 255, 138, 156; - --keyColor-disabled: rgba(250, 88, 106, 0.35); -} - -html, -body { - margin: 0; - padding: 0; - overflow: hidden; - width: 100%; - height: 100%; - box-sizing: border-box; - background-size: cover; - background-position: center; - background: #0000; - font-family: "Segoe UI Variable Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - transition: opacity .10s var(--appleEase); -} - -body[loading] { - opacity: 0.5; - pointer-events: none; -} - -body[platform='linux'] { - background:#222; -} - -*, -*:before, -*:after { - box-sizing: inherit; -} - - -/* Modern style overlay scrollbars */ -::-webkit-scrollbar { - width: 16px; - height: 24px; -} - -::-webkit-scrollbar-button { - display: none; -} - -::-webkit-scrollbar-track-piece { - background: transparent; -} - -::-webkit-scrollbar-thumb { - background: transparent; - border: 6px solid transparent; - box-shadow: inset 0px 0px 10px 10px rgb(200 200 200 / 50%); - border-radius: 16px; - min-height: 64px; - transition: border 1s; -} - -::-webkit-scrollbar-thumb:hover { - border: 5px solid transparent; - box-shadow: inset 0px 0px 10px 10px rgb(200 200 200 / 80%); -} - -#app { - --color1: rgb(30, 30, 30, 30%); - --color2: rgba(15, 15, 15, 70%); - /* --color1: rgb(30, 30, 31, 20%); - --color2: rgba(17, 17, 17, 24%); */ - --chromeHeight: 55px; - width: 100%; - height: 100%; - background: var(--color1); - color: white; - user-select: none; - margin: 0 auto; - position: relative; - overflow: hidden; -} -[hidden] { - display: none !important; -} - - -.bg-artwork--placeholder { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #222; - z-index: -1; - background-size: cover; - background-position: center; - opacity: 0.70; -} - - -.bg-artwork { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: var(--artwork); - z-index: -1; - object-fit: cover; - object-position: center; - /* filter: blur(60px) saturate(180%); - opacity: 0.70; */ - filter: blur(180px) saturate(280%); - opacity: 0.60; - transition: opacity .25s var(--appleEase); - pointer-events: none; - transform: translateZ(0px); -} - - -[artwork-hidden] { - transition: opacity .25s var(--appleEase); - opacity:0; -} - -input[type="range"].web-slider { - -webkit-appearance: none; - height: 4px; - background: rgba(255, 255, 255, 0.6); - border-radius: 5px; - background-size: 70% 100%; - background-repeat: no-repeat; -} - -input[type="range"].web-slider::-webkit-slider-thumb { - -webkit-appearance: none; - height: 20px; - width: 20px; - border-radius: 50%; - background: rgb(255 255 255); - cursor: ew-resize; - box-shadow: 0 0 2px 0 #555; -} - -input[type=range].web-slider::-webkit-slider-runnable-track { - -webkit-appearance: none; - box-shadow: none; - border: none; - background: transparent; -} - -.nopadding { - padding: 0px; -} - -.md-btn { - font-family: inherit; - color: white; - font-size: 14px; -} - -#app-main { - display: flex; - width: 100%; - height: 100%; - flex-direction: column; -} - -#app-sidebar { - /* background-color: var(--color1); */ - height: 100%; - width: 260px; - display: flex; - flex-direction: column; - flex: 0 0 auto; -} - -#app-navbar { - height: 40px; - width: 100%; - background: rgb(30 30 30 / 85%); - position: sticky; - top: 0px; - left: 0; - z-index: 2; - backdrop-filter: blur(16px) saturate(180%); -} - -#app-content { - background-color: var(--color2); - height: 100%; - width: 100%; - overflow-y: scroll; - overflow-y: overlay; - overflow-x: hidden; - border-radius: 10px 0px; - border-left: 1px solid rgb(0 0 0 / 25%); - border-top: 1px solid rgb(0 0 0 / 25%); - position:relative; -} - -.content-inner { - position: absolute; - top: 0; - left: 0; - padding: 32px; - width: 100%; -} - -.content-inner.centered { - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; - align-items: center; -} - -.app-drawer { - width: 300px; - border-left: 1px solid rgb(0 0 0 / 25%); - flex: 0 0 auto; - border-top: 1px solid rgb(0 0 0 / 25%); -} - -.search-input-container { - position: relative; -} - -.search-input { - width: 100%; - padding: 6px; - border-radius: 6px; - border: 1px solid rgb(200 200 200 / 10%); - font-family: inherit; - font-size: 14px; - background: rgb(100 100 100 / 25%); - color: rgb(200 200 200); - font-weight: 500; - padding-left: 32px; - position: relative; -} - -.search-input:focus { - outline: none; - border-bottom: 1px solid var(--keyColor); -} - -.search-input--icon { - content: ''; - width: 100%; - height: 100%; - display: block; - position: absolute; - top: 0px; - left: 0px; - background-image: url('assets/search.svg'); - background-position: 10px; - background-repeat: no-repeat; - background-size: 12px; - pointer-events: none; - opacity: 0.55; -} - -.app-sidebar-header { - font-size: 14px; - padding: 11px; - font-weight: 600; -} - -.app-sidebar-header-text { - font-size: 11px; - margin: 6px 3px; - font-weight: 600; - opacity: 0.50; -} - -.app-sidebar-footer { - padding: 11px; -} - -.app-sidebar-button { - width: 100%; - padding: 0px; - font-family: inherit; - display: flex; - border-radius: 6px; - border: 1px solid rgb(200 200 200 / 5%); - background: rgb(100 100 100 / 25%); - color: #eee; - font-weight: 500; - align-items: center; -} - -.app-sidebar-button > .sidebar-user-icon { - width: 32px; - height: 32px; - border-radius: 100%; - background-image: var(--artwork); - margin: 10px; - flex: 0 0 auto; - box-shadow: var(--mediaItemShadow); - background-size: contain; -} - -.app-sidebar-button > .sidebar-user-text { - width: 100%; - display: flex; - font-size: 14px; - flex-direction: column; -} - -.app-sidebar-button > .sidebar-user-text .fullname { - text-align: left; -} - -.app-sidebar-button > .sidebar-user-text .handle-text { - font-size: 12px; - opacity: 0.7; - text-align: left; -} - -.app-sidebar-notification { - text-align: center; - font-size: 12px; - min-height: 60px; - display: flex; - justify-content: center; - align-items: center; - border-top: 1px solid rgb(200 200 200 / 15%); - background: rgb(0 0 0 / 15%); - flex-direction: column; - padding: 20px 0px; -} - -.app-sidebar-content { - padding: 8px; - overflow-y: scroll; - overflow-y: overlay; - height: 100%; -} - -.app-sidebar-content::-webkit-scrollbar { - display: none; -} - -.app-sidebar-content:hover::-webkit-scrollbar { - display: initial; -} - -.app-sidebar-item { - display: flex; - width: 100%; - padding: 8px 12px; - font-weight: 400; - font-family: inherit; - font-size: 14px; - margin: 6px 0px; - border: 1px solid transparent; - border-radius: 6px; - background: transparent; - color: white; - transition: transform .1s; - text-align: left; -} - -.app-sidebar-item:hover { - border: 1px solid rgb(200 200 200 / 5%); - background: rgb(200 200 200 / 15%); -} - -.app-sidebar-item:active { - border: 1px solid rgb(200 200 200 / 5%); - background: rgb(200 200 200 / 15%); - transform: scale(0.98); - transition: transform 0s; -} - -.app-sidebar-item.active { - border: 1px solid rgb(200 200 200 / 5%); - background: rgb(200 200 200 / 15%); - transform: scale(1); - transition: transform 0s; -} - -.app-sidebar-item.active::after { - content: ''; - width: 4px; - height: 16px; - display: block; - position: absolute; - top: calc(100% - 72%); - border-radius: 10px; - left: 0px; - background: var(--keyColor); -} - -.app-chrome { - background: var(--color1); - width: 100%; - height: var(--chromeHeight); - display: flex; - flex-direction: row; - -webkit-app-region: drag; -} - -.mv-chrome { - position: absolute; - top: 0; - right: 0; - width: 90%; - height: 55px; - -webkit-app-region: drag; -} - -.app-chrome .app-chrome--left, -.app-chrome .app-chrome--center, -.app-chrome .app-chrome--right { - height: 100%; - width: 100%; - display: flex; - justify-content: center; - align-items: center; -} - -.app-chrome .app-chrome--left { - width: 30%; - justify-content: left; -} - -.app-chrome .app-chrome--center { - width: 100%; -} - -.app-chrome .app-chrome--right { - width: 30%; - justify-content: right; -} - -.app-chrome .app-chrome-item { - height: 100%; - width: auto; - display: flex; - justify-content: center; - align-items: center; - -webkit-app-region: no-drag; - height: auto; -} - -.app-chrome .app-chrome-item.generic { - width: 50px; - opacity: 0.70; -} - -.app-chrome .app-chrome-item.volume { - width: 80px; - margin-right: 6px; -} - -.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-thumb { - transition: all var(--appleTransition); -} - -.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-thumb:hover { - background-image: radial-gradient(var(--keyColor) 2px, transparent 3px, transparent 10px); - transform: scale(1.2); -} - -.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-thumb:active { - background-image: radial-gradient(var(--keyColor) 3px, transparent 4px, transparent 10px); - transform: scale(1); -} - -.app-chrome .app-chrome-item.volume > input[type=range] { - width: 100%; -} - -.app-chrome .app-chrome-item.volume > input[type=range] { - -webkit-appearance: none; - height: 4px; - background: rgba(255, 255, 255, 0.4); - border-radius: 5px; - background-size: 70% 100%; - background-repeat: no-repeat; -} - -.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-thumb { - -webkit-appearance: none; - height: 14px; - width: 14px; - border-radius: 50%; - background: rgb(50 50 50); - cursor: default; - box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4); -} - -.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-runnable-track { - -webkit-appearance: none; - box-shadow: none; - border: none; - background: transparent; -} - -.app-chrome .back-button { - height: 100%; - width: 60px; -} - -.app-chrome .app-chrome-item.full-height { - height: 100%; -} - -.app-chrome .app-chrome-item > .app-title { - width: 100px; - font-size: 13px; - background: url("./logotmp.png"); - background-size: 90px; - background-repeat: no-repeat; - background-position: center; - height: 100%; - margin-right: 16px; - margin-left: 16px; - image-rendering: -webkit-optimize-contrast; - -webkit-app-region: drag; -} - -.app-chrome .app-chrome-item > .window-controls { - width: 138px; - font-size: 13px; - height: 100%; - display: flex; -} - -.app-chrome .app-chrome-item > .window-controls > div { - height: 100%; - width: 32px; -} - -.app-chrome .app-chrome-item > .window-controls > div:hover { - background: rgb(200 200 200 / 10%); -} - -.app-chrome .app-chrome-item > .window-controls > div.close { - width: 100%; - height: 100%; - background-image: var(--gfx-closeBtn); - background-position: center; - background-repeat: no-repeat; - -webkit-app-region: no-drag; -} - -.app-chrome .app-chrome-item > .window-controls > div.minmax { - background-image: var(--gfx-maxBtn); - background-position: center; - background-repeat: no-repeat; - -webkit-app-region: no-drag; - width: 100%; - height: 100%; -} - -.app-chrome .app-chrome-item > .window-controls > div.minmax.restore { - background-image: var(--gfx-restoreBtn); -} - -.app-chrome .app-chrome-item > .window-controls > div.minimize { - background-image: var(--gfx-minBtn); - background-position: center; - background-repeat: no-repeat; - -webkit-app-region: no-drag; - width: 100%; - height: 100%; -} - -.app-chrome .app-chrome-item.playback-controls { - width: 80%; - height: 90%; - display: flex; - max-width: 500px; - border-left: 1px solid rgb(200 200 200 / 8%); - border-right: 1px solid rgb(200 200 200 / 8%); -} - -.app-chrome .app-chrome-item > .app-playback-controls { - display: flex; - justify-content: center; - align-content: center; - width: 100%; -} - -.app-chrome .app-chrome-item > .app-playback-controls .song-name { - font-weight: 600; - text-align: center; - font-size: 13px; - height: 1em; - line-height: 1em; - overflow: hidden; -} - -.app-chrome .app-chrome-item > .app-playback-controls .song-artist { - font-weight: 400; - font-size: 13px; - text-align: center; - height: 1em; - line-height: 1em; - overflow: hidden; - /* animation: marquee 10s linear infinite; */ -} - -.app-chrome .app-chrome-item > .app-playback-controls .song-progress { - height: 16px; - position: absolute; - bottom: 0px; - left: 0px; - overflow: hidden; - -} - -@keyframes marquee { - from { - transform: translateX(100%); - } - to { - transform: translateX(-100%); - } -} - -.app-chrome .app-chrome-item > .app-playback-controls .song-progress > input[type=range] { - appearance: none; - width: 100%; - height: 4px; - background-color: rgb(200 200 200 / 10%); -} - -.app-chrome .app-chrome-item > .app-playback-controls .song-progress > input[type=range]::-webkit-slider-thumb { - -webkit-appearance: none; - appearance: none; - width: 4px; - height: 12px; - border-radius: 2px; - background: var(--keyColor); - cursor: ew-resize; -} - -.app-chrome .app-chrome-item > .app-playback-controls .song-progress > input[type=range]::-moz-range-thumb { - width: 8px; - height: 8px; - border-radius: 100%; - background: var(--keyColor); - cursor: pointer; -} - -.app-chrome .app-chrome-item > .app-playback-controls .artwork { - width: 42px; - height: 42px; - background-image: var(--artwork); - background-position: center; - background-size: contain; - background-repeat: no-repeat; - border-radius: 4px; - flex: 0 0 auto; - margin: 6px; - box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 25%); - image-rendering: -webkit-optimize-contrast; -} - -.app-chrome .app-chrome-item > .app-playback-controls .actions { - width: 42px; - height: 42px; - border-radius: 2px; - flex: 0 0 auto; - margin: 6px; - display: flex; - justify-content: center; - align-items: center; -} - -.app-chrome .app-chrome-item > .app-playback-controls .playback-info { - width: 100%; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - position: relative; -} - -.app-chrome .app-chrome-item > .app-playback-controls .playback-info > div { - width: 100%; -} - -.app-navigation { - background: var(--color1); - height: calc(100% - var(--chromeHeight)); - width: 100%; - display: flex; -} - -.display--small { - display: none !important; -} - -.web-slider.display--small{ - margin: 10px; -} - -input[type="range"].web-slider.display--small::-webkit-slider-thumb { - -webkit-appearance: none; - height: 14px; - width: 14px; - border-radius: 50%; - background: rgb(50 50 50); - cursor: default; - box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4); -} - -/* Window is smaller <= 1023px width */ -@media only screen and (max-width: 1023px) { - .display--small { - display: inherit !important; - } - - .display--large { - display: none !important; - } -} - -.header-text { - margin: 0px; -} - -.media-item--small { - background: rgb(0 0 0 / 25%); - height: 162px; - width: 132px; - display: inline-flex; - flex-direction: column; - justify-content: center; - align-items: center; - border-radius: 10px; -} - -.media-item--small .artwork { - background: red; - margin: 6px; - border-radius: 100%; - width: 90px; - height: 90px; - box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 30%); -} - -.playlist-artwork { - height: 190px; - width: 190px; - background: blue; - border-radius: 6px; - background: var(--artwork); - background-size: cover; - box-shadow: var(--mediaItemShadow); - flex: 0 0 auto; - margin: 6px; - margin-top: 0px; -} - -.media-item--small .text { - font-weight: 600; - font-size: 0.90em; -} - -.media-item--small .subtext { - font-size: 0.75em; -} - -.player-duration-time { - opacity: 0.5; -} - -.player-artwork-container { - display: flex; - align-items: center; - justify-content: center; -} - -.player-duration-container { - font-size: 0.85em; - font-weight: 500; -} - -.media-artwork { - --artwork: url(""); - width: 80vw; - height: 80vw; - max-height: 500px; - max-width: 500px; - background: black; - background-image: var(--artwork); - background-size: cover; - background-position: center; - background-repeat: no-repeat; - border-radius: 8px; - box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55); - transition: transform .10s var(--appleEase); -} - -.media-artwork.paused { - transition: transform .35s var(--appleEase); - transform: scale(0.85); -} - -.playback-slider { - width: 90%; -} - -.volume-slider { - width: 100%; -} - -.volume-slider-container { - width: 90%; - margin: 0 auto; - padding: 0px; -} - -.volume-slider-container .col-auto, -.volume-slider-container .col { - display: flex; - align-items: center; - justify-self: center; - padding: 0px; - margin: 0px; -} - -.playback-button { - font-size: 2em; - width: 40px; - height: 36px; - padding: 0px; - background: transparent; - border: 0px; - border-radius: 0px; - box-shadow: unset; - background-size: 12px; - background-position: center; - background-repeat: no-repeat; - opacity: 0.70; - border-radius: 6px; -} - -.playback-button:active { - transform: scale(0.95); -} - -.playback-button--small { - border-radius: 6px; - font-size: 1em; - color: inherit; - background-size: 14px; - background-repeat: no-repeat; - background-position: center; - background-color: transparent; - width: 40px; - height: 32px; - border: 0px; - box-shadow: unset; -} - -.playback-button:hover, .playback-button--small:hover { - background-color: rgb(200 200 200 / 10%); -} - -.playback-button:active, .playback-button--small:active { - transform: scale(0.9); -} - -.playback-button--small.active { - background-color: rgb(200 200 200 / 10%); -} - -.playback-button--small.search { - background-image: url("./assets/search.svg"); -} - -.playback-button--small.cast { - background-image: url("./assets/cast_white.svg"); -} - -.playback-button--small.queue { - background-image: url("./assets/list.svg"); -} - -.playback-button--small.lyrics { - background-image: url("./assets/quote-right.svg"); -} - -.playback-button--small.shuffle { - background-image: url("./assets/shuffle.svg"); -} - -.playback-button--small.repeat { - background-image: url("./assets/repeat.svg"); -} - -.playback-button--small.repeat.repeatOne { - background-color: var(--keyColor); -} - -.playback-button.pause { - background-image: url('./assets/pause.svg'); -} - -.playback-button.play { - background-image: url('./assets/play.svg'); -} - -.playback-button.next { - background-image: url('./assets/forward.svg'); -} - -.playback-button.previous { - background-image: url('./assets/backward.svg'); -} - -.playback-buttons { - display: flex; - align-items: center; - justify-content: center; -} - -.player-volume-glyph { - width: 32px; - height: 16px; - background-repeat: no-repeat; - background-size: contain; - background-position: center; -} - -.player-volume-glyph.decrease { - background-image: url("./assets/volume-down.svg"); - opacity: 0.5; -} - -.player-volume-glyph.increase { - background-image: url("./assets/volume-up.svg"); - opacity: 0.5; -} - -.player-track-info { - width: 90%; - margin: 0 auto; -} - -.player-song-title { - font-size: 1.25em; - text-align: left; - margin: 0 auto; - font-weight: 500; -} - -.player-song-artist { - font-size: 1.0em; - text-align: left; - margin: 0 auto; - color: var(--keyColor); - font-weight: 400; -} - -.player-song-artist:hover { - cursor: pointer; - text-decoration: underline; -} - -.player-more-container { - display: flex; - align-items: center; - justify-content: center; -} - -.player-more-button { - appearance: none; - width: 32px; - height: 32px; - border-radius: 50%; - border: 0px; - background: var(--keyColor); - cursor: pointer; - box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%); - color: white; - font-weight: bold; - padding: 0px; - font-size: 16px; -} - -.back-button { - width: 40px; - height: 40px; - background-color: transparent; - background-size: 16px; - background-position: center; - background-repeat: no-repeat; - background-image: url("./assets/arrow-left.svg"); - border: 0px; - border-radius: 0px; -} - -.header-text { - height: 40px; - display: flex; - align-items: center; - -} - - -.flex-center { - display: flex; - align-items: center; - flex-wrap: wrap; -} - -.list-entry-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: 12px; - font-size: 1em; - font-family: inherit; -} - -.list-entry { - display: flex; - align-items: center; - /* justify-content: space-between; */ - padding: 12px; - font-size: 1em; - font-family: inherit; - border-bottom: 1px solid rgba(255 255 255 / 0.1); - cursor: pointer; -} - -.list-entry-image { - --artwork: url(""); - width: 64px; - height: 64px; - background: var(--artwork); - background-size: cover; - background-position: center; - background-repeat: no-repeat; - border-radius: 8px; - box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55); -} - -.list-entry-image.artist { - border-radius: 50%; -} - -.list-entry-body { - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; - margin-left: 12px; -} - -.list-entry-name { - font-size: 14px; - font-weight: 500; - overflow: hidden; - width: 100%; -} - -.list-entry-artist { - font-size: 12px; - overflow: hidden; - width: 100%; -} - -.list-entry .handle { - height: 100%; - width: 28px; - background: var(--keyColor); - display: flex; - justify-content: center; - align-items: center; -} - -.md-container { - width: 100%; - position: relative; -} - -.search-panel { - background: rgb(0 0 0 / 50%); -} - -.search-header { - position: absolute; - width: 100%; - z-index: 1; - backdrop-filter: blur(16px); - -webkit-backdrop-filter: blur(16px); - border-bottom: 1px solid rgb(200 200 200 / 8%); -} - -.connection-error-panel { - background: rgb(0 0 0 / 50%); -} - -.search-type-container { - display: flex; -} - -.search-type-button { - background: rgb(20 20 20 / 0.85); - border-radius: 50px; - color: white; - border: 0px; - box-shadow: unset; - font-family: inherit; - padding: 8px 16px; - font-size: 14px; - font-weight: 500; - margin: 8px; - margin-top: 0px; - margin-bottom: 0px; -} - -.search-type-button.active { - background: var(--keyColor); -} - -.search-tab-container { - overflow: auto; - white-space: nowrap; - overflow-y: hidden; -} - -.search-body-container { - position: relative; - width: 100%; - height: 100%; -} - -.queue-body { - width: 100%; - height: 100%; -} - -.search-body { - position: absolute; - width: 100%; - height: 100%; - padding-top: 220px; -} - -.search-tab { - background: rgb(20 20 20 / 0.85); - border-radius: 50px; - color: white; - border: 0px; - box-shadow: unset; - font-family: inherit; - padding: 8px 16px; - font-size: 14px; - font-weight: 500; -} - -.search-tab.active { - background: var(--keyColor); -} - -.context-menu { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - z-index: 100; -} - -.context-menu .context-menu-item { - --borderRadius: 10px; - appearance: none; - width: 100%; - display: block; - font-size: 1.10em; - padding: 18px 20px; - font-family: inherit; - border: 0px; - font-weight: 600; - border-radius: 0px; - border-bottom: 1px solid rgb(200 200 200 / 15%); - margin: 0px; - background: rgb(60 60 60 / 80%); - backdrop-filter: blur(16px) saturate(180%); - -webkit-backdrop-filter: blur(16px) saturate(180%); - color: #ccc; -} - -.context-menu .context-menu-item:hover { - cursor: pointer; -} - -.context-menu .context-menu-item:active { - filter: brightness(75%); -} - -.context-menu .context-menu-item:first-child { - border-radius: 0px; - border-top-left-radius: var(--borderRadius); - border-top-right-radius: var(--borderRadius); -} - -.context-menu .context-menu-item:last-child { - border-radius: 0px; - border-bottom-left-radius: var(--borderRadius); - border-bottom-right-radius: var(--borderRadius); - border-bottom: 0px; -} - -.context-menu .context-menu-item:only-child { - border-radius: var(--borderRadius); -} - -.context-menu .context-menu-item.context-menu-item--left { - text-align: left; -} - -.context-menu .context-menu-body { - display: flex; - align-items: flex-end; - justify-content: flex-end; - flex-direction: column; -} - -.lyric-body { - -webkit-mask-image: -webkit-gradient(linear, left 95%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))); - overflow-y: scroll; - overflow-x: hidden; - display: flex; - flex-flow: column; -} - -.lyric-line { - --bgSpeed: 1s; - appearance: none; - color: white; - font-size: 26px; - transform: scale(0.8); - transform-origin: left center; - transition: transform 0.2s var(--appleEase); - opacity: 0.75; - width: auto; - display: inline-block; - margin: 10px; - margin-left: 5%; - margin-right: 0px; -} - -.lyric-line:hover { - cursor: pointer; -} - -.lyric-line:hover::after { - content: ' '; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - transform: scale(1.06); - background: rgba(200, 200, 200, 0.1); - pointer-events: none; - border-radius: 10px; - -webkit-backface-visibility: hidden; -} - -.lyric-line.active { - --bgSpeed: 1s; - opacity: 1; - transform: scale(1); - /*background: var(--keyColor);*/ - transition: transform 0.2s var(--appleEase); -} - -.lyric-line:not(.active) { - filter: blur(1px) -} - -.lyricWaiting { - margin-top: 8px; - display: none; -} - -.lyric-line.active .lyricWaiting { - display: inline-flex; - animation: lyricWaitingLine 6s cubic-bezier(0.42, 0, 0.58, 1) infinite; -} - - -.lyric-line.active .lyricWaiting > div { - width: 10px; - height: 10px; - background: white; - border-radius: 50%; - margin: 3px; -} - -.lyrics-translation { - font-size: 1.6rem; - font-weight: 400; -} - -@keyframes lyricWaitingLine { - 0% { - opacity: 0.25; - transform: scale(0.85); - } - 50% { - opacity: 1; - transform: scale(1); - } - 100% { - opacity: 0.25; - transform: scale(0.85); - } -} - -@keyframes dotOpacity { - 0% { - opacity: 0.25; - } - 100% { - opacity: 1; - } -} - - -.lyric-line2:before { - background: var(--keyColor); - content: ''; - width: 0%; - height: 6px; - position: absolute; - bottom: -8px; - left: 0; - border-radius: 10px; - z-index: -1; - transition: width var(--bgSpeed); -} - -.lyric-line2.active:before { - width: 100%; - transition: width var(--bgSpeed); -} - -.player_top { - height: 100%; -} - -/* Cider */ - -.reload-btn { - background: rgb(86 86 86 / 52%); - border-radius: 100%; - width: 32px; - height: 32px; - border: 0px; - appearance: none; - display: flex; - justify-content: center; - align-items: center; -} - -.reload-btn:hover { - background: rgb(86 86 86 / 80%); - cursor: pointer; -} - -.reload-btn>svg { - height: 50%; - color: #eee; -} - -.wr-btn { - font-family: inherit; - appearance: none; - border:0px; - border-radius: 6px; - padding: 8px; - font-weight: 600; - background: rgb(80 80 80 / 70%); - color: white; -} - -/* Album / Playlist Page */ -.playlist-page { - padding: 0px; -} - -.playlist-page .well { - background: rgba(200, 200, 200, 0.05); - border-radius: 10px; - padding: var(--contentInnerPadding); - box-shadow: rgb(0 0 0 / 8%) 0px 0px 0px 1px; - margin-top: 16px; -} - -.playlist-page .playlist-body { - padding: var(--contentInnerPadding); -} - -.playlist-display { - padding: var(--contentInnerPadding); - min-height: 300px; -} - -.playlist-display .playlist-info{ - flex-shrink: unset; - display: flex; - flex-flow: column; - justify-content: flex-end; -} - -.playlist-display .playlist-info .playlist-name { - font-weight: 700; - font-size: 1.6rem; - margin-bottom: 6px; - margin-right: 6px; - flex-shrink: unset; - -} -.playlist-display .playlist-info .playlist-artist { - font-weight: 500; - font-size: 1.6rem; - margin-bottom: 6px; - margin-right: 6px; - flex-shrink: unset; -} -.playlist-display .playlist-info .playlist-desc { - box-sizing: border-box; - font-size: 14px; - flex-shrink: unset; - margin-right: 5px; - max-height: 100px; - position: relative; -} -.playlist-display .playlist-info .playlist-desc .content { - height: 100px; - -webkit-mask-image: -webkit-gradient(linear, left 50%, left 90%, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))); -} - -.playlist-display .playlist-info .playlist-desc .more-btn { - appearance: none; - position: absolute; - right: 0; - bottom: 0; - padding: 0 5px; - font-size: 14px; - color: var(--keyColor); - background-color: transparent; - border: 0px; - cursor: pointer; - width: 100%; - height: 100%; - overflow: hidden; - display: flex; - justify-content: flex-end; - align-items: flex-end; - font-weight: 600; - font-family: inherit; - text-transform: uppercase; -} - -.playlist-display .playlist-info .playlist-desc-expanded { - box-sizing: border-box; - font-size: 14px; - position: relative; -} - -.playlist-display .playlist-info .playlist-desc-expanded .more-btn { - appearance: none; - position: absolute; - right: 0; - bottom: 0; - padding: 0 5px; - font-size: 14px; - color: var(--keyColor); - background-color: transparent; - border: 0px; - cursor: pointer; - width: 100%; - height: 100%; - overflow: hidden; - display: flex; - justify-content: flex-end; - align-items: flex-end; - font-weight: 600; - font-family: inherit; - text-transform: uppercase; -} - -.playlist-time { - font-size: 0.9em; - margin: 6px; - opacity: 0.7; -} - -/* Artist Page */ - -.artist-page { - padding: 0px; -} - -.artist-page .artist-header { - background: var(--keyColor); - color: white; - display: flex; - align-items: center; - justify-content: space-between; - min-height: 300px; - position: relative; -} - -.artist-page .artist-image { - width: 200px; - height: 200px; - margin: 32px; -} - -.artist-page .artist-body { - padding: var(--contentInnerPadding); -} - -.artist-page .well { - background: rgba(200, 200, 200, 0.05); - border-radius: 10px; - padding: var(--contentInnerPadding); - box-shadow: rgb(0 0 0 / 8%) 0px 0px 0px 1px; - margin-top: 16px; -} - -.artist-page .showmoreless { - font-family: inherit; - font-size: 16px; - font-weight: 500; - background: transparent; - border: 0px; - border-radius: 6px; - appearance: none; - color: var(--keyColor); - padding: 8px 12px; - cursor: pointer; - margin-top: 12px; - float: right; -} - -.artist-page .showmoreless:hover { - background: rgb(200 200 200 / 10%); -} - - -/* Artist Page End */ - -.text-overflow-elipsis { - display: -webkit-box; - min-width: 0px; - overflow: hidden; - text-overflow: ellipsis; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; -} - - -.mediaitem-artwork { - border-radius: var(--mediaItemRadius); - overflow: hidden; - flex: 0 0 auto; - position:relative; - width: 100%; - height: 100%; -} -.mediaitem-artwork .animatedartwork-view-box .animated{ - position: absolute; - top: 0px; - width: 100%; - height: 100%; -} - -.mediaitem-artwork .animatedartwork-view-box .animated > video { - width: 100%; - height: 100%; -} - -.mediaitem-artwork .animatedartwork-view-box{ - position: absolute; - top: 0px; - width: 100%; - height: 100%; -} - -.artist-header .animated{ - width: 100%; - height: 100%; - align-self: center; - position: absolute; - overflow: hidden; - box-shadow: rgb(0 0 0 / 50%) 0 0 0 1000000px inset; -} - -.artist-header .row .col.flex-center{ - z-index: 4; -} - -.artist-header .animated > video { - overflow: hidden; - height: 100%; - width: 100%; - min-height: 56.25vw; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%,-50%); - -} - -.mediaitem-artwork.rounded { - border-radius: 100%; -} - -.mediaitem-artwork::after { - content: ""; - box-shadow: var(--mediaItemShadow); - z-index: 1; - width:100%; - height:100%; - position: absolute; - top:0; - left:0; - border-radius: inherit; -} - -.mediaitem-artwork.rounded::after { - border-radius: 100%; -} - -.mediaitem-artwork>img { - width: 100%; - height: 100%; - object-fit: cover; - image-rendering: -webkit-optimize-contrast; -} - -/* horizontal media scroller */ -.cd-hmedia-scroller { - margin: 0 auto; - display: flex; - flex-flow: row; - overflow-x: scroll; -} - -.cd-hmedia-scroller::-webkit-scrollbar-thumb{ - box-shadow: none; -} - -.cd-hmedia-scroller:hover::-webkit-scrollbar-thumb{ - box-shadow: inset 0px 0px 10px 10px rgb(200 200 200 / 50%); -} - -/* mediaitem-list-item */ -.cd-mediaitem-list-item { - width: 100%; - height: 60px; - display: flex; - flex: 0 0 auto; - flex-direction: row; - font-size: 14px; - justify-content: center; - align-items: center; - cursor: pointer; - border-bottom: 1px solid rgb(200 200 200 / 10%); -} - -.cd-mediaitem-list-item:hover { - background: rgb(200 200 200 / 10%); -} - -.cd-mediaitem-list-item .artwork { - height: 34px; - width: 34px; - border-radius: var(--mediaItemRadius); - object-fit: cover; - object-position: center; - flex: 0 0 auto; - background-repeat: no-repeat; - margin: 12px; - border: 0px; - outline: none; -} - -.cd-mediaitem-list-item .artwork.round { - border-radius: var(--mediaItemRadiusRound); -} - -.cd-mediaitem-list-item .info-rect { - width: 100%; -} - -.cd-mediaitem-list-item .title { - width: 100%; -} - -.cd-mediaitem-list-item .subtitle { - width: 90%; - font-size: 12px; - opacity: 0.7; -} - -.cd-mediaitem-list-item .duration { - min-width: 60px; - text-align: center; -} - -.cd-mediaitem-list-item .metainfo { - min-width: 145px; - text-align: center; -} - -.cd-mediaitem-list-item .content-rating { - text-transform: uppercase; - font-size: 10px; - border-radius: 3px; - background: rgb(200 200 200 / 15%); - width: 60px; - text-align: center; - padding: 5px; - margin-right: 12px; - flex: 0 0 auto; - font-weight: 500; - color: #ccc; -} - -.cd-mediaitem-list-item .isLibrary>button { - appearance: none; - border:0px; - background:transparent; - cursor:pointer; -} - -/* mediaitem-hrect */ -.cd-mediaitem-hrect { - background: rgb(255 255 255 / 18%); - width: 264px; - height: 100px; - display: inline-flex; - flex: 0 0 auto; - flex-direction: row; - font-size: 14px; - justify-content: center; - align-items: center; - border-radius: 6px; - cursor: pointer; -} - -.cd-mediaitem-hrect .artwork { - height: 70px; - width: 70px; - background: blue; - border-radius: var(--mediaItemRadius); - background: var(--artwork); - background-size: contain; - flex: 0 0 auto; - background-repeat: no-repeat; - margin: 18px; -} - -.cd-mediaitem-hrect .artwork.round { - border-radius: var(--mediaItemRadiusRound); -} - -.cd-mediaitem-hrect .info-rect { - width: 100%; -} - -.cd-mediaitem-hrect .title { - width: 100%; - text-align: center; -} - -.cd-mediaitem-hrect .subtitle { - width: 100%; - text-align: center; - font-size: 12px; -} - -/* mediaitem-square-sp */ -.cd-mediaitem-square-sp { - --spcolor: var(""); - width: 190px; - height: 250px; - display: inline-flex; - flex: 0 0 auto; - flex-direction: column; - font-size: 14px; - justify-content: flex-start; - align-items: center; - border-radius: 6px; - margin-left: 10px; - cursor: pointer; - background-color: var(--spcolor); -} - -.cd-mediaitem-square-sp:hover { - box-shadow: rgb(0 0 0 / 50%) 0 0 0 1000000px inset; -} - -.cd-mediaitem-square-sp .artwork { - height: 190px; - width: 190px; - background: blue; - border-top-left-radius: 6px; - border-top-right-radius: 6px; - background: var(--artwork); - background-size: cover; - flex: 0 0 auto; - margin: 6px; - margin-top: 0px; -} - -.artwork -{height: 190px; - width: 190px; - background: blue; - border-top-left-radius: 6px; - border-top-right-radius: 6px; - background: var(--artwork); - background-size: cover; - flex: 0 0 auto; - margin: 6px; - margin-top: 0px; -} - -.cd-mediaitem-square-sp .artwork:hover { - box-shadow: rgb(0 0 0 / 50%) 0 0 0 1000000px inset; -} - -.cd-mediaitem-square-sp .artwork.round { - border-radius: var(--mediaItemRadiusRound); -} - -.cd-mediaitem-square-sp .title { - width: 90%; - text-align: center; -} - -.cd-mediaitem-square-sp .subtitle { - width: 100%; - text-align: center; - font-size: 12px; -} - - -.cd-mediaitem-square-sp > .cd-mediaitem-square-large-overlay { - z-index: 3; -} -.cd-mediaitem-square-sp > .cd-mediaitem-square-large-overlay:hover { - opacity: 1; -} - -.cd-mediaitem-square-sp + .cd-mediaitem-square-large-overlay { - pointer-events: none; - -} - -.cd-mediaitem-square-sp:hover + .cd-mediaitem-square-large-overlay { - opacity: 1; - -} - -/* mediaitem-square-large */ -.cd-mediaitem-square-large { - width: 190px; - height: 250px; - display: inline-flex; - flex: 0 0 auto; - flex-direction: column; - font-size: 14px; - justify-content: flex-start; - align-items: center; - border-radius: 6px; - margin-left: 10px; - cursor: pointer; -} -.cd-mediaitem-square-large > * { - z-index: inherit; - -} - -/* .cd-mediaitem-square-large .artwork:hover { - box-shadow: rgb(0 0 0 / 50%) 0 0 0 1000000px inset; -} */ - -.cd-mediaitem-square-large .artwork { - height: 190px; - width: 190px; - background: blue; - border-top-left-radius: 6px; - border-top-right-radius: 6px; - background: var(--artwork); - background-size: cover; - flex: 0 0 auto; - margin: 6px; - margin-top: 0px; -} - -.cd-mediaitem-square-large-overlay{ - position: absolute; - width: 190px; - float: right; - height: 250px; - top: 0px; - margin: 10px; - margin-top: 0px; - opacity: 0; - -} - -.cd-mediaitem-square-large-overlay > * { - pointer-events: auto; - -} -.cd-mediaitem-square-large > .cd-mediaitem-square-large-overlay { - z-index: 3; -} -.cd-mediaitem-square-large > .cd-mediaitem-square-large-overlay:hover { - opacity: 1; -} - -.cd-mediaitem-square-large + .cd-mediaitem-square-large-overlay { - pointer-events: none; - -} - -.cd-mediaitem-square-large:hover + .cd-mediaitem-square-large-overlay { - opacity: 1; - -} - - -.cd-mediaitem-square-large .artwork.round { - border-radius: var(--mediaItemRadiusRound); -} - -.cd-mediaitem-square-large .title { - width: 90%; - text-align: center; -} - -.cd-mediaitem-square-large .subtitle { - width: 100%; - text-align: center; - font-size: 12px; -} - -/* mediaitem-square */ -.cd-mediaitem-square { - width: 200px; - height: 190px; - display: inline-flex; - flex: 0 0 auto; - flex-direction: column; - font-size: 14px; - justify-content: center; - align-items: center; - border-radius: 6px; - cursor: pointer; -} - -.cd-mediaitem-square:hover { - background: rgb(200 200 200 / 10%); -} - -.cd-mediaitem-square .artwork { - height: 128px; - width: 128px; - background: blue; - border-radius: var(--mediaItemRadius); - background: var(--artwork); - background-size: cover; - box-shadow: var(--mediaItemShadow); - flex: 0 0 auto; - margin: 6px; -} - -.cd-mediaitem-square .artwork.round { - border-radius: var(--mediaItemRadiusRound); -} - -.cd-mediaitem-square .title { - width: 90%; - text-align: center; -} - -.cd-mediaitem-square .subtitle { - width: 100%; - text-align: center; - font-size: 12px; -} - - -.cd-btn-seeall { - background: transparent; - border: 0px; - color: var(--keyColor); - font-family: inherit; - font-size: 16px; - border-radius: 4px; - padding: 6px; -} - -.cd-btn-seeall:hover { - cursor: pointer; - background: rgb(200 200 200 / 10%) -} - -/* Cider */ - -/* Transitions */ -.wpfade-enter-active, -.wpfade-leave-active { - transition: opacity .1s var(--appleEase); -} - -.wpfade-enter, -.wpfade-leave-to { - opacity: 0; -} -/* Transitions End */ - -@media (prefers-color-scheme: light) { - :root { - /* */ - --gfx-closeBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6MjY6MjgtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI2OjI4LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6MjY6MjgtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PtPY89oAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEpJREFUGJWNkMENwDAIA1Gh3F7sP0Ty7xD5JgpU+OuTLVvMmQohhRTCnCEK8TpfBl9eBpcBu/HXcsAZ9FQjSrWqW2Pa95gzGofPBQZRG2fS0899AAAAAElFTkSuQmCC'); - --gfx-maxBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6MjU6NTItMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI1OjUyLTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6MjU6NTItMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PntJ23wAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEhJREFUGJVjYGBgmMzAwPCXgYHhPw78l4GBYTIjlKHHwMDwlAE7EGFgYLjJANUlgEMRDPxnIqAADoaKwn8MkCDABaShaogLcACWZRl4ajKVtAAAAABJRU5ErkJggg=='); - --gfx-restoreBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6MjY6NTMtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI2OjUzLTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6MjY6NTMtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PluKsJ0AAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGlJREFUGJWt0LEOgkAQhOFPShspSWyvMPFxKaDh0XgOq8tZuCqBIzRMMsXmn51slr9GlJVfmHC9LII3LGfoomCGHrnSloM9olnGE+3KKVgbi0oMNX1ZaXYCG50aLBj4HJwqgXuwn47eA95vgSGy6zr7OwAAAABJRU5ErkJggg=='); - --gfx-minBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAaxaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPg0KICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPg0KICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDItMTdUMTM6MDA6MzJaIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDItMTdUMTM6MDA6MzJaIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg1ZDBlZGIwLWZkMDAtYjY0Zi05ZWZiLWEyYjQ1ODcwNWE4YSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmEzMDAxZTFhLTI5MTktZTQ0OS1iOTRjLWMyMTIyNDhhOWY4YSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc4N2Y3OTljLTRiMTEtZTU0YS1iMjBkLTY4NjE3ZWQ5YzVlMiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciPg0KICAgICAgPHhtcE1NOkhpc3Rvcnk+DQogICAgICAgIDxyZGY6U2VxPg0KICAgICAgICAgIDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4N2Y3OTljLTRiMTEtZTU0YS1iMjBkLTY4NjE3ZWQ5YzVlMiIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0xN1QxMzowMDozMloiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgLz4NCiAgICAgICAgICA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODVkMGVkYjAtZmQwMC1iNjRmLTllZmItYTJiNDU4NzA1YThhIiBzdEV2dDp3aGVuPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIiAvPg0KICAgICAgICA8L3JkZjpTZXE+DQogICAgICA8L3htcE1NOkhpc3Rvcnk+DQogICAgICA8cGhvdG9zaG9wOlRleHRMYXllcnM+DQogICAgICAgIDxyZGY6QmFnPg0KICAgICAgICAgIDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qShIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKEiIC8+DQogICAgICAgIDwvcmRmOkJhZz4NCiAgICAgIDwvcGhvdG9zaG9wOlRleHRMYXllcnM+DQogICAgPC9yZGY6RGVzY3JpcHRpb24+DQogIDwvcmRmOlJERj4NCjwveDp4bXBtZXRhPg0KPD94cGFja2V0IGVuZD0iciI/PmeGdrgAAAAVSURBVChTYxhOgBGI/0OYQx0wMAAAyp4BAZ26NiYAAAAASUVORK5CYII='); - } -} - -@media (prefers-color-scheme: dark) { - :root { - --gfx-closeBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6Mjc6MzYtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI3OjM2LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6Mjc6MzYtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PmN2D9EAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEtJREFUGJWNkMENwDAIA1FGY/8hkn8HOAqPfBsFKvz1yZYtbqwAlUIB6saUAH2NJ4MvL4PLgK/x13LAGTSqEaVa1a0x7XvcmI3D1wbntaRbB2haYwAAAABJRU5ErkJggg=='); - --gfx-maxBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6Mjc6NTgtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI3OjU4LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6Mjc6NTgtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PlwQMBUAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFBJREFUGJXV0LERgCAUBNHVsQADM3uwWWbojQIs47MEGhgAuS/eSw41qeFYqGlRA7iAm74DKLyrfRABoLrOgq+/hJXngi71BOoGZKBMHqhAbtMvQzel9pREAAAAAElFTkSuQmCC'); - --gfx-restoreBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6Mjc6MjQtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI3OjI0LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6Mjc6MjQtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PqiFCFwAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHNJREFUGJWtkKEOwlAMRc+QM5AwQYJFoPjZCWb2YRPIaeRTLwfTLQs0UxzX3tumtxCog78UdVTbZmM8AmsdXIABeKH2ak221dDuamnUCjyA+WtbB0zAGXgT0ycSFk31kBky/moUeBLpbsl91wi6Nnbfs/g+7XOQq6ifjfkAAAAASUVORK5CYII='); - --gfx-minBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGOmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wMi0xN1QxMzowMDozMloiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NWQwZWRiMC1mZDAwLWI2NGYtOWVmYi1hMmI0NTg3MDVhOGEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphMzAwMWUxYS0yOTE5LWU0NDktYjk0Yy1jMjEyMjQ4YTlmOGEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ODdmNzk5Yy00YjExLWU1NGEtYjIwZC02ODYxN2VkOWM1ZTIiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3ODdmNzk5Yy00YjExLWU1NGEtYjIwZC02ODYxN2VkOWM1ZTIiIHN0RXZ0OndoZW49IjIwMjAtMDItMTdUMTM6MDA6MzJaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjg1ZDBlZGIwLWZkMDAtYjY0Zi05ZWZiLWEyYjQ1ODcwNWE4YSIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0xN1QxMzowMDozMloiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSLupKEiIHBob3Rvc2hvcDpMYXllclRleHQ9Iu6koSIvPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOlRleHRMYXllcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FwvRXAAAABdJREFUGNNj/P//PwMxgHGIKPw/XDwDAOr1HuzlELLnAAAAAElFTkSuQmCC'); - } -} - - -#apple-music-video-container { - background: black; - position: absolute; - float: left; - display: none; - width: 100%; - height: calc(100% - var(--chromeHeight)); - bottom: 0; - z-index: 100000; -} - -#apple-music-video-player{ - position: absolute; - top: 50%; - width: 100%; - transform: translate(0, -50%); - height: 100%; -} - -#apple-music-video-player-controls{ - position: absolute; - z-index: 100001; - float: left; - width: 100%; - height: 100%; -} - -#apple-music-video-player-controls #player-exit{ - position: absolute; - z-index: 100001; - float: left; - width: 100%; - margin: 10px; - cursor: pointer; -} - -#apple-music-video-player-controls #player-pip{ - position: absolute; - z-index: 100001; - width: 32px; - height: 32px; - margin: 10px; - right: 50px; - border-radius: 100%; - background: rgb(255 255 255 / 50%); - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; -} - -#apple-music-video-player-controls #player-pip>svg { - width: 50%; -} - -#apple-music-video-player-controls #player-fullscreen{ - position: absolute; - z-index: 100001; - width: 32px; - height: 32px; - margin: 10px; - right: 0px; - border-radius: 100%; - background: rgb(255 255 255 / 50%); - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; -} - -#apple-music-video-player-controls #player-fullscreen>svg { - width: 50%; -} - -#apple-music-video-player-controls:hover{ - opacity: 1; -} - -img[src=""] { - text-indent: -10000px; -} - -div#captions { - font-size: 1.2rem; - position: absolute; - top: 85%; - text-align: center; - width: auto; - align-self: center; - left: 50%; - transform: translate(-50%, -50%); - background: rgba(0,0,0,0.6); - color: yellow; -} - -[v-cloak] {display: none!important} diff --git a/src/renderer/style.less b/src/renderer/style.less index 21624bc5..32f70d68 100644 --- a/src/renderer/style.less +++ b/src/renderer/style.less @@ -664,7 +664,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track { } .usermenu-container { - bottom: 66px; + top: 0px; #cmenu.container(); .usermenu-body { @@ -995,18 +995,26 @@ input[type=range].web-slider::-webkit-slider-runnable-track { height: 100%; } -.app-chrome .app-chrome-item > .app-title { - width: 100px; +.app-chrome .app-chrome-item > .app-mainmenu { + width: 116px; font-size: 13px; - background: url("./AppHeader.svg"); - background-size: 95px; + background: url("./assets/AppChromeBtn.svg"); + background-size: contain; background-repeat: no-repeat; background-position: center; - height: 100%; + height: 70%; margin-right: 16px; margin-left: 16px; - image-rendering: -webkit-optimize-contrast; - -webkit-app-region: drag; + border: 0px; + border-radius: 6px; + + &:hover { + background-color: var(--selected); + } + + &:active, &.active { + background-color: var(--selected-click); + } } .app-chrome .app-chrome-item > .window-controls { diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs index ebfa0ac0..69408e2e 100644 --- a/src/renderer/views/main.ejs +++ b/src/renderer/views/main.ejs @@ -50,7 +50,10 @@
-
+
+ @click="drawer.open = false; miniPlayer(true)">
@@ -205,21 +209,26 @@
Cider
- +
{{$root.getLz('term.appleMusic')}}
- - + - +
{{$root.getLz('term.library')}}
- @@ -227,8 +236,10 @@ page="library-albums"> - - + +
{{ $root.getLz('term.playlists') }} @@ -239,6 +250,34 @@
+
-
+
-
@@ -302,39 +342,13 @@
-
-
@@ -360,8 +374,8 @@ - -