@@ -1375,25 +1353,220 @@
-
-
-
+
+
+
+
+
+
+ {{$root.getLz('settings.description.search')}}
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.listnow')}}
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.browse')}}
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.recentAdd')}}
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.songs')}}
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.albums')}}
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.artists')}}
+
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.private')}}
+
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.remote')}}
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.audio')}}
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.plugins')}}
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.cast')}}
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.settings')}}
+
+
+
+
+
+
+
+
+ {{$root.getLz('term.zoomin')}}
+
+
+
+
+
+
+
+ {{$root.getLz('term.zoomout')}}
+
+
+
+
+
+
+
+ {{$root.getLz('term.zoomreset')}}
+
+
+
+
+
+
+
+
+ {{$root.getLz('settings.description.developer')}}
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/renderer/views/pages/plugins-github.ejs b/src/renderer/views/pages/plugins-github.ejs
index fb4d46d7..15a08986 100644
--- a/src/renderer/views/pages/plugins-github.ejs
+++ b/src/renderer/views/pages/plugins-github.ejs
@@ -1,7 +1,5 @@
-//Not used for Now
-
-
\ No newline at end of file
diff --git a/src/renderer/views/pages/themes-github.ejs b/src/renderer/views/pages/themes-github.ejs
index a5f7dbab..afd9f895 100644
--- a/src/renderer/views/pages/themes-github.ejs
+++ b/src/renderer/views/pages/themes-github.ejs
@@ -1,7 +1,5 @@
-//Not used for Now
-
-
\ No newline at end of file
From b6a9c2bd3c506d40f370a44009b81803f8a37c81 Mon Sep 17 00:00:00 2001
From: Core <64542347+coredev-uk@users.noreply.github.com>
Date: Mon, 4 Jul 2022 03:40:57 +0100
Subject: [PATCH 150/289] test
---
.circleci/config.yml | 2 ++
1 file changed, 2 insertions(+)
diff --git a/.circleci/config.yml b/.circleci/config.yml
index e02b98b2..a095d583 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -147,6 +147,8 @@ jobs:
- run:
name: Publish Release
command: |
+ echo $APP_VERSION
+ echo $CIRCLE_BRANCH
gh release create "v${APP_VERSION}" --title "Cider Version ${APP_VERSION} (${CIRCLE_BRANCH})" --generate-notes -R ciderapp/cider-releases ~/Cider/dist/artifacts/*.deb ~/Cider/dist/artifacts/*.AppImage ~/Cider/dist/artifacts/*.snap ~/Cider/dist/artifacts/*.exe ~/Cider/dist/artifacts/*.yml ~/Cider/dist/artifacts/*.blockmap
# Orchestrate our job run sequence
From 5caa3aa601b1fea9c466e7724194e389c3a10384 Mon Sep 17 00:00:00 2001
From: Core <64542347+coredev-uk@users.noreply.github.com>
Date: Mon, 4 Jul 2022 03:47:49 +0100
Subject: [PATCH 151/289] Just changed it and gonna leave for debugging
---
.circleci/config.yml | 3 +--
1 file changed, 1 insertion(+), 2 deletions(-)
diff --git a/.circleci/config.yml b/.circleci/config.yml
index a095d583..739b7308 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -147,8 +147,7 @@ jobs:
- run:
name: Publish Release
command: |
- echo $APP_VERSION
- echo $CIRCLE_BRANCH
+ echo "Creating release for Cider v${APP_VERSION} on the ${CIRCLE_BRANCH} branch."
gh release create "v${APP_VERSION}" --title "Cider Version ${APP_VERSION} (${CIRCLE_BRANCH})" --generate-notes -R ciderapp/cider-releases ~/Cider/dist/artifacts/*.deb ~/Cider/dist/artifacts/*.AppImage ~/Cider/dist/artifacts/*.snap ~/Cider/dist/artifacts/*.exe ~/Cider/dist/artifacts/*.yml ~/Cider/dist/artifacts/*.blockmap
# Orchestrate our job run sequence
From a72dd902807d0b120fe966553615487af43e0cc3 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Sun, 3 Jul 2022 22:26:02 -0700
Subject: [PATCH 152/289] reimp e133b2c, adjustments for macOS
---
.circleci/config.yml | 1 +
src/renderer/less/macos.less | 34 +-
src/renderer/less/pages.less | 85 ++++-
src/renderer/style.css | 33 +-
.../views/components/settings-window.ejs | 358 +++++++++---------
5 files changed, 299 insertions(+), 212 deletions(-)
diff --git a/.circleci/config.yml b/.circleci/config.yml
index e02b98b2..739b7308 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -147,6 +147,7 @@ jobs:
- run:
name: Publish Release
command: |
+ echo "Creating release for Cider v${APP_VERSION} on the ${CIRCLE_BRANCH} branch."
gh release create "v${APP_VERSION}" --title "Cider Version ${APP_VERSION} (${CIRCLE_BRANCH})" --generate-notes -R ciderapp/cider-releases ~/Cider/dist/artifacts/*.deb ~/Cider/dist/artifacts/*.AppImage ~/Cider/dist/artifacts/*.snap ~/Cider/dist/artifacts/*.exe ~/Cider/dist/artifacts/*.yml ~/Cider/dist/artifacts/*.blockmap
# Orchestrate our job run sequence
diff --git a/src/renderer/less/macos.less b/src/renderer/less/macos.less
index b7cd49e4..4819a263 100644
--- a/src/renderer/less/macos.less
+++ b/src/renderer/less/macos.less
@@ -1,6 +1,6 @@
body[platform="darwin"] {
html {
- background: transparent!important;
+ background: transparent !important;
}
&.notransparency::before {
@@ -11,6 +11,7 @@ body[platform="darwin"] {
&.simplebg {
background: transparent;
}
+
&::before {
display: none;
}
@@ -26,6 +27,7 @@ body[platform="darwin"] {
.app-chrome .app-chrome-item.search {
margin-right: 12px;
}
+
.app-chrome .app-mainmenu {
width: 46px;
}
@@ -35,15 +37,20 @@ body[platform="darwin"] {
}
}
- // &::after {
- // position: fixed;
- // top:0;left:0;right:0;bottom:0;
- // box-shadow: inset 0px 0px .5px 1px rgb(200 200 200 / 40%);
- // border-radius: 10px;
- // content: " ";
- // z-index: 999999;
- // pointer-events: none;
- // }
+ &[window-state="normal"] {
+ &::after {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ box-shadow: inset 0px 0px .5px 1px rgb(200 200 200 / 40%);
+ border-radius: 10px;
+ content: " ";
+ z-index: 999999;
+ pointer-events: none;
+ }
+ }
}
#app-main {
@@ -58,6 +65,13 @@ body[platform="darwin"] {
}
}
+ .settings-window.maxed {
+ .tabs>.col-auto {
+ transition: padding-top .3s linear;
+ padding-top: var(--chromeHeight1);
+ }
+ }
+
#apple-music-video-player-controls #player-exit {
margin-top: 18px;
left: 70px;
diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less
index 32e0a739..fe6d9d4e 100644
--- a/src/renderer/less/pages.less
+++ b/src/renderer/less/pages.less
@@ -54,7 +54,7 @@
width: 320px;
font-size: 14px;
position: absolute;
- overflow: auto;
+ overflow: overlay;
padding-bottom: 16px;
> .list-group {
@@ -80,7 +80,7 @@
padding: 16px 32px;
overflow: auto;
position: fixed;
- width: calc(100% - 574px);
+ // width: calc(100% - 574px);
margin-left: 320px;
padding-bottom: 16px;
}
@@ -118,7 +118,10 @@
//Styles Page
.installed-themes-page {
-
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ overflow: hidden;
.themeContextMenu {
background: transparent;
color: var(--keyColor);
@@ -157,7 +160,11 @@
.gh-header {
z-index: 5;
-
+ padding: 16px;
+ flex: 0 0 auto;
+ height: 64px;
+ display: grid;
+ align-content: center;
.header-text {
position: initial !important;
justify-content: left !important;
@@ -165,17 +172,17 @@
}
.gh-content {
- display: contents;
- flex-direction: column;
+ display: flex;
+ flex-direction: row;
padding: 0px;
+ height: 100%;
+ flex: 0 0 auto;
.repos-list {
width: 320px;
- position: fixed;
- overflow: auto;
+ overflow: overlay;
height: 90%;
font-size: 14px;
- margin: 0 auto;
white-space: nowrap;
> .list-group {
@@ -197,13 +204,11 @@
}
.style-editor-container {
- height: 90%;
+ height: 100%;
flex: 1;
padding: 0px;
- margin-left: 320px;
- position: fixed;
- overflow: auto;
- width: calc(100% - 574px);
+ width: 100%;
+ overflow: hidden;
.stylestack-editor {
padding-bottom: 16px;
@@ -2070,7 +2075,7 @@
.settings-window {
background: var(--baseColorMix);
- max-width: 80%;
+ max-width: 90%;
max-height: 90%;
width: 100%;
height: 100%;
@@ -2107,6 +2112,9 @@
display: flex;
gap: 10px;
align-items: center;
+
+ :nth-child(2) {
+ }
}
@@ -2165,6 +2173,11 @@
background-color: rgb(196, 43, 28)
}
+ &.back-btn {
+ left: 10px;
+ right: unset;
+ }
+
&.minmax-btn {
right: 52px;
@@ -2192,6 +2205,9 @@
> .col-auto {
width: 230px;
+ overflow-x: hidden;
+ overflow-y: overlay;
+ transition: width 0.25s ease-in-out;
}
.tab-content {
@@ -2203,9 +2219,48 @@
overflow-y: overlay;
height: 100%;
background-color: var(--panelColor2);
+ padding:0px;
padding-top: 48px;
border-left: 1px solid var(--borderColor);
}
+
+ .github-themes-page, .installed-themes-page {
+ .header-text {
+ font-size: 1.25em;
+ }
+ }
+
+ .tab-pane {
+ height:100%;
+ }
+
+ .settings-tab-content {
+ height:100%;
+ }
+
+ &.no-sidebar {
+ .gh-header {
+ >.row {
+ &:last-child {
+ padding-right: 90px;
+ }
+ }
+ }
+ .tab-content {
+ padding-top:0px;
+ }
+
+ .tabs {
+ .nav-pills .nav-link {
+ :nth-child(2) {
+ display: none;
+ }
+ }
+ >.col-auto {
+ width: 80px;
+ }
+ }
+ }
}
}
diff --git a/src/renderer/style.css b/src/renderer/style.css
index 4c8c1645..988a27d9 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -12985,7 +12985,6 @@ input[type=checkbox][switch]:checked:active::before {
.github-themes-page {
display: flex;
flex-direction: column;
- padding-top: var(--chromeHeight1);
height: 100%;
}
.github-themes-page .github-avatar {
@@ -13009,10 +13008,12 @@ input[type=checkbox][switch]:checked:active::before {
margin: 0px;
}
.github-themes-page .repos-list {
- height: 100%;
- overflow-y: overlay;
+ height: 85%;
width: 320px;
font-size: 14px;
+ position: absolute;
+ overflow: auto;
+ padding-bottom: 16px;
}
.github-themes-page .repos-list > .list-group {
margin: 0px;
@@ -13027,11 +13028,14 @@ input[type=checkbox][switch]:checked:active::before {
filter: brightness(0.8);
}
.github-themes-page .github-preview {
- height: 100%;
+ height: 85%;
flex: 1;
- background: var(--color2);
padding: 16px 32px;
- overflow-y: overlay;
+ overflow: auto;
+ position: fixed;
+ width: calc(100% - 574px);
+ margin-left: 320px;
+ padding-bottom: 16px;
}
.github-themes-page .gh-content {
display: flex;
@@ -13042,6 +13046,10 @@ input[type=checkbox][switch]:checked:active::before {
.github-themes-page .gh-header {
padding: 16px;
}
+.github-themes-page .gh-header .header-text {
+ position: initial !important;
+ justify-content: left !important;
+}
.github-themes-page .installed-themes-page .style-editor-container {
height: 100%;
flex: 1;
@@ -13086,8 +13094,8 @@ input[type=checkbox][switch]:checked:active::before {
z-index: 5;
}
.installed-themes-page .gh-header .header-text {
- position: initial;
- justify-content: left;
+ position: initial !important;
+ justify-content: left !important;
}
.installed-themes-page .gh-content {
display: contents;
@@ -13096,10 +13104,12 @@ input[type=checkbox][switch]:checked:active::before {
}
.installed-themes-page .gh-content .repos-list {
width: 320px;
- position: absolute;
+ position: fixed;
overflow: auto;
height: 90%;
font-size: 14px;
+ margin: 0 auto;
+ white-space: nowrap;
}
.installed-themes-page .gh-content .repos-list > .list-group {
margin: 0px;
@@ -13117,12 +13127,11 @@ input[type=checkbox][switch]:checked:active::before {
.installed-themes-page .gh-content .style-editor-container {
height: 90%;
flex: 1;
- /* background: var(--color2); */
padding: 0px;
margin-left: 320px;
- position: absolute;
+ position: fixed;
overflow: auto;
- width: calc(-webkit-fill-available - 320px);
+ width: calc(100% - 574px);
}
.installed-themes-page .gh-content .style-editor-container .stylestack-editor {
padding-bottom: 16px;
diff --git a/src/renderer/views/components/settings-window.ejs b/src/renderer/views/components/settings-window.ejs
index 402c2cba..876fad04 100644
--- a/src/renderer/views/components/settings-window.ejs
+++ b/src/renderer/views/components/settings-window.ejs
@@ -1,7 +1,7 @@
\ No newline at end of file
From 6ed08fc0f4098fff7425f44f98bbbf4c315c0fff Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Mon, 4 Jul 2022 00:42:28 -0700
Subject: [PATCH 153/289] resolve #1
---
src/renderer/less/macos.less | 2 +-
src/renderer/style.css | 82 +++++++++++++++----
.../views/components/settings-window.ejs | 2 +-
3 files changed, 70 insertions(+), 16 deletions(-)
diff --git a/src/renderer/less/macos.less b/src/renderer/less/macos.less
index 4819a263..61912371 100644
--- a/src/renderer/less/macos.less
+++ b/src/renderer/less/macos.less
@@ -76,4 +76,4 @@ body[platform="darwin"] {
margin-top: 18px;
left: 70px;
}
-}
\ No newline at end of file
+}
diff --git a/src/renderer/style.css b/src/renderer/style.css
index 988a27d9..1b2e42da 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -13012,7 +13012,7 @@ input[type=checkbox][switch]:checked:active::before {
width: 320px;
font-size: 14px;
position: absolute;
- overflow: auto;
+ overflow: overlay;
padding-bottom: 16px;
}
.github-themes-page .repos-list > .list-group {
@@ -13033,7 +13033,6 @@ input[type=checkbox][switch]:checked:active::before {
padding: 16px 32px;
overflow: auto;
position: fixed;
- width: calc(100% - 574px);
margin-left: 320px;
padding-bottom: 16px;
}
@@ -13060,6 +13059,12 @@ input[type=checkbox][switch]:checked:active::before {
.github-themes-page .installed-themes-page .style-editor-container .list-group-item {
border-radius: 0px;
}
+.installed-themes-page {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ overflow: hidden;
+}
.installed-themes-page .themeContextMenu {
background: transparent;
color: var(--keyColor);
@@ -13092,23 +13097,28 @@ input[type=checkbox][switch]:checked:active::before {
}
.installed-themes-page .gh-header {
z-index: 5;
+ padding: 16px;
+ flex: 0 0 auto;
+ height: 64px;
+ display: grid;
+ align-content: center;
}
.installed-themes-page .gh-header .header-text {
position: initial !important;
justify-content: left !important;
}
.installed-themes-page .gh-content {
- display: contents;
- flex-direction: column;
+ display: flex;
+ flex-direction: row;
padding: 0px;
+ height: 100%;
+ flex: 0 0 auto;
}
.installed-themes-page .gh-content .repos-list {
width: 320px;
- position: fixed;
- overflow: auto;
+ overflow: overlay;
height: 90%;
font-size: 14px;
- margin: 0 auto;
white-space: nowrap;
}
.installed-themes-page .gh-content .repos-list > .list-group {
@@ -13125,13 +13135,11 @@ input[type=checkbox][switch]:checked:active::before {
filter: brightness(0.8);
}
.installed-themes-page .gh-content .style-editor-container {
- height: 90%;
+ height: 100%;
flex: 1;
padding: 0px;
- margin-left: 320px;
- position: fixed;
- overflow: auto;
- width: calc(100% - 574px);
+ width: 100%;
+ overflow: hidden;
}
.installed-themes-page .gh-content .style-editor-container .stylestack-editor {
padding-bottom: 16px;
@@ -14681,7 +14689,7 @@ input[type=checkbox][switch]:checked:active::before {
}
.settings-panel .settings-window {
background: var(--baseColorMix);
- max-width: 80%;
+ max-width: 90%;
max-height: 90%;
width: 100%;
height: 100%;
@@ -14765,6 +14773,10 @@ input[type=checkbox][switch]:checked:active::before {
.settings-panel .settings-window .close-btn:hover {
background-color: #c42b1c;
}
+.settings-panel .settings-window .close-btn.back-btn {
+ left: 10px;
+ right: unset;
+}
.settings-panel .settings-window .close-btn.minmax-btn {
right: 52px;
}
@@ -14785,6 +14797,9 @@ input[type=checkbox][switch]:checked:active::before {
}
.settings-panel .settings-window .tabs > .col-auto {
width: 230px;
+ overflow-x: hidden;
+ overflow-y: overlay;
+ transition: width 0.25s ease-in-out;
}
.settings-panel .settings-window .tabs .tab-content {
margin: 0 !important;
@@ -14793,9 +14808,32 @@ input[type=checkbox][switch]:checked:active::before {
overflow-y: overlay;
height: 100%;
background-color: var(--panelColor2);
+ padding: 0px;
padding-top: 48px;
border-left: 1px solid var(--borderColor);
}
+.settings-panel .settings-window .github-themes-page .header-text,
+.settings-panel .settings-window .installed-themes-page .header-text {
+ font-size: 1.25em;
+}
+.settings-panel .settings-window .tab-pane {
+ height: 100%;
+}
+.settings-panel .settings-window .settings-tab-content {
+ height: 100%;
+}
+.settings-panel .settings-window.no-sidebar .gh-header > .row:last-child {
+ padding-right: 90px;
+}
+.settings-panel .settings-window.no-sidebar .tab-content {
+ padding-top: 0px;
+}
+.settings-panel .settings-window.no-sidebar .tabs .nav-pills .nav-link :nth-child(2) {
+ display: none;
+}
+.settings-panel .settings-window.no-sidebar .tabs > .col-auto {
+ width: 80px;
+}
#hid___BV_tab_button__ {
display: none;
}
@@ -18030,7 +18068,7 @@ body[platform='darwin'] .app-chrome .app-chrome-item > .app-mainmenu {
padding: 15px;
}
body[platform="darwin"] html {
- background: transparent!important;
+ background: transparent !important;
}
body[platform="darwin"].notransparency::before {
display: none;
@@ -18057,6 +18095,18 @@ body[platform="darwin"] #app.twopanel .app-chrome .app-mainmenu {
body[platform="darwin"] #app.twopanel .app-chrome.chrome-bottom {
background-color: var(--macOSChromeColor);
}
+body[platform="darwin"] #app[window-state="normal"]::after {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ box-shadow: inset 0px 0px 0.5px 1px rgba(200, 200, 200, 0.4);
+ border-radius: 10px;
+ content: " ";
+ z-index: 999999;
+ pointer-events: none;
+}
body[platform="darwin"] #app-main {
background-color: transparent;
}
@@ -18066,6 +18116,10 @@ body[platform="darwin"] #app-main .app-navigation {
body[platform="darwin"] #app-main #app-content {
background-color: #1e1e1e6b;
}
+body[platform="darwin"] .settings-window.maxed .tabs > .col-auto {
+ transition: padding-top 0.3s linear;
+ padding-top: var(--chromeHeight1);
+}
body[platform="darwin"] #apple-music-video-player-controls #player-exit {
margin-top: 18px;
left: 70px;
diff --git a/src/renderer/views/components/settings-window.ejs b/src/renderer/views/components/settings-window.ejs
index 876fad04..6c1e574b 100644
--- a/src/renderer/views/components/settings-window.ejs
+++ b/src/renderer/views/components/settings-window.ejs
@@ -1667,4 +1667,4 @@
}
}
})
-
\ No newline at end of file
+
From cc8eb42cf4382f4a63425066c3257f8661d7a5a3 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Mon, 4 Jul 2022 00:55:46 -0700
Subject: [PATCH 154/289] copied files
---
src/i18n/README.md | 6 +
src/i18n/en_US.json | 25 +-
src/i18n/source/en_US.json | 8 +-
src/main/base/browserwindow.ts | 17 +-
src/renderer/assets/feather/plugins.svg | 48 +
src/renderer/assets/feather/style.svg | 41 +
src/renderer/less/macos.less | 2 +-
src/renderer/main/vueapp.js | 24 +-
src/renderer/style.css | 18541 ++++++++++++++++
.../views/components/settings-keybinds.ejs | 323 +
.../components/settings-plugins-github.ejs | 188 +
.../components/settings-themes-github.ejs | 197 +
.../views/components/settings-themes.ejs | 367 +
.../views/components/settings-window.ejs | 2 +-
src/renderer/views/pages/installed-themes.ejs | 9 +-
src/renderer/views/pages/plugins-github.ejs | 7 +-
src/renderer/views/pages/themes-github.ejs | 7 +-
17 files changed, 19768 insertions(+), 44 deletions(-)
create mode 100644 src/renderer/assets/feather/plugins.svg
create mode 100644 src/renderer/assets/feather/style.svg
create mode 100644 src/renderer/views/components/settings-keybinds.ejs
create mode 100644 src/renderer/views/components/settings-plugins-github.ejs
create mode 100644 src/renderer/views/components/settings-themes-github.ejs
create mode 100644 src/renderer/views/components/settings-themes.ejs
diff --git a/src/i18n/README.md b/src/i18n/README.md
index 182e730b..cf5f1de4 100644
--- a/src/i18n/README.md
+++ b/src/i18n/README.md
@@ -515,3 +515,9 @@ Update 21/06/2022 20:39 UTC
Update 23/06/2022 04:00 UTC
* `settings.option.connectivity.lastfmScrobble.filterTypes`: Added to `en_US`
+
+
+Update 03/07/2022 20:00 UTC
+
+* `term.plugins`: Added to `en_US`
+* `settings.header.visual.styles`: Added to `en_US`
\ No newline at end of file
diff --git a/src/i18n/en_US.json b/src/i18n/en_US.json
index f2ef03fd..aa4aec03 100644
--- a/src/i18n/en_US.json
+++ b/src/i18n/en_US.json
@@ -90,9 +90,6 @@
"term.size": "Size",
"term.size.normal": "Normal",
"term.size.compact": "Compact",
- "term.scroll": "Scroll Mode",
- "term.scroll.infinite": "Infinite",
- "term.scroll.paged": "${songsPerPage} per page",
"term.enable": "Enable",
"term.disable": "Disable",
"term.enabled": "Enabled",
@@ -139,7 +136,6 @@
"term.recentStations": "Recent Stations",
"term.personalStations": "Personal Stations",
"term.amLive": "Apple Music Live",
- "term.live": "LIVE",
"term.language": "Language",
"term.funLanguages": "Fun",
"term.noLyrics": "Instrumental Track / No Lyrics.",
@@ -184,8 +180,9 @@
"term.top": "Top",
"term.version": "Version",
"term.noVideos": "No videos found.",
- "term.plugin": "Plug-in",
- "term.pluginMenu": "Plug-in Menu",
+ "term.plugins": "Plugins",
+ "term.plugin": "Plugin",
+ "term.pluginMenu": "Plugins Menu",
"term.pluginMenu.none": "No interactive plugins",
"term.replay": "Replay",
"term.uniqueAlbums": "Unique Albums",
@@ -210,9 +207,6 @@
"term.zoomout" : "Zoom Out",
"term.zoomreset" : "Reset Zoom",
"term.fullscreen" : "Fullscreen",
- "term.nowPlaying": "Now Playing",
- "home.syncFavorites": "Sync Favorites",
- "home.syncFavorites.gettingArtists": "Getting Favorited Artists...",
"home.title": "Home",
"home.recentlyPlayed": "Recently Played",
"home.recentlyAdded": "Recently Added",
@@ -233,8 +227,6 @@
"podcast.episodes": "Episodes",
"podcast.playEpisode": "Play Episode",
"podcast.website": "Podcast Website",
- "action.favorite": "Favorite",
- "action.removeFavorite": "Remove Favorite",
"action.hideLibrary": "Hide Library",
"action.showLibrary": "Show Library",
"action.cut": "Cut",
@@ -308,7 +300,6 @@
"action.createNew": "Create New...",
"action.openArtworkInBrowser": "Open artwork in browser",
"action.scrollToTop": "Scroll to top",
- "action.refresh": "Refresh",
"menubar.options.view": "View",
"menubar.options.reload": "Reload",
"menubar.options.forcereload": "Force Reload",
@@ -419,8 +410,6 @@
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.E168_1": "Jasmine Macchiato",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z3600": "Hokkaido Milk Tea",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500A": "Moonlight Softcake",
- "settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500B": "Clafoutis aux Cerises",
- "settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500C": "Uji Matcha Mochi",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.BSCBM": "Brown Sugar Creme Brûlée Milk",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.CUDDLE": "Cuddle Warmth",
"settings.option.audio.enableAdvancedFunctionality.ciderPPE": "Cider Adrenaline Processor™️",
@@ -455,15 +444,10 @@
"settings.header.visual": "Visual",
"settings.header.visual.description": "Adjust the visual settings for Cider.",
"settings.option.visual.windowStyle": "Window Style",
- "settings.option.visual.customAccentColor": "Custom Accent Color",
- "settings.option.visual.accentColor": "Accent Color",
- "settings.option.visual.purplePodcastPlaybackBar": "Purple Playback Bar for Podcasts",
- "settings.option.visual.windowColor": "Window Tint Color",
"settings.option.visual.windowBackgroundStyle": "Window Background Style",
"settings.header.visual.windowBackgroundStyle.none": "None",
"settings.header.visual.windowBackgroundStyle.artwork": "Artwork",
"settings.header.visual.windowBackgroundStyle.image": "Image",
- "settings.header.visual.windowBackgroundStyle.color": "Color Tint",
"settings.option.visual.animatedArtwork": "Animated Artwork",
"settings.header.visual.animatedArtwork.always": "Always",
"settings.header.visual.animatedArtwork.limited": "Limited to pages and special entries",
@@ -489,6 +473,7 @@
"settings.prompt.visual.theme.github.URL": "Enter the URL of the theme you want to install",
"settings.prompt.visual.theme.uninstallTheme": "Are you sure you want to uninstall {{ theme }}?",
"settings.option.visual.theme.checkForUpdates": "Check for updates",
+ "settings.header.visual.styles": "Styles",
"settings.option.visual.theme.manageStyles": "Manage Styles",
"settings.option.visual.theme.uninstall": "Uninstall",
"settings.option.visual.theme.viewInfo": "View Info",
@@ -638,4 +623,4 @@
"oobe.visual.suggestingThemes.community3": "Dracula",
"oobe.visual.suggestingThemes.community3.text": "The iconic Dracula color scheme.",
"oobe.amsignin.title": ""
-}
+}
\ No newline at end of file
diff --git a/src/i18n/source/en_US.json b/src/i18n/source/en_US.json
index 256b937d..aa4aec03 100644
--- a/src/i18n/source/en_US.json
+++ b/src/i18n/source/en_US.json
@@ -180,8 +180,9 @@
"term.top": "Top",
"term.version": "Version",
"term.noVideos": "No videos found.",
- "term.plugin": "Plug-in",
- "term.pluginMenu": "Plug-in Menu",
+ "term.plugins": "Plugins",
+ "term.plugin": "Plugin",
+ "term.pluginMenu": "Plugins Menu",
"term.pluginMenu.none": "No interactive plugins",
"term.replay": "Replay",
"term.uniqueAlbums": "Unique Albums",
@@ -472,6 +473,7 @@
"settings.prompt.visual.theme.github.URL": "Enter the URL of the theme you want to install",
"settings.prompt.visual.theme.uninstallTheme": "Are you sure you want to uninstall {{ theme }}?",
"settings.option.visual.theme.checkForUpdates": "Check for updates",
+ "settings.header.visual.styles": "Styles",
"settings.option.visual.theme.manageStyles": "Manage Styles",
"settings.option.visual.theme.uninstall": "Uninstall",
"settings.option.visual.theme.viewInfo": "View Info",
@@ -621,4 +623,4 @@
"oobe.visual.suggestingThemes.community3": "Dracula",
"oobe.visual.suggestingThemes.community3.text": "The iconic Dracula color scheme.",
"oobe.amsignin.title": ""
-}
+}
\ No newline at end of file
diff --git a/src/main/base/browserwindow.ts b/src/main/base/browserwindow.ts
index da39d7eb..876c8f2d 100644
--- a/src/main/base/browserwindow.ts
+++ b/src/main/base/browserwindow.ts
@@ -64,7 +64,7 @@ export class BrowserWindow {
"pages/groupings",
"pages/charts",
"pages/settings",
- "pages/installed-themes",
+ //"pages/installed-themes",
"pages/listen_now",
"pages/radio",
"pages/home",
@@ -80,13 +80,12 @@ export class BrowserWindow {
"pages/about",
"pages/library-videos",
"pages/remote-pair",
- "pages/themes-github",
- "pages/plugins-github",
+ //"pages/themes-github",
+ //"pages/plugins-github",
"pages/replay",
"pages/audiolabs",
"pages/zoo",
"pages/plugin-renderer",
- "pages/keybinds",
"pages/oobe",
"components/app-content",
"components/sidebar",
@@ -126,6 +125,10 @@ export class BrowserWindow {
"components/hello-world",
"components/inline-collection-list",
"components/settings-window",
+ "components/settings-keybinds",
+ "components/settings-themes",
+ "components/settings-themes-github",
+ "components/settings-plugins-github",
],
appRoutes: [
{
@@ -275,6 +278,10 @@ export class BrowserWindow {
page: "replay",
component: `
`,
condition: `$root.page == 'replay'`
+ }, {
+ page: "keydinds",
+ component: `
`,
+ condition: `$root.page == 'keybinds-settings'`
}
]
},
@@ -1562,4 +1569,4 @@ export class BrowserWindow {
server2.start();
console.log('remote broadcasted')
}
-}
+}
\ No newline at end of file
diff --git a/src/renderer/assets/feather/plugins.svg b/src/renderer/assets/feather/plugins.svg
new file mode 100644
index 00000000..76eff3b0
--- /dev/null
+++ b/src/renderer/assets/feather/plugins.svg
@@ -0,0 +1,48 @@
+
+
diff --git a/src/renderer/assets/feather/style.svg b/src/renderer/assets/feather/style.svg
new file mode 100644
index 00000000..e6eae9e2
--- /dev/null
+++ b/src/renderer/assets/feather/style.svg
@@ -0,0 +1,41 @@
+
+
diff --git a/src/renderer/less/macos.less b/src/renderer/less/macos.less
index 61912371..4819a263 100644
--- a/src/renderer/less/macos.less
+++ b/src/renderer/less/macos.less
@@ -76,4 +76,4 @@ body[platform="darwin"] {
margin-top: 18px;
left: 70px;
}
-}
+}
\ No newline at end of file
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index c1b4026c..36e18c36 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -1120,7 +1120,7 @@ const app = new Vue({
message: `[Themes] ${theme.name} has an update available.`
})
notify.on("click", () => {
- app.appRoute("themes-github")
+ app.openSettingsPage("github-themes")
notyf.dismiss(notify)
})
}
@@ -4441,21 +4441,33 @@ const app = new Vue({
case "audiolabs":
this.$store.state.pageState.settings.currentTabIndex = 2
break;
- case "visual":
+ case "styles":
this.$store.state.pageState.settings.currentTabIndex = 3
break;
- case "lyrics":
+ case "visual":
this.$store.state.pageState.settings.currentTabIndex = 4
break;
- case "connectivity":
+ case "plugins":
this.$store.state.pageState.settings.currentTabIndex = 5
break;
- case "advanced":
+ case "lyrics":
this.$store.state.pageState.settings.currentTabIndex = 6
break;
- case "keybindings":
+ case "connectivity":
this.$store.state.pageState.settings.currentTabIndex = 7
break;
+ case "advanced":
+ this.$store.state.pageState.settings.currentTabIndex = 8
+ break;
+ case "keybindings":
+ this.$store.state.pageState.settings.currentTabIndex = 9
+ break;
+ case "github-themes":
+ this.$store.state.pageState.settings.currentTabIndex = 10
+ break;
+ case "github-plugins":
+ this.$store.state.pageState.settings.currentTabIndex = 11
+ break;
}
app.modals.settings = true
},
diff --git a/src/renderer/style.css b/src/renderer/style.css
index e69de29b..1b2e42da 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -0,0 +1,18541 @@
+@charset "UTF-8";
+@import url("assets/fonts/Pretendard/pretendardvariable.css");
+@import url("less/codicon.css");
+@font-face {
+ font-family: 'Noto Sans JP';
+ font-style: normal;
+ font-weight: 100;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6ofjtqLzI2JPCgQBnw7HFQoggM.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans JP';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6pfjtqLzI2JPCgQBnw7HFQaioq1A.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans JP';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F62fjtqLzI2JPCgQBnw7HFowA.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans JP';
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6pfjtqLzI2JPCgQBnw7HFQMisq1A.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans JP';
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6pfjtqLzI2JPCgQBnw7HFQei0q1A.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans JP';
+ font-style: normal;
+ font-weight: 900;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6pfjtqLzI2JPCgQBnw7HFQQi8q1A.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans KR';
+ font-style: normal;
+ font-weight: 100;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanskr/v27/Pby6FmXiEBPT4ITbgNA5CgmOsn7u.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans KR';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanskr/v27/Pby7FmXiEBPT4ITbgNA5CgmOelzI7g.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans KR';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanskr/v27/PbykFmXiEBPT4ITbgNA5Cgm20A.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans KR';
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanskr/v27/Pby7FmXiEBPT4ITbgNA5CgmOIl3I7g.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans KR';
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanskr/v27/Pby7FmXiEBPT4ITbgNA5CgmOalvI7g.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans KR';
+ font-style: normal;
+ font-weight: 900;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanskr/v27/Pby7FmXiEBPT4ITbgNA5CgmOUlnI7g.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans TC';
+ font-style: normal;
+ font-weight: 100;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nFlOG829Oofr2wohFbTp9i9WyEJ.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans TC';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nFkOG829Oofr2wohFbTp9i9kwMvDQ.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans TC';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nF7OG829Oofr2wohFbTp9iFOQ.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans TC';
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nFkOG829Oofr2wohFbTp9i9ywIvDQ.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans TC';
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nFkOG829Oofr2wohFbTp9i9gwQvDQ.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans TC';
+ font-style: normal;
+ font-weight: 900;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nFkOG829Oofr2wohFbTp9i9uwYvDQ.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans SC';
+ font-style: normal;
+ font-weight: 100;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kJo84MPvpLmixcA63oeALZTYKL.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans SC';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kIo84MPvpLmixcA63oeALZhaCt9w.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans SC';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kXo84MPvpLmixcA63oeALhLw.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans SC';
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kIo84MPvpLmixcA63oeALZ3aGt9w.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans SC';
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kIo84MPvpLmixcA63oeALZlaet9w.otf) format('opentype');
+}
+@font-face {
+ font-family: 'Noto Sans SC';
+ font-style: normal;
+ font-weight: 900;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kIo84MPvpLmixcA63oeALZraWt9w.otf) format('opentype');
+}
+:root {
+ --baseColor: #1e1e1e;
+ --baseColorMix: rgba(30, 30, 30, 0.5);
+ --sidebarColor: #2e2e2e;
+ --sidebarColorMix: rgba(46, 46, 46, 0.5);
+ --ciderColor: #ff2654;
+ --appOpacity: 0.15;
+ --transparencyRate: 50%;
+ --macOSChromeColor: rgba(14, 14, 14, 0.32);
+}
+/*!
+ * BootstrapVue Custom CSS (https://bootstrap-vue.org)
+ */
+.bv-no-focus-ring:focus {
+ outline: none;
+}
+@media (max-width: 575.98px) {
+ .bv-d-xs-down-none {
+ display: none !important;
+ }
+}
+@media (max-width: 767.98px) {
+ .bv-d-sm-down-none {
+ display: none !important;
+ }
+}
+@media (max-width: 991.98px) {
+ .bv-d-md-down-none {
+ display: none !important;
+ }
+}
+@media (max-width: 1199.98px) {
+ .bv-d-lg-down-none {
+ display: none !important;
+ }
+}
+.bv-d-xl-down-none {
+ display: none !important;
+}
+.form-control.focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: #80bdff;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+.form-control.focus.is-valid {
+ border-color: #28a745;
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+.form-control.focus.is-invalid {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+.b-avatar {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ vertical-align: middle;
+ flex-shrink: 0;
+ width: 2.5rem;
+ height: 2.5rem;
+ font-size: inherit;
+ font-weight: 400;
+ line-height: 1;
+ max-width: 100%;
+ max-height: auto;
+ text-align: center;
+ overflow: visible;
+ position: relative;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+.b-avatar:focus {
+ outline: 0;
+}
+.b-avatar.btn,
+.b-avatar[href] {
+ padding: 0;
+ border: 0;
+}
+.b-avatar.btn .b-avatar-img img,
+.b-avatar[href] .b-avatar-img img {
+ transition: -webkit-transform 0.15s ease-in-out;
+ transition: transform 0.15s ease-in-out;
+ transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
+}
+.b-avatar.btn:not(:disabled):not(.disabled),
+.b-avatar[href]:not(:disabled):not(.disabled) {
+ cursor: pointer;
+}
+.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,
+.b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
+ -webkit-transform: scale(1.15);
+ transform: scale(1.15);
+}
+.b-avatar.disabled,
+.b-avatar:disabled,
+.b-avatar[disabled] {
+ opacity: 0.65;
+ pointer-events: none;
+}
+.b-avatar .b-avatar-custom,
+.b-avatar .b-avatar-text,
+.b-avatar .b-avatar-img {
+ border-radius: inherit;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ -webkit-mask-image: radial-gradient(white, black);
+ mask-image: radial-gradient(white, black);
+}
+.b-avatar .b-avatar-text {
+ text-transform: uppercase;
+ white-space: nowrap;
+}
+.b-avatar[href] {
+ text-decoration: none;
+}
+.b-avatar > .b-icon {
+ width: 60%;
+ height: auto;
+ max-width: 100%;
+}
+.b-avatar .b-avatar-img img {
+ width: 100%;
+ height: 100%;
+ max-height: auto;
+ border-radius: inherit;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.b-avatar .b-avatar-badge {
+ position: absolute;
+ min-height: 1.5em;
+ min-width: 1.5em;
+ padding: 0.25em;
+ line-height: 1;
+ border-radius: 10em;
+ font-size: 70%;
+ font-weight: 700;
+ z-index: 1;
+}
+.b-avatar-sm {
+ width: 1.5rem;
+ height: 1.5rem;
+}
+.b-avatar-sm .b-avatar-text {
+ font-size: calc(0.6rem);
+}
+.b-avatar-sm .b-avatar-badge {
+ font-size: calc(0.42rem);
+}
+.b-avatar-lg {
+ width: 3.5rem;
+ height: 3.5rem;
+}
+.b-avatar-lg .b-avatar-text {
+ font-size: calc(1.4rem);
+}
+.b-avatar-lg .b-avatar-badge {
+ font-size: calc(0.98rem);
+}
+.b-avatar-group .b-avatar-group-inner {
+ display: flex;
+ flex-wrap: wrap;
+}
+.b-avatar-group .b-avatar {
+ border: 1px solid #dee2e6;
+}
+.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled),
+.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled) {
+ z-index: 1;
+}
+.b-calendar {
+ display: inline-flex;
+}
+.b-calendar .b-calendar-inner {
+ min-width: 250px;
+}
+.b-calendar .b-calendar-header,
+.b-calendar .b-calendar-nav {
+ margin-bottom: 0.25rem;
+}
+.b-calendar .b-calendar-nav .btn {
+ padding: 0.25rem;
+}
+.b-calendar output {
+ padding: 0.25rem;
+ font-size: 80%;
+}
+.b-calendar output.readonly {
+ background-color: #e9ecef;
+ opacity: 1;
+}
+.b-calendar .b-calendar-footer {
+ margin-top: 0.5rem;
+}
+.b-calendar .b-calendar-grid {
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+}
+.b-calendar .b-calendar-grid .row {
+ flex-wrap: nowrap;
+}
+.b-calendar .b-calendar-grid-caption {
+ padding: 0.25rem;
+}
+.b-calendar .b-calendar-grid-body .col[data-date] .btn {
+ width: 32px;
+ height: 32px;
+ font-size: 14px;
+ line-height: 1;
+ margin: 3px auto;
+ padding: 9px 0;
+}
+.b-calendar .btn:disabled,
+.b-calendar .btn.disabled,
+.b-calendar .btn[aria-disabled=true] {
+ cursor: default;
+ pointer-events: none;
+}
+.card-img-left {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
+}
+.card-img-right {
+ border-top-right-radius: calc(0.25rem - 1px);
+ border-bottom-right-radius: calc(0.25rem - 1px);
+}
+.dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after {
+ display: none !important;
+}
+.dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before {
+ display: none !important;
+}
+.dropdown .dropdown-menu:focus {
+ outline: none;
+}
+.b-dropdown-form {
+ display: inline-block;
+ padding: 0.25rem 1.5rem;
+ width: 100%;
+ clear: both;
+ font-weight: 400;
+}
+.b-dropdown-form:focus {
+ outline: 1px dotted !important;
+ outline: 5px auto -webkit-focus-ring-color !important;
+}
+.b-dropdown-form.disabled,
+.b-dropdown-form:disabled {
+ outline: 0 !important;
+ color: #6c757d;
+ pointer-events: none;
+}
+.b-dropdown-text {
+ display: inline-block;
+ padding: 0.25rem 1.5rem;
+ margin-bottom: 0;
+ width: 100%;
+ clear: both;
+ font-weight: lighter;
+}
+.custom-checkbox.b-custom-control-lg,
+.input-group-lg .custom-checkbox {
+ font-size: 1.25rem;
+ line-height: 1.5;
+ padding-left: 1.875rem;
+}
+.custom-checkbox.b-custom-control-lg .custom-control-label::before,
+.input-group-lg .custom-checkbox .custom-control-label::before {
+ top: 0.3125rem;
+ left: -1.875rem;
+ width: 1.25rem;
+ height: 1.25rem;
+ border-radius: 0.3rem;
+}
+.custom-checkbox.b-custom-control-lg .custom-control-label::after,
+.input-group-lg .custom-checkbox .custom-control-label::after {
+ top: 0.3125rem;
+ left: -1.875rem;
+ width: 1.25rem;
+ height: 1.25rem;
+ background-size: 50% 50%;
+}
+.custom-checkbox.b-custom-control-sm,
+.input-group-sm .custom-checkbox {
+ font-size: 0.875rem;
+ line-height: 1.5;
+ padding-left: 1.3125rem;
+}
+.custom-checkbox.b-custom-control-sm .custom-control-label::before,
+.input-group-sm .custom-checkbox .custom-control-label::before {
+ top: 0.21875rem;
+ left: -1.3125rem;
+ width: 0.875rem;
+ height: 0.875rem;
+ border-radius: 0.2rem;
+}
+.custom-checkbox.b-custom-control-sm .custom-control-label::after,
+.input-group-sm .custom-checkbox .custom-control-label::after {
+ top: 0.21875rem;
+ left: -1.3125rem;
+ width: 0.875rem;
+ height: 0.875rem;
+ background-size: 50% 50%;
+}
+.custom-switch.b-custom-control-lg,
+.input-group-lg .custom-switch {
+ padding-left: 2.8125rem;
+}
+.custom-switch.b-custom-control-lg .custom-control-label,
+.input-group-lg .custom-switch .custom-control-label {
+ font-size: 1.25rem;
+ line-height: 1.5;
+}
+.custom-switch.b-custom-control-lg .custom-control-label::before,
+.input-group-lg .custom-switch .custom-control-label::before {
+ top: 0.3125rem;
+ height: 1.25rem;
+ left: -2.8125rem;
+ width: 2.1875rem;
+ border-radius: 0.625rem;
+}
+.custom-switch.b-custom-control-lg .custom-control-label::after,
+.input-group-lg .custom-switch .custom-control-label::after {
+ top: calc(0.3125rem + 2px);
+ left: calc(-2.8125rem + 2px);
+ width: calc(1.25rem - 4px);
+ height: calc(1.25rem - 4px);
+ border-radius: 0.625rem;
+ background-size: 50% 50%;
+}
+.custom-switch.b-custom-control-lg .custom-control-input:checked ~ .custom-control-label::after,
+.input-group-lg .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+ -webkit-transform: translateX(0.9375rem);
+ transform: translateX(0.9375rem);
+}
+.custom-switch.b-custom-control-sm,
+.input-group-sm .custom-switch {
+ padding-left: 1.96875rem;
+}
+.custom-switch.b-custom-control-sm .custom-control-label,
+.input-group-sm .custom-switch .custom-control-label {
+ font-size: 0.875rem;
+ line-height: 1.5;
+}
+.custom-switch.b-custom-control-sm .custom-control-label::before,
+.input-group-sm .custom-switch .custom-control-label::before {
+ top: 0.21875rem;
+ left: -1.96875rem;
+ width: 1.53125rem;
+ height: 0.875rem;
+ border-radius: 0.4375rem;
+}
+.custom-switch.b-custom-control-sm .custom-control-label::after,
+.input-group-sm .custom-switch .custom-control-label::after {
+ top: calc(0.21875rem + 2px);
+ left: calc(-1.96875rem + 2px);
+ width: calc(0.875rem - 4px);
+ height: calc(0.875rem - 4px);
+ border-radius: 0.4375rem;
+ background-size: 50% 50%;
+}
+.custom-switch.b-custom-control-sm .custom-control-input:checked ~ .custom-control-label::after,
+.input-group-sm .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+ -webkit-transform: translateX(0.65625rem);
+ transform: translateX(0.65625rem);
+}
+.input-group > .input-group-prepend > .btn-group > .btn,
+.input-group > .input-group-append:not(:last-child) > .btn-group > .btn,
+.input-group > .input-group-append:last-child > .btn-group:not(:last-child):not(.dropdown-toggle) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.input-group > .input-group-append > .btn-group > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn,
+.input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.b-form-btn-label-control.form-control {
+ display: flex;
+ align-items: stretch;
+ height: auto;
+ padding: 0;
+ background-image: none;
+}
+.input-group .b-form-btn-label-control.form-control {
+ padding: 0;
+}
+[dir=rtl] .b-form-btn-label-control.form-control,
+.b-form-btn-label-control.form-control[dir=rtl] {
+ flex-direction: row-reverse;
+}
+[dir=rtl] .b-form-btn-label-control.form-control > label,
+.b-form-btn-label-control.form-control[dir=rtl] > label {
+ text-align: right;
+}
+.b-form-btn-label-control.form-control > .btn {
+ line-height: 1;
+ font-size: inherit;
+ box-shadow: none !important;
+ border: 0;
+}
+.b-form-btn-label-control.form-control > .btn:disabled {
+ pointer-events: none;
+}
+.b-form-btn-label-control.form-control.is-valid > .btn {
+ color: #28a745;
+}
+.b-form-btn-label-control.form-control.is-invalid > .btn {
+ color: #dc3545;
+}
+.b-form-btn-label-control.form-control > .dropdown-menu {
+ padding: 0.5rem;
+}
+.b-form-btn-label-control.form-control > .form-control {
+ height: auto;
+ min-height: calc(calc(1.5em + 0.75rem + 2px) - 2px);
+ padding-left: 0.25rem;
+ margin: 0;
+ border: 0;
+ outline: 0;
+ background: transparent;
+ word-break: break-word;
+ font-size: inherit;
+ white-space: normal;
+ cursor: pointer;
+}
+.b-form-btn-label-control.form-control > .form-control.form-control-sm {
+ min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
+}
+.b-form-btn-label-control.form-control > .form-control.form-control-lg {
+ min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
+}
+.input-group.input-group-sm .b-form-btn-label-control.form-control > .form-control {
+ min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+}
+.input-group.input-group-lg .b-form-btn-label-control.form-control > .form-control {
+ min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+.b-form-btn-label-control.form-control[aria-disabled=true],
+.b-form-btn-label-control.form-control[aria-readonly=true] {
+ background-color: #e9ecef;
+ opacity: 1;
+}
+.b-form-btn-label-control.form-control[aria-disabled=true] {
+ pointer-events: none;
+}
+.b-form-btn-label-control.form-control[aria-disabled=true] > label {
+ cursor: default;
+}
+.b-form-btn-label-control.btn-group > .dropdown-menu {
+ padding: 0.5rem;
+}
+.custom-file-label {
+ white-space: nowrap;
+ overflow-x: hidden;
+}
+.b-custom-control-lg.custom-file,
+.b-custom-control-lg .custom-file-input,
+.b-custom-control-lg .custom-file-label,
+.input-group-lg.custom-file,
+.input-group-lg .custom-file-input,
+.input-group-lg .custom-file-label {
+ font-size: 1.25rem;
+ height: calc(1.5em + 1rem + 2px);
+}
+.b-custom-control-lg .custom-file-label,
+.b-custom-control-lg .custom-file-label:after,
+.input-group-lg .custom-file-label,
+.input-group-lg .custom-file-label:after {
+ padding: 0.5rem 1rem;
+ line-height: 1.5;
+}
+.b-custom-control-lg .custom-file-label,
+.input-group-lg .custom-file-label {
+ border-radius: 0.3rem;
+}
+.b-custom-control-lg .custom-file-label::after,
+.input-group-lg .custom-file-label::after {
+ font-size: inherit;
+ height: calc(1.5em + 1rem);
+ border-radius: 0 0.3rem 0.3rem 0;
+}
+.b-custom-control-sm.custom-file,
+.b-custom-control-sm .custom-file-input,
+.b-custom-control-sm .custom-file-label,
+.input-group-sm.custom-file,
+.input-group-sm .custom-file-input,
+.input-group-sm .custom-file-label {
+ font-size: 0.875rem;
+ height: calc(1.5em + 0.5rem + 2px);
+}
+.b-custom-control-sm .custom-file-label,
+.b-custom-control-sm .custom-file-label:after,
+.input-group-sm .custom-file-label,
+.input-group-sm .custom-file-label:after {
+ padding: 0.25rem 0.5rem;
+ line-height: 1.5;
+}
+.b-custom-control-sm .custom-file-label,
+.input-group-sm .custom-file-label {
+ border-radius: 0.2rem;
+}
+.b-custom-control-sm .custom-file-label::after,
+.input-group-sm .custom-file-label::after {
+ font-size: inherit;
+ height: calc(1.5em + 0.5rem);
+ border-radius: 0 0.2rem 0.2rem 0;
+}
+.was-validated .form-control:invalid,
+.was-validated .form-control:valid,
+.form-control.is-invalid,
+.form-control.is-valid {
+ background-position: right calc(0.375em + 0.1875rem) center;
+}
+input[type=color].form-control {
+ height: calc(1.5em + 0.75rem + 2px);
+ padding: 0.125rem 0.25rem;
+}
+input[type=color].form-control.form-control-sm,
+.input-group-sm input[type=color].form-control {
+ height: calc(1.5em + 0.5rem + 2px);
+ padding: 0.125rem 0.25rem;
+}
+input[type=color].form-control.form-control-lg,
+.input-group-lg input[type=color].form-control {
+ height: calc(1.5em + 1rem + 2px);
+ padding: 0.125rem 0.25rem;
+}
+input[type=color].form-control:disabled {
+ background-color: #adb5bd;
+ opacity: 0.65;
+}
+.input-group > .custom-range {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ margin-bottom: 0;
+}
+.input-group > .custom-range + .form-control,
+.input-group > .custom-range + .form-control-plaintext,
+.input-group > .custom-range + .custom-select,
+.input-group > .custom-range + .custom-range,
+.input-group > .custom-range + .custom-file {
+ margin-left: -1px;
+}
+.input-group > .form-control + .custom-range,
+.input-group > .form-control-plaintext + .custom-range,
+.input-group > .custom-select + .custom-range,
+.input-group > .custom-range + .custom-range,
+.input-group > .custom-file + .custom-range {
+ margin-left: -1px;
+}
+.input-group > .custom-range:focus {
+ z-index: 3;
+}
+.input-group > .custom-range:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.input-group > .custom-range:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.input-group > .custom-range {
+ padding: 0 0.75rem;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ height: calc(1.5em + 0.75rem + 2px);
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .input-group > .custom-range {
+ transition: none;
+ }
+}
+.input-group > .custom-range:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: #80bdff;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+.input-group > .custom-range:disabled,
+.input-group > .custom-range[readonly] {
+ background-color: #e9ecef;
+}
+.input-group-lg > .custom-range {
+ height: calc(1.5em + 1rem + 2px);
+ padding: 0 1rem;
+ border-radius: 0.3rem;
+}
+.input-group-sm > .custom-range {
+ height: calc(1.5em + 0.5rem + 2px);
+ padding: 0 0.5rem;
+ border-radius: 0.2rem;
+}
+.was-validated .input-group .custom-range:valid,
+.input-group .custom-range.is-valid {
+ border-color: #28a745;
+}
+.was-validated .input-group .custom-range:valid:focus,
+.input-group .custom-range.is-valid:focus {
+ border-color: #28a745;
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+.was-validated .custom-range:valid:focus::-webkit-slider-thumb,
+.custom-range.is-valid:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
+}
+.was-validated .custom-range:valid:focus::-moz-range-thumb,
+.custom-range.is-valid:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
+}
+.was-validated .custom-range:valid:focus::-ms-thumb,
+.custom-range.is-valid:focus::-ms-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
+}
+.was-validated .custom-range:valid::-webkit-slider-thumb,
+.custom-range.is-valid::-webkit-slider-thumb {
+ background-color: #28a745;
+ background-image: none;
+}
+.was-validated .custom-range:valid::-webkit-slider-thumb:active,
+.custom-range.is-valid::-webkit-slider-thumb:active {
+ background-color: #9be7ac;
+ background-image: none;
+}
+.was-validated .custom-range:valid::-webkit-slider-runnable-track,
+.custom-range.is-valid::-webkit-slider-runnable-track {
+ background-color: rgba(40, 167, 69, 0.35);
+}
+.was-validated .custom-range:valid::-moz-range-thumb,
+.custom-range.is-valid::-moz-range-thumb {
+ background-color: #28a745;
+ background-image: none;
+}
+.was-validated .custom-range:valid::-moz-range-thumb:active,
+.custom-range.is-valid::-moz-range-thumb:active {
+ background-color: #9be7ac;
+ background-image: none;
+}
+.was-validated .custom-range:valid::-moz-range-track,
+.custom-range.is-valid::-moz-range-track {
+ background: rgba(40, 167, 69, 0.35);
+}
+.was-validated .custom-range:valid ~ .valid-feedback,
+.was-validated .custom-range:valid ~ .valid-tooltip,
+.custom-range.is-valid ~ .valid-feedback,
+.custom-range.is-valid ~ .valid-tooltip {
+ display: block;
+}
+.was-validated .custom-range:valid::-ms-thumb,
+.custom-range.is-valid::-ms-thumb {
+ background-color: #28a745;
+ background-image: none;
+}
+.was-validated .custom-range:valid::-ms-thumb:active,
+.custom-range.is-valid::-ms-thumb:active {
+ background-color: #9be7ac;
+ background-image: none;
+}
+.was-validated .custom-range:valid::-ms-track-lower,
+.custom-range.is-valid::-ms-track-lower {
+ background: rgba(40, 167, 69, 0.35);
+}
+.was-validated .custom-range:valid::-ms-track-upper,
+.custom-range.is-valid::-ms-track-upper {
+ background: rgba(40, 167, 69, 0.35);
+}
+.was-validated .input-group .custom-range:invalid,
+.input-group .custom-range.is-invalid {
+ border-color: #dc3545;
+}
+.was-validated .input-group .custom-range:invalid:focus,
+.input-group .custom-range.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+.was-validated .custom-range:invalid:focus::-webkit-slider-thumb,
+.custom-range.is-invalid:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
+}
+.was-validated .custom-range:invalid:focus::-moz-range-thumb,
+.custom-range.is-invalid:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
+}
+.was-validated .custom-range:invalid:focus::-ms-thumb,
+.custom-range.is-invalid:focus::-ms-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
+}
+.was-validated .custom-range:invalid::-webkit-slider-thumb,
+.custom-range.is-invalid::-webkit-slider-thumb {
+ background-color: #dc3545;
+ background-image: none;
+}
+.was-validated .custom-range:invalid::-webkit-slider-thumb:active,
+.custom-range.is-invalid::-webkit-slider-thumb:active {
+ background-color: #f6cdd1;
+ background-image: none;
+}
+.was-validated .custom-range:invalid::-webkit-slider-runnable-track,
+.custom-range.is-invalid::-webkit-slider-runnable-track {
+ background-color: rgba(220, 53, 69, 0.35);
+}
+.was-validated .custom-range:invalid::-moz-range-thumb,
+.custom-range.is-invalid::-moz-range-thumb {
+ background-color: #dc3545;
+ background-image: none;
+}
+.was-validated .custom-range:invalid::-moz-range-thumb:active,
+.custom-range.is-invalid::-moz-range-thumb:active {
+ background-color: #f6cdd1;
+ background-image: none;
+}
+.was-validated .custom-range:invalid::-moz-range-track,
+.custom-range.is-invalid::-moz-range-track {
+ background: rgba(220, 53, 69, 0.35);
+}
+.was-validated .custom-range:invalid ~ .invalid-feedback,
+.was-validated .custom-range:invalid ~ .invalid-tooltip,
+.custom-range.is-invalid ~ .invalid-feedback,
+.custom-range.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+.was-validated .custom-range:invalid::-ms-thumb,
+.custom-range.is-invalid::-ms-thumb {
+ background-color: #dc3545;
+ background-image: none;
+}
+.was-validated .custom-range:invalid::-ms-thumb:active,
+.custom-range.is-invalid::-ms-thumb:active {
+ background-color: #f6cdd1;
+ background-image: none;
+}
+.was-validated .custom-range:invalid::-ms-track-lower,
+.custom-range.is-invalid::-ms-track-lower {
+ background: rgba(220, 53, 69, 0.35);
+}
+.was-validated .custom-range:invalid::-ms-track-upper,
+.custom-range.is-invalid::-ms-track-upper {
+ background: rgba(220, 53, 69, 0.35);
+}
+.custom-radio.b-custom-control-lg,
+.input-group-lg .custom-radio {
+ font-size: 1.25rem;
+ line-height: 1.5;
+ padding-left: 1.875rem;
+}
+.custom-radio.b-custom-control-lg .custom-control-label::before,
+.input-group-lg .custom-radio .custom-control-label::before {
+ top: 0.3125rem;
+ left: -1.875rem;
+ width: 1.25rem;
+ height: 1.25rem;
+ border-radius: 50%;
+}
+.custom-radio.b-custom-control-lg .custom-control-label::after,
+.input-group-lg .custom-radio .custom-control-label::after {
+ top: 0.3125rem;
+ left: -1.875rem;
+ width: 1.25rem;
+ height: 1.25rem;
+ background: no-repeat 50%/50% 50%;
+}
+.custom-radio.b-custom-control-sm,
+.input-group-sm .custom-radio {
+ font-size: 0.875rem;
+ line-height: 1.5;
+ padding-left: 1.3125rem;
+}
+.custom-radio.b-custom-control-sm .custom-control-label::before,
+.input-group-sm .custom-radio .custom-control-label::before {
+ top: 0.21875rem;
+ left: -1.3125rem;
+ width: 0.875rem;
+ height: 0.875rem;
+ border-radius: 50%;
+}
+.custom-radio.b-custom-control-sm .custom-control-label::after,
+.input-group-sm .custom-radio .custom-control-label::after {
+ top: 0.21875rem;
+ left: -1.3125rem;
+ width: 0.875rem;
+ height: 0.875rem;
+ background: no-repeat 50%/50% 50%;
+}
+.b-rating {
+ text-align: center;
+}
+.b-rating.d-inline-flex {
+ width: auto;
+}
+.b-rating .b-rating-star,
+.b-rating .b-rating-value {
+ padding: 0 0.25em;
+}
+.b-rating .b-rating-value {
+ min-width: 2.5em;
+}
+.b-rating .b-rating-star {
+ display: inline-flex;
+ justify-content: center;
+ outline: 0;
+}
+.b-rating .b-rating-star .b-rating-icon {
+ display: inline-flex;
+ transition: all 0.15s ease-in-out;
+}
+.b-rating.disabled,
+.b-rating:disabled {
+ background-color: #e9ecef;
+ color: #6c757d;
+}
+.b-rating:not(.disabled):not(.readonly) .b-rating-star {
+ cursor: pointer;
+}
+.b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon,
+.b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+}
+.b-rating[dir=rtl] .b-rating-star-half {
+ -webkit-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+}
+.b-form-spinbutton {
+ text-align: center;
+ overflow: hidden;
+ background-image: none;
+ padding: 0;
+}
+[dir=rtl] .b-form-spinbutton:not(.flex-column),
+.b-form-spinbutton[dir=rtl]:not(.flex-column) {
+ flex-direction: row-reverse;
+}
+.b-form-spinbutton output {
+ font-size: inherit;
+ outline: 0;
+ border: 0;
+ background-color: transparent;
+ width: auto;
+ margin: 0;
+ padding: 0 0.25rem;
+}
+.b-form-spinbutton output > div,
+.b-form-spinbutton output > bdi {
+ display: block;
+ min-width: 2.25em;
+ height: 1.5em;
+}
+.b-form-spinbutton.flex-column {
+ height: auto;
+ width: auto;
+}
+.b-form-spinbutton.flex-column output {
+ margin: 0 0.25rem;
+ padding: 0.25rem 0;
+}
+.b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
+ output-width: 100%;
+}
+.b-form-spinbutton.d-inline-flex:not(.flex-column) {
+ width: auto;
+}
+.b-form-spinbutton .btn {
+ line-height: 1;
+ box-shadow: none !important;
+}
+.b-form-spinbutton .btn:disabled {
+ pointer-events: none;
+}
+.b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon {
+ -webkit-transform: scale(1.25);
+ transform: scale(1.25);
+}
+.b-form-spinbutton.disabled,
+.b-form-spinbutton.readonly {
+ background-color: #e9ecef;
+}
+.b-form-spinbutton.disabled {
+ pointer-events: none;
+}
+.b-form-tags .b-form-tags-list {
+ margin-top: -0.25rem;
+}
+.b-form-tags .b-form-tags-list .b-from-tags-field,
+.b-form-tags .b-form-tags-list .b-form-tag {
+ margin-top: 0.25rem;
+}
+.b-form-tags.focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: #80bdff;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+.b-form-tags.focus.is-valid {
+ border-color: #28a745;
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+.b-form-tags.focus.is-invalid {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+.b-form-tags.disabled {
+ background-color: #e9ecef;
+}
+.b-form-tag {
+ font-size: 75%;
+ font-weight: normal;
+ line-height: 1.5;
+ margin-right: 0.25rem;
+}
+.b-form-tag.disabled {
+ opacity: 0.75;
+}
+.b-form-tag > button.b-form-tag-remove {
+ color: inherit;
+ font-size: 125%;
+ line-height: 1;
+ float: none;
+ margin-left: 0.25rem;
+}
+.form-control-sm .b-form-tag {
+ line-height: 1.5;
+}
+.form-control-lg .b-form-tag {
+ line-height: 1.5;
+}
+.media-aside {
+ display: flex;
+ margin-right: 1rem;
+}
+.media-aside-right {
+ margin-right: 0;
+ margin-left: 1rem;
+}
+.modal-backdrop {
+ opacity: 0.5;
+}
+.b-pagination-pills .page-item .page-link {
+ border-radius: 50rem !important;
+ margin-left: 0.25rem;
+ line-height: 1;
+}
+.b-pagination-pills .page-item:first-child .page-link {
+ margin-left: 0;
+}
+.popover.b-popover {
+ display: block;
+ opacity: 1;
+ outline: 0;
+}
+.popover.b-popover.fade:not(.show) {
+ opacity: 0;
+}
+.popover.b-popover.show {
+ opacity: 1;
+}
+.b-popover-primary.popover {
+ background-color: #cce5ff;
+ border-color: #b8daff;
+}
+.b-popover-primary.bs-popover-top > .arrow::before,
+.b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::before {
+ border-top-color: #b8daff;
+}
+.b-popover-primary.bs-popover-top > .arrow::after,
+.b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::after {
+ border-top-color: #cce5ff;
+}
+.b-popover-primary.bs-popover-right > .arrow::before,
+.b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::before {
+ border-right-color: #b8daff;
+}
+.b-popover-primary.bs-popover-right > .arrow::after,
+.b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::after {
+ border-right-color: #cce5ff;
+}
+.b-popover-primary.bs-popover-bottom > .arrow::before,
+.b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::before {
+ border-bottom-color: #b8daff;
+}
+.b-popover-primary.bs-popover-bottom > .arrow::after,
+.b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::after {
+ border-bottom-color: #bdddff;
+}
+.b-popover-primary.bs-popover-bottom .popover-header::before,
+.b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header::before {
+ border-bottom-color: #bdddff;
+}
+.b-popover-primary.bs-popover-left > .arrow::before,
+.b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::before {
+ border-left-color: #b8daff;
+}
+.b-popover-primary.bs-popover-left > .arrow::after,
+.b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::after {
+ border-left-color: #cce5ff;
+}
+.b-popover-primary .popover-header {
+ color: #212529;
+ background-color: #bdddff;
+ border-bottom-color: #a3d0ff;
+}
+.b-popover-primary .popover-body {
+ color: #004085;
+}
+.b-popover-secondary.popover {
+ background-color: #e2e3e5;
+ border-color: #d6d8db;
+}
+.b-popover-secondary.bs-popover-top > .arrow::before,
+.b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::before {
+ border-top-color: #d6d8db;
+}
+.b-popover-secondary.bs-popover-top > .arrow::after,
+.b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::after {
+ border-top-color: #e2e3e5;
+}
+.b-popover-secondary.bs-popover-right > .arrow::before,
+.b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::before {
+ border-right-color: #d6d8db;
+}
+.b-popover-secondary.bs-popover-right > .arrow::after,
+.b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::after {
+ border-right-color: #e2e3e5;
+}
+.b-popover-secondary.bs-popover-bottom > .arrow::before,
+.b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::before {
+ border-bottom-color: #d6d8db;
+}
+.b-popover-secondary.bs-popover-bottom > .arrow::after,
+.b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::after {
+ border-bottom-color: #dadbde;
+}
+.b-popover-secondary.bs-popover-bottom .popover-header::before,
+.b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header::before {
+ border-bottom-color: #dadbde;
+}
+.b-popover-secondary.bs-popover-left > .arrow::before,
+.b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::before {
+ border-left-color: #d6d8db;
+}
+.b-popover-secondary.bs-popover-left > .arrow::after,
+.b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::after {
+ border-left-color: #e2e3e5;
+}
+.b-popover-secondary .popover-header {
+ color: #212529;
+ background-color: #dadbde;
+ border-bottom-color: #ccced2;
+}
+.b-popover-secondary .popover-body {
+ color: #383d41;
+}
+.b-popover-success.popover {
+ background-color: #d4edda;
+ border-color: #c3e6cb;
+}
+.b-popover-success.bs-popover-top > .arrow::before,
+.b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::before {
+ border-top-color: #c3e6cb;
+}
+.b-popover-success.bs-popover-top > .arrow::after,
+.b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::after {
+ border-top-color: #d4edda;
+}
+.b-popover-success.bs-popover-right > .arrow::before,
+.b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::before {
+ border-right-color: #c3e6cb;
+}
+.b-popover-success.bs-popover-right > .arrow::after,
+.b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::after {
+ border-right-color: #d4edda;
+}
+.b-popover-success.bs-popover-bottom > .arrow::before,
+.b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::before {
+ border-bottom-color: #c3e6cb;
+}
+.b-popover-success.bs-popover-bottom > .arrow::after,
+.b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::after {
+ border-bottom-color: #c9e8d1;
+}
+.b-popover-success.bs-popover-bottom .popover-header::before,
+.b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header::before {
+ border-bottom-color: #c9e8d1;
+}
+.b-popover-success.bs-popover-left > .arrow::before,
+.b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::before {
+ border-left-color: #c3e6cb;
+}
+.b-popover-success.bs-popover-left > .arrow::after,
+.b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::after {
+ border-left-color: #d4edda;
+}
+.b-popover-success .popover-header {
+ color: #212529;
+ background-color: #c9e8d1;
+ border-bottom-color: #b7e1c1;
+}
+.b-popover-success .popover-body {
+ color: #155724;
+}
+.b-popover-info.popover {
+ background-color: #d1ecf1;
+ border-color: #bee5eb;
+}
+.b-popover-info.bs-popover-top > .arrow::before,
+.b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::before {
+ border-top-color: #bee5eb;
+}
+.b-popover-info.bs-popover-top > .arrow::after,
+.b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::after {
+ border-top-color: #d1ecf1;
+}
+.b-popover-info.bs-popover-right > .arrow::before,
+.b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::before {
+ border-right-color: #bee5eb;
+}
+.b-popover-info.bs-popover-right > .arrow::after,
+.b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::after {
+ border-right-color: #d1ecf1;
+}
+.b-popover-info.bs-popover-bottom > .arrow::before,
+.b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::before {
+ border-bottom-color: #bee5eb;
+}
+.b-popover-info.bs-popover-bottom > .arrow::after,
+.b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::after {
+ border-bottom-color: #c5e7ed;
+}
+.b-popover-info.bs-popover-bottom .popover-header::before,
+.b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header::before {
+ border-bottom-color: #c5e7ed;
+}
+.b-popover-info.bs-popover-left > .arrow::before,
+.b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::before {
+ border-left-color: #bee5eb;
+}
+.b-popover-info.bs-popover-left > .arrow::after,
+.b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::after {
+ border-left-color: #d1ecf1;
+}
+.b-popover-info .popover-header {
+ color: #212529;
+ background-color: #c5e7ed;
+ border-bottom-color: #b2dfe7;
+}
+.b-popover-info .popover-body {
+ color: #0c5460;
+}
+.b-popover-warning.popover {
+ background-color: #fff3cd;
+ border-color: #ffeeba;
+}
+.b-popover-warning.bs-popover-top > .arrow::before,
+.b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::before {
+ border-top-color: #ffeeba;
+}
+.b-popover-warning.bs-popover-top > .arrow::after,
+.b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::after {
+ border-top-color: #fff3cd;
+}
+.b-popover-warning.bs-popover-right > .arrow::before,
+.b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::before {
+ border-right-color: #ffeeba;
+}
+.b-popover-warning.bs-popover-right > .arrow::after,
+.b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::after {
+ border-right-color: #fff3cd;
+}
+.b-popover-warning.bs-popover-bottom > .arrow::before,
+.b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::before {
+ border-bottom-color: #ffeeba;
+}
+.b-popover-warning.bs-popover-bottom > .arrow::after,
+.b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::after {
+ border-bottom-color: #ffefbe;
+}
+.b-popover-warning.bs-popover-bottom .popover-header::before,
+.b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header::before {
+ border-bottom-color: #ffefbe;
+}
+.b-popover-warning.bs-popover-left > .arrow::before,
+.b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::before {
+ border-left-color: #ffeeba;
+}
+.b-popover-warning.bs-popover-left > .arrow::after,
+.b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::after {
+ border-left-color: #fff3cd;
+}
+.b-popover-warning .popover-header {
+ color: #212529;
+ background-color: #ffefbe;
+ border-bottom-color: #ffe9a4;
+}
+.b-popover-warning .popover-body {
+ color: #856404;
+}
+.b-popover-danger.popover {
+ background-color: #f8d7da;
+ border-color: #f5c6cb;
+}
+.b-popover-danger.bs-popover-top > .arrow::before,
+.b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::before {
+ border-top-color: #f5c6cb;
+}
+.b-popover-danger.bs-popover-top > .arrow::after,
+.b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::after {
+ border-top-color: #f8d7da;
+}
+.b-popover-danger.bs-popover-right > .arrow::before,
+.b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::before {
+ border-right-color: #f5c6cb;
+}
+.b-popover-danger.bs-popover-right > .arrow::after,
+.b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::after {
+ border-right-color: #f8d7da;
+}
+.b-popover-danger.bs-popover-bottom > .arrow::before,
+.b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::before {
+ border-bottom-color: #f5c6cb;
+}
+.b-popover-danger.bs-popover-bottom > .arrow::after,
+.b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::after {
+ border-bottom-color: #f6cace;
+}
+.b-popover-danger.bs-popover-bottom .popover-header::before,
+.b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header::before {
+ border-bottom-color: #f6cace;
+}
+.b-popover-danger.bs-popover-left > .arrow::before,
+.b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::before {
+ border-left-color: #f5c6cb;
+}
+.b-popover-danger.bs-popover-left > .arrow::after,
+.b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::after {
+ border-left-color: #f8d7da;
+}
+.b-popover-danger .popover-header {
+ color: #212529;
+ background-color: #f6cace;
+ border-bottom-color: #f2b4ba;
+}
+.b-popover-danger .popover-body {
+ color: #721c24;
+}
+.b-popover-light.popover {
+ background-color: #fefefe;
+ border-color: #fdfdfe;
+}
+.b-popover-light.bs-popover-top > .arrow::before,
+.b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::before {
+ border-top-color: #fdfdfe;
+}
+.b-popover-light.bs-popover-top > .arrow::after,
+.b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::after {
+ border-top-color: #fefefe;
+}
+.b-popover-light.bs-popover-right > .arrow::before,
+.b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::before {
+ border-right-color: #fdfdfe;
+}
+.b-popover-light.bs-popover-right > .arrow::after,
+.b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::after {
+ border-right-color: #fefefe;
+}
+.b-popover-light.bs-popover-bottom > .arrow::before,
+.b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::before {
+ border-bottom-color: #fdfdfe;
+}
+.b-popover-light.bs-popover-bottom > .arrow::after,
+.b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::after {
+ border-bottom-color: #f6f6f6;
+}
+.b-popover-light.bs-popover-bottom .popover-header::before,
+.b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header::before {
+ border-bottom-color: #f6f6f6;
+}
+.b-popover-light.bs-popover-left > .arrow::before,
+.b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::before {
+ border-left-color: #fdfdfe;
+}
+.b-popover-light.bs-popover-left > .arrow::after,
+.b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::after {
+ border-left-color: #fefefe;
+}
+.b-popover-light .popover-header {
+ color: #212529;
+ background-color: #f6f6f6;
+ border-bottom-color: #eaeaea;
+}
+.b-popover-light .popover-body {
+ color: #818182;
+}
+.b-popover-dark.popover {
+ background-color: #d6d8d9;
+ border-color: #c6c8ca;
+}
+.b-popover-dark.bs-popover-top > .arrow::before,
+.b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::before {
+ border-top-color: #c6c8ca;
+}
+.b-popover-dark.bs-popover-top > .arrow::after,
+.b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::after {
+ border-top-color: #d6d8d9;
+}
+.b-popover-dark.bs-popover-right > .arrow::before,
+.b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::before {
+ border-right-color: #c6c8ca;
+}
+.b-popover-dark.bs-popover-right > .arrow::after,
+.b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::after {
+ border-right-color: #d6d8d9;
+}
+.b-popover-dark.bs-popover-bottom > .arrow::before,
+.b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::before {
+ border-bottom-color: #c6c8ca;
+}
+.b-popover-dark.bs-popover-bottom > .arrow::after,
+.b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::after {
+ border-bottom-color: #ced0d2;
+}
+.b-popover-dark.bs-popover-bottom .popover-header::before,
+.b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header::before {
+ border-bottom-color: #ced0d2;
+}
+.b-popover-dark.bs-popover-left > .arrow::before,
+.b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::before {
+ border-left-color: #c6c8ca;
+}
+.b-popover-dark.bs-popover-left > .arrow::after,
+.b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::after {
+ border-left-color: #d6d8d9;
+}
+.b-popover-dark .popover-header {
+ color: #212529;
+ background-color: #ced0d2;
+ border-bottom-color: #c1c4c5;
+}
+.b-popover-dark .popover-body {
+ color: #1b1e21;
+}
+.b-sidebar-outer {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 0;
+ overflow: visible;
+ z-index: calc(1030 + 5);
+}
+.b-sidebar-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ width: 100vw;
+ height: 100vh;
+ opacity: 0.6;
+}
+.b-sidebar {
+ display: flex;
+ flex-direction: column;
+ position: fixed;
+ top: 0;
+ width: 320px;
+ max-width: 100%;
+ height: 100vh;
+ max-height: 100%;
+ margin: 0;
+ outline: 0;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+}
+.b-sidebar.slide {
+ transition: -webkit-transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-sidebar.slide {
+ transition: none;
+ }
+}
+.b-sidebar:not(.b-sidebar-right) {
+ left: 0;
+ right: auto;
+}
+.b-sidebar:not(.b-sidebar-right).slide:not(.show) {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+.b-sidebar:not(.b-sidebar-right) > .b-sidebar-header .close {
+ margin-left: auto;
+}
+.b-sidebar.b-sidebar-right {
+ left: auto;
+ right: 0;
+}
+.b-sidebar.b-sidebar-right.slide:not(.show) {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+.b-sidebar.b-sidebar-right > .b-sidebar-header .close {
+ margin-right: auto;
+}
+.b-sidebar > .b-sidebar-header {
+ font-size: 1.5rem;
+ padding: 0.5rem 1rem;
+ display: flex;
+ flex-direction: row;
+ flex-grow: 0;
+ align-items: center;
+}
+[dir=rtl] .b-sidebar > .b-sidebar-header {
+ flex-direction: row-reverse;
+}
+.b-sidebar > .b-sidebar-header .close {
+ float: none;
+ font-size: 1.5rem;
+}
+.b-sidebar > .b-sidebar-body {
+ flex-grow: 1;
+ height: 100%;
+ overflow-y: auto;
+}
+.b-sidebar > .b-sidebar-footer {
+ flex-grow: 0;
+}
+.b-skeleton-wrapper {
+ cursor: wait;
+}
+.b-skeleton {
+ position: relative;
+ overflow: hidden;
+ background-color: rgba(0, 0, 0, 0.12);
+ cursor: wait;
+ -webkit-mask-image: radial-gradient(white, black);
+ mask-image: radial-gradient(white, black);
+}
+.b-skeleton::before {
+ content: " ";
+}
+.b-skeleton-text {
+ height: 1rem;
+ margin-bottom: 0.25rem;
+ border-radius: 0.25rem;
+}
+.b-skeleton-button {
+ width: 75px;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ border-radius: 0.25rem;
+}
+.b-skeleton-avatar {
+ width: 2.5em;
+ height: 2.5em;
+ border-radius: 50%;
+}
+.b-skeleton-input {
+ height: calc(1.5em + 0.75rem + 2px);
+ padding: 0.375rem 0.75rem;
+ line-height: 1.5;
+ border: #ced4da solid 1px;
+ border-radius: 0.25rem;
+}
+.b-skeleton-icon-wrapper svg {
+ color: rgba(0, 0, 0, 0.12);
+}
+.b-skeleton-img {
+ height: 100%;
+ width: 100%;
+}
+.b-skeleton-animate-wave::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 0;
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
+ -webkit-animation: b-skeleton-animate-wave 1.75s linear infinite;
+ animation: b-skeleton-animate-wave 1.75s linear infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-skeleton-animate-wave::after {
+ background: none;
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+@-webkit-keyframes b-skeleton-animate-wave {
+ from {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+ to {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@keyframes b-skeleton-animate-wave {
+ from {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+ to {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+.b-skeleton-animate-fade {
+ -webkit-animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite;
+ animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-skeleton-animate-fade {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+@-webkit-keyframes b-skeleton-animate-fade {
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0.4;
+ }
+}
+@keyframes b-skeleton-animate-fade {
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0.4;
+ }
+}
+.b-skeleton-animate-throb {
+ -webkit-animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite;
+ animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-skeleton-animate-throb {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+@-webkit-keyframes b-skeleton-animate-throb {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(0.975);
+ transform: scale(0.975);
+ }
+}
+@keyframes b-skeleton-animate-throb {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(0.975);
+ transform: scale(0.975);
+ }
+}
+.table.b-table.b-table-fixed {
+ table-layout: fixed;
+}
+.table.b-table.b-table-no-border-collapse {
+ border-collapse: separate;
+ border-spacing: 0;
+}
+.table.b-table[aria-busy=true] {
+ opacity: 0.55;
+}
+.table.b-table > tbody > tr.b-table-details > td {
+ border-top: none !important;
+}
+.table.b-table > caption {
+ caption-side: bottom;
+}
+.table.b-table.b-table-caption-top > caption {
+ caption-side: top !important;
+}
+.table.b-table > tbody > .table-active,
+.table.b-table > tbody > .table-active > th,
+.table.b-table > tbody > .table-active > td {
+ background-color: rgba(0, 0, 0, 0.075);
+}
+.table.b-table.table-hover > tbody > tr.table-active:hover td,
+.table.b-table.table-hover > tbody > tr.table-active:hover th {
+ color: #212529;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
+ background-repeat: no-repeat;
+}
+.table.b-table > tbody > .bg-active,
+.table.b-table > tbody > .bg-active > th,
+.table.b-table > tbody > .bg-active > td {
+ background-color: rgba(255, 255, 255, 0.075) !important;
+}
+.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover td,
+.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover th {
+ color: #fff;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
+ background-repeat: no-repeat;
+}
+.b-table-sticky-header,
+.table-responsive,
+[class*=table-responsive-] {
+ margin-bottom: 1rem;
+}
+.b-table-sticky-header > .table,
+.table-responsive > .table,
+[class*=table-responsive-] > .table {
+ margin-bottom: 0;
+}
+.b-table-sticky-header {
+ overflow-y: auto;
+ max-height: 300px;
+}
+@media print {
+ .b-table-sticky-header {
+ overflow-y: visible !important;
+ max-height: none !important;
+ }
+}
+@supports ((position: -webkit-sticky) or (position: sticky)) {
+ .b-table-sticky-header > .table.b-table > thead > tr > th {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 2;
+ }
+ .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
+ .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
+ .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
+ .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
+ .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
+ .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
+ [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column,
+ [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column,
+ [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column {
+ position: -webkit-sticky;
+ position: sticky;
+ left: 0;
+ }
+ .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
+ .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
+ [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column {
+ z-index: 5;
+ }
+ .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
+ .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
+ .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
+ .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
+ [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column,
+ [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column {
+ z-index: 2;
+ }
+ .table.b-table > thead > tr > .table-b-table-default,
+ .table.b-table > tbody > tr > .table-b-table-default,
+ .table.b-table > tfoot > tr > .table-b-table-default {
+ color: #212529;
+ background-color: #fff;
+ }
+ .table.b-table.table-dark > thead > tr > .bg-b-table-default,
+ .table.b-table.table-dark > tbody > tr > .bg-b-table-default,
+ .table.b-table.table-dark > tfoot > tr > .bg-b-table-default {
+ color: #fff;
+ background-color: #343a40;
+ }
+ .table.b-table.table-striped > tbody > tr:nth-of-type(odd) > .table-b-table-default {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
+ background-repeat: no-repeat;
+ }
+ .table.b-table.table-striped.table-dark > tbody > tr:nth-of-type(odd) > .bg-b-table-default {
+ background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
+ background-repeat: no-repeat;
+ }
+ .table.b-table.table-hover > tbody > tr:hover > .table-b-table-default {
+ color: #212529;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
+ background-repeat: no-repeat;
+ }
+ .table.b-table.table-hover.table-dark > tbody > tr:hover > .bg-b-table-default {
+ color: #fff;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
+ background-repeat: no-repeat;
+ }
+}
+.table.b-table > thead > tr > [aria-sort],
+.table.b-table > tfoot > tr > [aria-sort] {
+ cursor: pointer;
+ background-image: none;
+ background-repeat: no-repeat;
+ background-size: 0.65em 1em;
+}
+.table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
+.table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
+ background-position: right calc(0.75rem / 2) center;
+ padding-right: calc(0.75rem + 0.65em);
+}
+.table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left,
+.table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left {
+ background-position: left calc(0.75rem / 2) center;
+ padding-left: calc(0.75rem + 0.65em);
+}
+.table.b-table > thead > tr > [aria-sort=none],
+.table.b-table > tfoot > tr > [aria-sort=none] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
+}
+.table.b-table > thead > tr > [aria-sort=ascending],
+.table.b-table > tfoot > tr > [aria-sort=ascending] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
+}
+.table.b-table > thead > tr > [aria-sort=descending],
+.table.b-table > tfoot > tr > [aria-sort=descending] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
+}
+.table.b-table.table-dark > thead > tr > [aria-sort=none],
+.table.b-table.table-dark > tfoot > tr > [aria-sort=none],
+.table.b-table > .thead-dark > tr > [aria-sort=none] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
+}
+.table.b-table.table-dark > thead > tr > [aria-sort=ascending],
+.table.b-table.table-dark > tfoot > tr > [aria-sort=ascending],
+.table.b-table > .thead-dark > tr > [aria-sort=ascending] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
+}
+.table.b-table.table-dark > thead > tr > [aria-sort=descending],
+.table.b-table.table-dark > tfoot > tr > [aria-sort=descending],
+.table.b-table > .thead-dark > tr > [aria-sort=descending] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
+}
+.table.b-table > thead > tr > .table-dark[aria-sort=none],
+.table.b-table > tfoot > tr > .table-dark[aria-sort=none] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
+}
+.table.b-table > thead > tr > .table-dark[aria-sort=ascending],
+.table.b-table > tfoot > tr > .table-dark[aria-sort=ascending] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
+}
+.table.b-table > thead > tr > .table-dark[aria-sort=descending],
+.table.b-table > tfoot > tr > .table-dark[aria-sort=descending] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
+}
+.table.b-table.table-sm > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
+.table.b-table.table-sm > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
+ background-position: right calc(0.3rem / 2) center;
+ padding-right: calc(0.3rem + 0.65em);
+}
+.table.b-table.table-sm > thead > tr > [aria-sort].b-table-sort-icon-left,
+.table.b-table.table-sm > tfoot > tr > [aria-sort].b-table-sort-icon-left {
+ background-position: left calc(0.3rem / 2) center;
+ padding-left: calc(0.3rem + 0.65em);
+}
+.table.b-table.b-table-selectable:not(.b-table-selectable-no-click) > tbody > tr {
+ cursor: pointer;
+}
+.table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range > tbody > tr {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+@media (max-width: 575.98px) {
+ .table.b-table.b-table-stacked-sm {
+ display: block;
+ width: 100%;
+ }
+ .table.b-table.b-table-stacked-sm > caption,
+ .table.b-table.b-table-stacked-sm > tbody,
+ .table.b-table.b-table-stacked-sm > tbody > tr,
+ .table.b-table.b-table-stacked-sm > tbody > tr > td,
+ .table.b-table.b-table-stacked-sm > tbody > tr > th {
+ display: block;
+ }
+ .table.b-table.b-table-stacked-sm > thead,
+ .table.b-table.b-table-stacked-sm > tfoot {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row,
+ .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row,
+ .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row,
+ .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-sm > caption {
+ caption-side: top !important;
+ }
+ .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before {
+ content: attr(data-label);
+ width: 40%;
+ float: left;
+ text-align: right;
+ overflow-wrap: break-word;
+ font-weight: bold;
+ font-style: normal;
+ padding: 0 calc(1rem / 2) 0 0;
+ margin: 0;
+ }
+ .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::after {
+ display: block;
+ clear: both;
+ content: "";
+ }
+ .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div {
+ display: inline-block;
+ width: calc(100% - 40%);
+ padding: 0 0 0 calc(1rem / 2);
+ margin: 0;
+ }
+ .table.b-table.b-table-stacked-sm > tbody > tr.top-row,
+ .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
+ border-top-width: 3px;
+ }
+ .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + td,
+ .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + th {
+ border-top-width: 3px;
+ }
+}
+@media (max-width: 767.98px) {
+ .table.b-table.b-table-stacked-md {
+ display: block;
+ width: 100%;
+ }
+ .table.b-table.b-table-stacked-md > caption,
+ .table.b-table.b-table-stacked-md > tbody,
+ .table.b-table.b-table-stacked-md > tbody > tr,
+ .table.b-table.b-table-stacked-md > tbody > tr > td,
+ .table.b-table.b-table-stacked-md > tbody > tr > th {
+ display: block;
+ }
+ .table.b-table.b-table-stacked-md > thead,
+ .table.b-table.b-table-stacked-md > tfoot {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row,
+ .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row,
+ .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row,
+ .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-md > caption {
+ caption-side: top !important;
+ }
+ .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before {
+ content: attr(data-label);
+ width: 40%;
+ float: left;
+ text-align: right;
+ overflow-wrap: break-word;
+ font-weight: bold;
+ font-style: normal;
+ padding: 0 calc(1rem / 2) 0 0;
+ margin: 0;
+ }
+ .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::after {
+ display: block;
+ clear: both;
+ content: "";
+ }
+ .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
+ display: inline-block;
+ width: calc(100% - 40%);
+ padding: 0 0 0 calc(1rem / 2);
+ margin: 0;
+ }
+ .table.b-table.b-table-stacked-md > tbody > tr.top-row,
+ .table.b-table.b-table-stacked-md > tbody > tr.bottom-row {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-md > tbody > tr > :first-child {
+ border-top-width: 3px;
+ }
+ .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td,
+ .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th {
+ border-top-width: 3px;
+ }
+}
+@media (max-width: 991.98px) {
+ .table.b-table.b-table-stacked-lg {
+ display: block;
+ width: 100%;
+ }
+ .table.b-table.b-table-stacked-lg > caption,
+ .table.b-table.b-table-stacked-lg > tbody,
+ .table.b-table.b-table-stacked-lg > tbody > tr,
+ .table.b-table.b-table-stacked-lg > tbody > tr > td,
+ .table.b-table.b-table-stacked-lg > tbody > tr > th {
+ display: block;
+ }
+ .table.b-table.b-table-stacked-lg > thead,
+ .table.b-table.b-table-stacked-lg > tfoot {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row,
+ .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row,
+ .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row,
+ .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-lg > caption {
+ caption-side: top !important;
+ }
+ .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before {
+ content: attr(data-label);
+ width: 40%;
+ float: left;
+ text-align: right;
+ overflow-wrap: break-word;
+ font-weight: bold;
+ font-style: normal;
+ padding: 0 calc(1rem / 2) 0 0;
+ margin: 0;
+ }
+ .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::after {
+ display: block;
+ clear: both;
+ content: "";
+ }
+ .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div {
+ display: inline-block;
+ width: calc(100% - 40%);
+ padding: 0 0 0 calc(1rem / 2);
+ margin: 0;
+ }
+ .table.b-table.b-table-stacked-lg > tbody > tr.top-row,
+ .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-lg > tbody > tr > :first-child {
+ border-top-width: 3px;
+ }
+ .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + td,
+ .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + th {
+ border-top-width: 3px;
+ }
+}
+@media (max-width: 1199.98px) {
+ .table.b-table.b-table-stacked-xl {
+ display: block;
+ width: 100%;
+ }
+ .table.b-table.b-table-stacked-xl > caption,
+ .table.b-table.b-table-stacked-xl > tbody,
+ .table.b-table.b-table-stacked-xl > tbody > tr,
+ .table.b-table.b-table-stacked-xl > tbody > tr > td,
+ .table.b-table.b-table-stacked-xl > tbody > tr > th {
+ display: block;
+ }
+ .table.b-table.b-table-stacked-xl > thead,
+ .table.b-table.b-table-stacked-xl > tfoot {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row,
+ .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row,
+ .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row,
+ .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-xl > caption {
+ caption-side: top !important;
+ }
+ .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before {
+ content: attr(data-label);
+ width: 40%;
+ float: left;
+ text-align: right;
+ overflow-wrap: break-word;
+ font-weight: bold;
+ font-style: normal;
+ padding: 0 calc(1rem / 2) 0 0;
+ margin: 0;
+ }
+ .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::after {
+ display: block;
+ clear: both;
+ content: "";
+ }
+ .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div {
+ display: inline-block;
+ width: calc(100% - 40%);
+ padding: 0 0 0 calc(1rem / 2);
+ margin: 0;
+ }
+ .table.b-table.b-table-stacked-xl > tbody > tr.top-row,
+ .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row {
+ display: none;
+ }
+ .table.b-table.b-table-stacked-xl > tbody > tr > :first-child {
+ border-top-width: 3px;
+ }
+ .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + td,
+ .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + th {
+ border-top-width: 3px;
+ }
+}
+.table.b-table.b-table-stacked {
+ display: block;
+ width: 100%;
+}
+.table.b-table.b-table-stacked > caption,
+.table.b-table.b-table-stacked > tbody,
+.table.b-table.b-table-stacked > tbody > tr,
+.table.b-table.b-table-stacked > tbody > tr > td,
+.table.b-table.b-table-stacked > tbody > tr > th {
+ display: block;
+}
+.table.b-table.b-table-stacked > thead,
+.table.b-table.b-table-stacked > tfoot {
+ display: none;
+}
+.table.b-table.b-table-stacked > thead > tr.b-table-top-row,
+.table.b-table.b-table-stacked > thead > tr.b-table-bottom-row,
+.table.b-table.b-table-stacked > tfoot > tr.b-table-top-row,
+.table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row {
+ display: none;
+}
+.table.b-table.b-table-stacked > caption {
+ caption-side: top !important;
+}
+.table.b-table.b-table-stacked > tbody > tr > [data-label]::before {
+ content: attr(data-label);
+ width: 40%;
+ float: left;
+ text-align: right;
+ overflow-wrap: break-word;
+ font-weight: bold;
+ font-style: normal;
+ padding: 0 calc(1rem / 2) 0 0;
+ margin: 0;
+}
+.table.b-table.b-table-stacked > tbody > tr > [data-label]::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+.table.b-table.b-table-stacked > tbody > tr > [data-label] > div {
+ display: inline-block;
+ width: calc(100% - 40%);
+ padding: 0 0 0 calc(1rem / 2);
+ margin: 0;
+}
+.table.b-table.b-table-stacked > tbody > tr.top-row,
+.table.b-table.b-table-stacked > tbody > tr.bottom-row {
+ display: none;
+}
+.table.b-table.b-table-stacked > tbody > tr > :first-child {
+ border-top-width: 3px;
+}
+.table.b-table.b-table-stacked > tbody > tr > [rowspan] + td,
+.table.b-table.b-table-stacked > tbody > tr > [rowspan] + th {
+ border-top-width: 3px;
+}
+.b-time {
+ min-width: 150px;
+}
+.b-time[aria-disabled=true] output,
+.b-time[aria-readonly=true] output,
+.b-time output.disabled {
+ background-color: #e9ecef;
+ opacity: 1;
+}
+.b-time[aria-disabled=true] output {
+ pointer-events: none;
+}
+[dir=rtl] .b-time > .d-flex:not(.flex-column) {
+ flex-direction: row-reverse;
+}
+.b-time .b-time-header {
+ margin-bottom: 0.5rem;
+}
+.b-time .b-time-header output {
+ padding: 0.25rem;
+ font-size: 80%;
+}
+.b-time .b-time-footer {
+ margin-top: 0.5rem;
+}
+.b-time .b-time-ampm {
+ margin-left: 0.5rem;
+}
+.b-toast {
+ display: block;
+ position: relative;
+ max-width: 350px;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ background-clip: padding-box;
+ z-index: 1;
+ border-radius: 0.25rem;
+}
+.b-toast .toast {
+ background-color: rgba(255, 255, 255, 0.85);
+}
+.b-toast:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+.b-toast.b-toast-solid .toast {
+ background-color: white;
+}
+.b-toast .toast {
+ opacity: 1;
+}
+.b-toast .toast.fade:not(.show) {
+ opacity: 0;
+}
+.b-toast .toast .toast-body {
+ display: block;
+}
+.b-toast-primary .toast {
+ background-color: rgba(230, 242, 255, 0.85);
+ border-color: rgba(184, 218, 255, 0.85);
+ color: #004085;
+}
+.b-toast-primary .toast .toast-header {
+ color: #004085;
+ background-color: rgba(204, 229, 255, 0.85);
+ border-bottom-color: rgba(184, 218, 255, 0.85);
+}
+.b-toast-primary.b-toast-solid .toast {
+ background-color: #e6f2ff;
+}
+.b-toast-secondary .toast {
+ background-color: rgba(239, 240, 241, 0.85);
+ border-color: rgba(214, 216, 219, 0.85);
+ color: #383d41;
+}
+.b-toast-secondary .toast .toast-header {
+ color: #383d41;
+ background-color: rgba(226, 227, 229, 0.85);
+ border-bottom-color: rgba(214, 216, 219, 0.85);
+}
+.b-toast-secondary.b-toast-solid .toast {
+ background-color: #eff0f1;
+}
+.b-toast-success .toast {
+ background-color: rgba(230, 245, 233, 0.85);
+ border-color: rgba(195, 230, 203, 0.85);
+ color: #155724;
+}
+.b-toast-success .toast .toast-header {
+ color: #155724;
+ background-color: rgba(212, 237, 218, 0.85);
+ border-bottom-color: rgba(195, 230, 203, 0.85);
+}
+.b-toast-success.b-toast-solid .toast {
+ background-color: #e6f5e9;
+}
+.b-toast-info .toast {
+ background-color: rgba(229, 244, 247, 0.85);
+ border-color: rgba(190, 229, 235, 0.85);
+ color: #0c5460;
+}
+.b-toast-info .toast .toast-header {
+ color: #0c5460;
+ background-color: rgba(209, 236, 241, 0.85);
+ border-bottom-color: rgba(190, 229, 235, 0.85);
+}
+.b-toast-info.b-toast-solid .toast {
+ background-color: #e5f4f7;
+}
+.b-toast-warning .toast {
+ background-color: rgba(255, 249, 231, 0.85);
+ border-color: rgba(255, 238, 186, 0.85);
+ color: #856404;
+}
+.b-toast-warning .toast .toast-header {
+ color: #856404;
+ background-color: rgba(255, 243, 205, 0.85);
+ border-bottom-color: rgba(255, 238, 186, 0.85);
+}
+.b-toast-warning.b-toast-solid .toast {
+ background-color: #fff9e7;
+}
+.b-toast-danger .toast {
+ background-color: rgba(252, 237, 238, 0.85);
+ border-color: rgba(245, 198, 203, 0.85);
+ color: #721c24;
+}
+.b-toast-danger .toast .toast-header {
+ color: #721c24;
+ background-color: rgba(248, 215, 218, 0.85);
+ border-bottom-color: rgba(245, 198, 203, 0.85);
+}
+.b-toast-danger.b-toast-solid .toast {
+ background-color: #fcedee;
+}
+.b-toast-light .toast {
+ background-color: rgba(255, 255, 255, 0.85);
+ border-color: rgba(253, 253, 254, 0.85);
+ color: #818182;
+}
+.b-toast-light .toast .toast-header {
+ color: #818182;
+ background-color: rgba(254, 254, 254, 0.85);
+ border-bottom-color: rgba(253, 253, 254, 0.85);
+}
+.b-toast-light.b-toast-solid .toast {
+ background-color: white;
+}
+.b-toast-dark .toast {
+ background-color: rgba(227, 229, 229, 0.85);
+ border-color: rgba(198, 200, 202, 0.85);
+ color: #1b1e21;
+}
+.b-toast-dark .toast .toast-header {
+ color: #1b1e21;
+ background-color: rgba(214, 216, 217, 0.85);
+ border-bottom-color: rgba(198, 200, 202, 0.85);
+}
+.b-toast-dark.b-toast-solid .toast {
+ background-color: #e3e5e5;
+}
+.b-toaster {
+ z-index: 1100;
+}
+.b-toaster .b-toaster-slot {
+ position: relative;
+ display: block;
+}
+.b-toaster .b-toaster-slot:empty {
+ display: none !important;
+}
+.b-toaster.b-toaster-top-right,
+.b-toaster.b-toaster-top-left,
+.b-toaster.b-toaster-top-center,
+.b-toaster.b-toaster-top-full,
+.b-toaster.b-toaster-bottom-right,
+.b-toaster.b-toaster-bottom-left,
+.b-toaster.b-toaster-bottom-center,
+.b-toaster.b-toaster-bottom-full {
+ position: fixed;
+ left: 0.5rem;
+ right: 0.5rem;
+ margin: 0;
+ padding: 0;
+ height: 0;
+ overflow: visible;
+}
+.b-toaster.b-toaster-top-right .b-toaster-slot,
+.b-toaster.b-toaster-top-left .b-toaster-slot,
+.b-toaster.b-toaster-top-center .b-toaster-slot,
+.b-toaster.b-toaster-top-full .b-toaster-slot,
+.b-toaster.b-toaster-bottom-right .b-toaster-slot,
+.b-toaster.b-toaster-bottom-left .b-toaster-slot,
+.b-toaster.b-toaster-bottom-center .b-toaster-slot,
+.b-toaster.b-toaster-bottom-full .b-toaster-slot {
+ position: absolute;
+ max-width: 350px;
+ width: 100%;
+ /* IE 11 fix */
+ left: 0;
+ right: 0;
+ padding: 0;
+ margin: 0;
+}
+.b-toaster.b-toaster-top-full .b-toaster-slot,
+.b-toaster.b-toaster-bottom-full .b-toaster-slot {
+ width: 100%;
+ max-width: 100%;
+}
+.b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,
+.b-toaster.b-toaster-top-full .b-toaster-slot .toast,
+.b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,
+.b-toaster.b-toaster-bottom-full .b-toaster-slot .toast {
+ width: 100%;
+ max-width: 100%;
+}
+.b-toaster.b-toaster-top-right,
+.b-toaster.b-toaster-top-left,
+.b-toaster.b-toaster-top-center,
+.b-toaster.b-toaster-top-full {
+ top: 0;
+}
+.b-toaster.b-toaster-top-right .b-toaster-slot,
+.b-toaster.b-toaster-top-left .b-toaster-slot,
+.b-toaster.b-toaster-top-center .b-toaster-slot,
+.b-toaster.b-toaster-top-full .b-toaster-slot {
+ top: 0.5rem;
+}
+.b-toaster.b-toaster-bottom-right,
+.b-toaster.b-toaster-bottom-left,
+.b-toaster.b-toaster-bottom-center,
+.b-toaster.b-toaster-bottom-full {
+ bottom: 0;
+}
+.b-toaster.b-toaster-bottom-right .b-toaster-slot,
+.b-toaster.b-toaster-bottom-left .b-toaster-slot,
+.b-toaster.b-toaster-bottom-center .b-toaster-slot,
+.b-toaster.b-toaster-bottom-full .b-toaster-slot {
+ bottom: 0.5rem;
+}
+.b-toaster.b-toaster-top-right .b-toaster-slot,
+.b-toaster.b-toaster-bottom-right .b-toaster-slot,
+.b-toaster.b-toaster-top-center .b-toaster-slot,
+.b-toaster.b-toaster-bottom-center .b-toaster-slot {
+ margin-left: auto;
+}
+.b-toaster.b-toaster-top-left .b-toaster-slot,
+.b-toaster.b-toaster-bottom-left .b-toaster-slot,
+.b-toaster.b-toaster-top-center .b-toaster-slot,
+.b-toaster.b-toaster-bottom-center .b-toaster-slot {
+ margin-right: auto;
+}
+.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active,
+.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
+.b-toaster.b-toaster-top-right .b-toast.b-toaster-move,
+.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active,
+.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
+.b-toaster.b-toaster-top-left .b-toast.b-toaster-move,
+.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active,
+.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
+.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move,
+.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active,
+.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,
+.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move {
+ transition: -webkit-transform 0.175s;
+ transition: transform 0.175s;
+ transition: transform 0.175s, -webkit-transform 0.175s;
+}
+.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade,
+.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade,
+.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade,
+.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade,
+.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade,
+.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade,
+.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade,
+.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade {
+ transition-delay: 0.175s;
+}
+.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
+.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
+.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
+.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active {
+ position: absolute;
+ transition-delay: 0.175s;
+}
+.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade,
+.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade,
+.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade,
+.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade {
+ transition-delay: 0s;
+}
+.tooltip.b-tooltip {
+ display: block;
+ opacity: 1;
+ outline: 0;
+ transition: opacity 0.1s var(--appleEase);
+}
+.tooltip.b-tooltip.fade:not(.show) {
+ opacity: 0;
+}
+.tooltip.b-tooltip.show {
+ opacity: 0.9;
+}
+.tooltip.b-tooltip.noninteractive {
+ pointer-events: none;
+}
+.tooltip.b-tooltip .arrow {
+ margin: 0 0.25rem;
+}
+.tooltip.b-tooltip.bs-tooltip-right .arrow,
+.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow,
+.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow,
+.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow,
+.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow,
+.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow,
+.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow,
+.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow,
+.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow,
+.tooltip.b-tooltip.bs-tooltip-left .arrow,
+.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow,
+.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow,
+.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow,
+.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow,
+.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow,
+.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow,
+.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow,
+.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow {
+ margin: 0.25rem 0;
+}
+.tooltip.b-tooltip-primary.bs-tooltip-top .arrow::before,
+.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before {
+ border-top-color: #007bff;
+}
+.tooltip.b-tooltip-primary.bs-tooltip-right .arrow::before,
+.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before {
+ border-right-color: #007bff;
+}
+.tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow::before,
+.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
+ border-bottom-color: #007bff;
+}
+.tooltip.b-tooltip-primary.bs-tooltip-left .arrow::before,
+.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before {
+ border-left-color: #007bff;
+}
+.tooltip.b-tooltip-primary .tooltip-inner {
+ color: #fff;
+ background-color: #007bff;
+}
+.tooltip.b-tooltip-secondary.bs-tooltip-top .arrow::before,
+.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow::before {
+ border-top-color: #6c757d;
+}
+.tooltip.b-tooltip-secondary.bs-tooltip-right .arrow::before,
+.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow::before {
+ border-right-color: #6c757d;
+}
+.tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow::before,
+.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
+ border-bottom-color: #6c757d;
+}
+.tooltip.b-tooltip-secondary.bs-tooltip-left .arrow::before,
+.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow::before {
+ border-left-color: #6c757d;
+}
+.tooltip.b-tooltip-secondary .tooltip-inner {
+ color: #fff;
+ background-color: #6c757d;
+}
+.tooltip.b-tooltip-success.bs-tooltip-top .arrow::before,
+.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow::before {
+ border-top-color: #28a745;
+}
+.tooltip.b-tooltip-success.bs-tooltip-right .arrow::before,
+.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow::before {
+ border-right-color: #28a745;
+}
+.tooltip.b-tooltip-success.bs-tooltip-bottom .arrow::before,
+.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
+ border-bottom-color: #28a745;
+}
+.tooltip.b-tooltip-success.bs-tooltip-left .arrow::before,
+.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow::before {
+ border-left-color: #28a745;
+}
+.tooltip.b-tooltip-success .tooltip-inner {
+ color: #fff;
+ background-color: #28a745;
+}
+.tooltip.b-tooltip-info.bs-tooltip-top .arrow::before,
+.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow::before {
+ border-top-color: #17a2b8;
+}
+.tooltip.b-tooltip-info.bs-tooltip-right .arrow::before,
+.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow::before {
+ border-right-color: #17a2b8;
+}
+.tooltip.b-tooltip-info.bs-tooltip-bottom .arrow::before,
+.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
+ border-bottom-color: #17a2b8;
+}
+.tooltip.b-tooltip-info.bs-tooltip-left .arrow::before,
+.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow::before {
+ border-left-color: #17a2b8;
+}
+.tooltip.b-tooltip-info .tooltip-inner {
+ color: #fff;
+ background-color: #17a2b8;
+}
+.tooltip.b-tooltip-warning.bs-tooltip-top .arrow::before,
+.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before {
+ border-top-color: #ffc107;
+}
+.tooltip.b-tooltip-warning.bs-tooltip-right .arrow::before,
+.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before {
+ border-right-color: #ffc107;
+}
+.tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow::before,
+.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
+ border-bottom-color: #ffc107;
+}
+.tooltip.b-tooltip-warning.bs-tooltip-left .arrow::before,
+.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before {
+ border-left-color: #ffc107;
+}
+.tooltip.b-tooltip-warning .tooltip-inner {
+ color: #212529;
+ background-color: #ffc107;
+}
+.tooltip.b-tooltip-danger.bs-tooltip-top .arrow::before,
+.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before {
+ border-top-color: #dc3545;
+}
+.tooltip.b-tooltip-danger.bs-tooltip-right .arrow::before,
+.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before {
+ border-right-color: #dc3545;
+}
+.tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow::before,
+.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
+ border-bottom-color: #dc3545;
+}
+.tooltip.b-tooltip-danger.bs-tooltip-left .arrow::before,
+.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow::before {
+ border-left-color: #dc3545;
+}
+.tooltip.b-tooltip-danger .tooltip-inner {
+ color: #fff;
+ background-color: #dc3545;
+}
+.tooltip.b-tooltip-light.bs-tooltip-top .arrow::before,
+.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before {
+ border-top-color: #f8f9fa;
+}
+.tooltip.b-tooltip-light.bs-tooltip-right .arrow::before,
+.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before {
+ border-right-color: #f8f9fa;
+}
+.tooltip.b-tooltip-light.bs-tooltip-bottom .arrow::before,
+.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
+ border-bottom-color: #f8f9fa;
+}
+.tooltip.b-tooltip-light.bs-tooltip-left .arrow::before,
+.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before {
+ border-left-color: #f8f9fa;
+}
+.tooltip.b-tooltip-light .tooltip-inner {
+ color: #212529;
+ background-color: #f8f9fa;
+}
+.tooltip.b-tooltip-dark.bs-tooltip-top .arrow::before,
+.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow::before {
+ border-top-color: #343a40;
+}
+.tooltip.b-tooltip-dark.bs-tooltip-right .arrow::before,
+.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow::before {
+ border-right-color: #343a40;
+}
+.tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow::before,
+.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
+ border-bottom-color: #343a40;
+}
+.tooltip.b-tooltip-dark.bs-tooltip-left .arrow::before,
+.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow::before {
+ border-left-color: #343a40;
+}
+.tooltip.b-tooltip-dark .tooltip-inner {
+ color: #fff;
+ background-color: #343a40;
+}
+.b-icon.bi {
+ display: inline-block;
+ overflow: visible;
+ vertical-align: -0.15em;
+}
+.b-icon.b-icon-animation-cylon,
+.b-icon.b-iconstack .b-icon-animation-cylon > g {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
+ animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-icon.b-icon-animation-cylon,
+ .b-icon.b-iconstack .b-icon-animation-cylon > g {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+.b-icon.b-icon-animation-cylon-vertical,
+.b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;
+ animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-icon.b-icon-animation-cylon-vertical,
+ .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+.b-icon.b-icon-animation-fade,
+.b-icon.b-iconstack .b-icon-animation-fade > g {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;
+ animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-icon.b-icon-animation-fade,
+ .b-icon.b-iconstack .b-icon-animation-fade > g {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+.b-icon.b-icon-animation-spin,
+.b-icon.b-iconstack .b-icon-animation-spin > g {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-animation: 2s infinite linear normal b-icon-animation-spin;
+ animation: 2s infinite linear normal b-icon-animation-spin;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-icon.b-icon-animation-spin,
+ .b-icon.b-iconstack .b-icon-animation-spin > g {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+.b-icon.b-icon-animation-spin-reverse,
+.b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ animation: 2s infinite linear reverse b-icon-animation-spin;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-icon.b-icon-animation-spin-reverse,
+ .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+.b-icon.b-icon-animation-spin-pulse,
+.b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-animation: 1s infinite steps(8) normal b-icon-animation-spin;
+ animation: 1s infinite steps(8) normal b-icon-animation-spin;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-icon.b-icon-animation-spin-pulse,
+ .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+.b-icon.b-icon-animation-spin-reverse-pulse,
+.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ animation: 1s infinite steps(8) reverse b-icon-animation-spin;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-icon.b-icon-animation-spin-reverse-pulse,
+ .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+.b-icon.b-icon-animation-throb,
+.b-icon.b-iconstack .b-icon-animation-throb > g {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;
+ animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;
+}
+@media (prefers-reduced-motion: reduce) {
+ .b-icon.b-icon-animation-throb,
+ .b-icon.b-iconstack .b-icon-animation-throb > g {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+@-webkit-keyframes b-icon-animation-cylon {
+ 0% {
+ -webkit-transform: translateX(-25%);
+ transform: translateX(-25%);
+ }
+ 100% {
+ -webkit-transform: translateX(25%);
+ transform: translateX(25%);
+ }
+}
+@keyframes b-icon-animation-cylon {
+ 0% {
+ -webkit-transform: translateX(-25%);
+ transform: translateX(-25%);
+ }
+ 100% {
+ -webkit-transform: translateX(25%);
+ transform: translateX(25%);
+ }
+}
+@-webkit-keyframes b-icon-animation-cylon-vertical {
+ 0% {
+ -webkit-transform: translateY(25%);
+ transform: translateY(25%);
+ }
+ 100% {
+ -webkit-transform: translateY(-25%);
+ transform: translateY(-25%);
+ }
+}
+@keyframes b-icon-animation-cylon-vertical {
+ 0% {
+ -webkit-transform: translateY(25%);
+ transform: translateY(25%);
+ }
+ 100% {
+ -webkit-transform: translateY(-25%);
+ transform: translateY(-25%);
+ }
+}
+@-webkit-keyframes b-icon-animation-fade {
+ 0% {
+ opacity: 0.1;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@keyframes b-icon-animation-fade {
+ 0% {
+ opacity: 0.1;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes b-icon-animation-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@keyframes b-icon-animation-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@-webkit-keyframes b-icon-animation-throb {
+ 0% {
+ opacity: 0.5;
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@keyframes b-icon-animation-throb {
+ 0% {
+ opacity: 0.5;
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+.btn .b-icon.bi,
+.nav-link .b-icon.bi,
+.dropdown-toggle .b-icon.bi,
+.dropdown-item .b-icon.bi,
+.input-group-text .b-icon.bi {
+ font-size: 125%;
+ vertical-align: text-bottom;
+}
+/*# sourceMappingURL=bootstrap-vue.css.map */
+:root {
+ --appleEase: cubic-bezier(0.42, 0, 0.58, 1);
+ --appleTransition: 0.2s var(--appleEase);
+}
+/* Simple CSS framework for Apple Music Electron */
+.md-labeltext {
+ font-size: 14px;
+ text-transform: uppercase;
+ opacity: 0.75;
+ font-weight: 500;
+}
+.md-option-container {
+ /* border-radius: 10px; */
+ overflow: hidden;
+}
+.md-option-line {
+ display: flex;
+ width: 100%;
+ padding: 14px;
+ background: var(--opaquePageBGColor);
+ font-size: 0.85em;
+}
+.md-option-line.child {
+ background: rgba(0, 0, 0, 0.15);
+}
+.md-option-segment.md-option-segment_auto {
+ width: auto;
+ white-space: nowrap;
+}
+.md-option-container .md-option-line:not(:last-child) {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+}
+input[type="range"].md-slider {
+ -webkit-appearance: none;
+ height: 7px;
+ background: rgba(255, 255, 255, 0.6);
+ border-radius: 5px;
+ background-size: 70% 100%;
+ background-repeat: no-repeat;
+}
+input[type="range"].md-slider::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #ffffff;
+ cursor: ew-resize;
+ box-shadow: 0 0 2px 0 #555;
+}
+input[type=range].md-slider::-webkit-slider-runnable-track {
+ -webkit-appearance: none;
+ box-shadow: none;
+ border: none;
+ background: transparent;
+}
+.md-option-header {
+ padding: 10px;
+ border-bottom: 1px solid rgba(200, 200, 200, 0.25);
+ font-weight: 500;
+ font-size: 0.9em;
+ background: rgba(255, 255, 255, 0.1);
+}
+.md-option-segment {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+.md-h1 {
+ font-size: 3em;
+ text-align: center;
+}
+.md-header {
+ padding: 16px;
+}
+.md-header-title {
+ padding: 18px;
+ font-weight: 600;
+ font-size: 16px;
+ height: 55px;
+ background: var(--opaquePageBGColor);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+}
+.md-footer {
+ padding: 16px;
+ text-align: center;
+}
+.md-transparent {
+ background: transparent;
+}
+.md-container {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ padding: 32px;
+}
+.md-container_panel {
+ padding: 0px;
+}
+.md-body {
+ height: 100%;
+ padding: 16px;
+ font-size: 1.25em;
+}
+@media (prefers-color-scheme: light) {
+ .md-btn {
+ box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 1px;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ }
+ .md-close-btn {
+ background-color: #000;
+ }
+}
+/* Vue transitions */
+.fade_simple-enter-active,
+.fade_simple-leave-active {
+ transition: all 0.5s;
+}
+.fade_simple-enter,
+.fade_simple-leave-to {
+ opacity: 0;
+}
+.fade-enter-active,
+.fade-leave-active {
+ transition: all 0.5s;
+}
+.fade-enter,
+.fade-leave-to {
+ opacity: 0;
+ transform: scale(0.95);
+}
+/* CSS Grids */
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ width: 100%;
+ padding-right: var(--bs-gutter-x, 0.75rem);
+ padding-left: var(--bs-gutter-x, 0.75rem);
+ margin-right: auto;
+ margin-left: auto;
+}
+.row {
+ --bs-gutter-x: 1.5rem;
+ --bs-gutter-y: 0;
+ display: flex;
+ flex-wrap: wrap;
+ /*margin-top: calc(-1 * var(--bs-gutter-y));*/
+ /*margin-right: calc(-0.5 * var(--bs-gutter-x));*/
+ /*margin-left: calc(-0.5 * var(--bs-gutter-x));*/
+}
+.row > * {
+ box-sizing: border-box;
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
+ margin-top: var(--bs-gutter-y);
+}
+.col {
+ flex: 1 0 0%;
+}
+.row-cols-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+}
+.row-cols-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+}
+.row-cols-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+}
+.row-cols-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+}
+.row-cols-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+}
+.row-cols-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+}
+.row-cols-6 > * {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+}
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
+}
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+}
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+}
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%;
+}
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+}
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+}
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%;
+}
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+}
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+}
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%;
+}
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+}
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+}
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
+}
+.offset-1 {
+ margin-left: 8.33333333%;
+}
+.offset-2 {
+ margin-left: 16.66666667%;
+}
+.offset-3 {
+ margin-left: 25%;
+}
+.offset-4 {
+ margin-left: 33.33333333%;
+}
+.offset-5 {
+ margin-left: 41.66666667%;
+}
+.offset-6 {
+ margin-left: 50%;
+}
+.offset-7 {
+ margin-left: 58.33333333%;
+}
+.offset-8 {
+ margin-left: 66.66666667%;
+}
+.offset-9 {
+ margin-left: 75%;
+}
+.offset-10 {
+ margin-left: 83.33333333%;
+}
+.offset-11 {
+ margin-left: 91.66666667%;
+}
+.g-0,
+.gx-0 {
+ --bs-gutter-x: 0;
+}
+.g-0,
+.gy-0 {
+ --bs-gutter-y: 0;
+}
+.g-1,
+.gx-1 {
+ --bs-gutter-x: 0.25rem;
+}
+.g-1,
+.gy-1 {
+ --bs-gutter-y: 0.25rem;
+}
+.g-2,
+.gx-2 {
+ --bs-gutter-x: 0.5rem;
+}
+.g-2,
+.gy-2 {
+ --bs-gutter-y: 0.5rem;
+}
+.g-3,
+.gx-3 {
+ --bs-gutter-x: 1rem;
+}
+.g-3,
+.gy-3 {
+ --bs-gutter-y: 1rem;
+}
+.g-4,
+.gx-4 {
+ --bs-gutter-x: 1.5rem;
+}
+.g-4,
+.gy-4 {
+ --bs-gutter-y: 1.5rem;
+}
+.g-5,
+.gx-5 {
+ --bs-gutter-x: 3rem;
+}
+.g-5,
+.gy-5 {
+ --bs-gutter-y: 3rem;
+}
+.d-inline {
+ display: inline !important;
+}
+.d-inline-block {
+ display: inline-block !important;
+}
+.d-block {
+ display: block !important;
+}
+.d-grid {
+ display: grid !important;
+}
+.d-table {
+ display: table !important;
+}
+.d-table-row {
+ display: table-row !important;
+}
+.d-table-cell {
+ display: table-cell !important;
+}
+.d-flex {
+ display: flex !important;
+}
+.d-inline-flex {
+ display: inline-flex !important;
+}
+.d-none {
+ display: none !important;
+}
+.flex-fill {
+ flex: 1 1 auto !important;
+}
+.flex-row {
+ flex-direction: row !important;
+}
+.flex-column {
+ flex-direction: column !important;
+}
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+.flex-grow-0 {
+ flex-grow: 0 !important;
+}
+.flex-grow-1 {
+ flex-grow: 1 !important;
+}
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+.flex-wrap {
+ flex-wrap: wrap !important;
+}
+.flex-nowrap {
+ flex-wrap: nowrap !important;
+}
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+.justify-content-start {
+ justify-content: flex-start !important;
+}
+.justify-content-end {
+ justify-content: flex-end !important;
+}
+.justify-content-center {
+ justify-content: center !important;
+}
+.justify-content-between {
+ justify-content: space-between !important;
+}
+.justify-content-around {
+ justify-content: space-around !important;
+}
+.justify-content-evenly {
+ justify-content: space-evenly !important;
+}
+.align-items-start {
+ align-items: flex-start !important;
+}
+.align-items-end {
+ align-items: flex-end !important;
+}
+.align-items-center {
+ align-items: center !important;
+}
+.align-items-baseline {
+ align-items: baseline !important;
+}
+.align-items-stretch {
+ align-items: stretch !important;
+}
+.align-content-start {
+ align-content: flex-start !important;
+}
+.align-content-end {
+ align-content: flex-end !important;
+}
+.align-content-center {
+ align-content: center !important;
+}
+.align-content-between {
+ align-content: space-between !important;
+}
+.align-content-around {
+ align-content: space-around !important;
+}
+.align-content-stretch {
+ align-content: stretch !important;
+}
+.align-self-auto {
+ align-self: auto !important;
+}
+.align-self-start {
+ align-self: flex-start !important;
+}
+.align-self-end {
+ align-self: flex-end !important;
+}
+.align-self-center {
+ align-self: center !important;
+}
+.align-self-baseline {
+ align-self: baseline !important;
+}
+.align-self-stretch {
+ align-self: stretch !important;
+}
+.order-first {
+ order: -1 !important;
+}
+.order-0 {
+ order: 0 !important;
+}
+.order-1 {
+ order: 1 !important;
+}
+.order-2 {
+ order: 2 !important;
+}
+.order-3 {
+ order: 3 !important;
+}
+.order-4 {
+ order: 4 !important;
+}
+.order-5 {
+ order: 5 !important;
+}
+.order-last {
+ order: 6 !important;
+}
+.m-0 {
+ margin: 0 !important;
+}
+.m-1 {
+ margin: 0.25rem !important;
+}
+.m-2 {
+ margin: 0.5rem !important;
+}
+.m-3 {
+ margin: 1rem !important;
+}
+.m-4 {
+ margin: 1.5rem !important;
+}
+.m-5 {
+ margin: 3rem !important;
+}
+.m-auto {
+ margin: auto !important;
+}
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+}
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+}
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+}
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+}
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+}
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+}
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+}
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+}
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+}
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+}
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+}
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+}
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+.mt-0 {
+ margin-top: 0 !important;
+}
+.mt-1 {
+ margin-top: 0.25rem !important;
+}
+.mt-2 {
+ margin-top: 0.5rem !important;
+}
+.mt-3 {
+ margin-top: 1rem !important;
+}
+.mt-4 {
+ margin-top: 1.5rem !important;
+}
+.mt-5 {
+ margin-top: 3rem !important;
+}
+.mt-auto {
+ margin-top: auto !important;
+}
+.me-0 {
+ margin-right: 0 !important;
+}
+.me-1 {
+ margin-right: 0.25rem !important;
+}
+.me-2 {
+ margin-right: 0.5rem !important;
+}
+.me-3 {
+ margin-right: 1rem !important;
+}
+.me-4 {
+ margin-right: 1.5rem !important;
+}
+.me-5 {
+ margin-right: 3rem !important;
+}
+.me-auto {
+ margin-right: auto !important;
+}
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+.mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+.mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+.mb-3 {
+ margin-bottom: 1rem !important;
+}
+.mb-4 {
+ margin-bottom: 1.5rem !important;
+}
+.mb-5 {
+ margin-bottom: 3rem !important;
+}
+.mb-auto {
+ margin-bottom: auto !important;
+}
+.ms-0 {
+ margin-left: 0 !important;
+}
+.ms-1 {
+ margin-left: 0.25rem !important;
+}
+.ms-2 {
+ margin-left: 0.5rem !important;
+}
+.ms-3 {
+ margin-left: 1rem !important;
+}
+.ms-4 {
+ margin-left: 1.5rem !important;
+}
+.ms-5 {
+ margin-left: 3rem !important;
+}
+.ms-auto {
+ margin-left: auto !important;
+}
+.p-0 {
+ padding: 0 !important;
+}
+.p-1 {
+ padding: 0.25rem !important;
+}
+.p-2 {
+ padding: 0.5rem !important;
+}
+.p-3 {
+ padding: 1rem !important;
+}
+.p-4 {
+ padding: 1.5rem !important;
+}
+.p-5 {
+ padding: 3rem !important;
+}
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+}
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+}
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+}
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+}
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+}
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+}
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+}
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+}
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+}
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+}
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+}
+.pt-0 {
+ padding-top: 0 !important;
+}
+.pt-1 {
+ padding-top: 0.25rem !important;
+}
+.pt-2 {
+ padding-top: 0.5rem !important;
+}
+.pt-3 {
+ padding-top: 1rem !important;
+}
+.pt-4 {
+ padding-top: 1.5rem !important;
+}
+.pt-5 {
+ padding-top: 3rem !important;
+}
+.pe-0 {
+ padding-right: 0 !important;
+}
+.pe-1 {
+ padding-right: 0.25rem !important;
+}
+.pe-2 {
+ padding-right: 0.5rem !important;
+}
+.pe-3 {
+ padding-right: 1rem !important;
+}
+.pe-4 {
+ padding-right: 1.5rem !important;
+}
+.pe-5 {
+ padding-right: 3rem !important;
+}
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+.pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+.pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+.pb-3 {
+ padding-bottom: 1rem !important;
+}
+.pb-4 {
+ padding-bottom: 1.5rem !important;
+}
+.pb-5 {
+ padding-bottom: 3rem !important;
+}
+.ps-0 {
+ padding-left: 0 !important;
+}
+.ps-1 {
+ padding-left: 0.25rem !important;
+}
+.ps-2 {
+ padding-left: 0.5rem !important;
+}
+.ps-3 {
+ padding-left: 1rem !important;
+}
+.ps-4 {
+ padding-left: 1.5rem !important;
+}
+.ps-5 {
+ padding-left: 3rem !important;
+}
+.dropup,
+.dropend,
+.dropdown,
+.dropstart {
+ position: relative;
+}
+.dropdown-toggle {
+ white-space: nowrap;
+}
+.dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+.dropdown-menu {
+ position: absolute;
+ z-index: 1000;
+ display: none;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ list-style: none;
+ background-color: var(--color1);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
+ box-shadow: var(--mediaItemShadow), var(--mediaItemShadow-ShadowSubtle);
+ backdrop-filter: var(--glassFilter);
+}
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: 0.125rem;
+}
+.dropdown-menu-start {
+ --bs-position: start;
+}
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+}
+.dropdown-menu-end {
+ --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+}
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-md-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-md-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-md-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-lg-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-lg-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-lg-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-xl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: 0.125rem;
+}
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent;
+}
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: 0.125rem;
+}
+.dropend .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid;
+}
+.dropend .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
+}
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: 0.125rem;
+}
+.dropstart .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+}
+.dropstart .dropdown-toggle::after {
+ display: none;
+}
+.dropstart .dropdown-toggle::before {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
+}
+.dropstart .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
+}
+.dropdown-divider {
+ height: 0;
+ margin: 0.5rem 0;
+ overflow: hidden;
+ border-top: 1px solid rgba(0, 0, 0, 0.15);
+}
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.25rem 1rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
+}
+.dropdown-item:hover,
+.dropdown-item:focus {
+ color: #1e2125;
+ background-color: #e9ecef;
+}
+.dropdown-item.active,
+.dropdown-item:active {
+ color: #fff;
+ text-decoration: none;
+ background-color: #0d6efd;
+}
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+ color: #adb5bd;
+ pointer-events: none;
+ background-color: transparent;
+}
+.dropdown-menu.show {
+ display: block;
+}
+.dropdown-header {
+ display: block;
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: #6c757d;
+ white-space: nowrap;
+}
+.dropdown-item-text {
+ display: block;
+ padding: 0.25rem 1rem;
+ color: #212529;
+}
+.dropdown-menu-dark {
+ color: #dee2e6;
+ background-color: #343a40;
+ border-color: rgba(0, 0, 0, 0.15);
+}
+.dropdown-menu-dark .dropdown-item {
+ color: #dee2e6;
+}
+.dropdown-menu-dark .dropdown-item:hover,
+.dropdown-menu-dark .dropdown-item:focus {
+ color: #fff;
+ background-color: rgba(255, 255, 255, 0.15);
+}
+.dropdown-menu-dark .dropdown-item.active,
+.dropdown-menu-dark .dropdown-item:active {
+ color: #fff;
+ background-color: #0d6efd;
+}
+.dropdown-menu-dark .dropdown-item.disabled,
+.dropdown-menu-dark .dropdown-item:disabled {
+ color: #adb5bd;
+}
+.dropdown-menu-dark .dropdown-divider {
+ border-color: rgba(0, 0, 0, 0.15);
+}
+.dropdown-menu-dark .dropdown-item-text {
+ color: #dee2e6;
+}
+.dropdown-menu-dark .dropdown-header {
+ color: #adb5bd;
+}
+.list-group {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: 0.25rem;
+}
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
+}
+.list-group-numbered > li::before {
+ content: counters(section, ".") ". ";
+ counter-increment: section;
+}
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit;
+}
+.list-group-item-action:hover,
+.list-group-item-action:focus {
+ z-index: 1;
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa;
+}
+.list-group-item-action:active {
+ color: #212529;
+ background-color: #e9ecef;
+}
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #212529;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+}
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
+}
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit;
+}
+.list-group-item.disabled,
+.list-group-item:disabled {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
+}
+.list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.list-group-item + .list-group-item {
+ border-top-width: 0;
+}
+.list-group-item + .list-group-item.active {
+ margin-top: -1px;
+ border-top-width: 1px;
+}
+.list-group-horizontal {
+ flex-direction: row;
+}
+.list-group-horizontal > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+}
+.list-group-horizontal > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+}
+.list-group-horizontal > .list-group-item.active {
+ margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+}
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ flex-direction: row;
+ }
+ .list-group-horizontal-md > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+.list-group-flush {
+ border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+ border-width: 0 0 1px;
+}
+.list-group-flush > .list-group-item:last-child {
+ border-bottom-width: 0;
+}
+.list-group-item-primary {
+ color: #084298;
+ background-color: #cfe2ff;
+}
+.list-group-item-primary.list-group-item-action:hover,
+.list-group-item-primary.list-group-item-action:focus {
+ color: #084298;
+ background-color: #bacbe6;
+}
+.list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #084298;
+ border-color: #084298;
+}
+.list-group-item-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
+}
+.list-group-item-secondary.list-group-item-action:hover,
+.list-group-item-secondary.list-group-item-action:focus {
+ color: #41464b;
+ background-color: #cbccce;
+}
+.list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #41464b;
+ border-color: #41464b;
+}
+.list-group-item-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
+}
+.list-group-item-success.list-group-item-action:hover,
+.list-group-item-success.list-group-item-action:focus {
+ color: #0f5132;
+ background-color: #bcd0c7;
+}
+.list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #0f5132;
+ border-color: #0f5132;
+}
+.list-group-item-info {
+ color: #055160;
+ background-color: #cff4fc;
+}
+.list-group-item-info.list-group-item-action:hover,
+.list-group-item-info.list-group-item-action:focus {
+ color: #055160;
+ background-color: #badce3;
+}
+.list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #055160;
+ border-color: #055160;
+}
+.list-group-item-warning {
+ color: #664d03;
+ background-color: #fff3cd;
+}
+.list-group-item-warning.list-group-item-action:hover,
+.list-group-item-warning.list-group-item-action:focus {
+ color: #664d03;
+ background-color: #e6dbb9;
+}
+.list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #664d03;
+ border-color: #664d03;
+}
+.list-group-item-danger {
+ color: #842029;
+ background-color: #f8d7da;
+}
+.list-group-item-danger.list-group-item-action:hover,
+.list-group-item-danger.list-group-item-action:focus {
+ color: #842029;
+ background-color: #dfc2c4;
+}
+.list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #842029;
+ border-color: #842029;
+}
+.list-group-item-light {
+ color: #636464;
+ background-color: #fefefe;
+}
+.list-group-item-light.list-group-item-action:hover,
+.list-group-item-light.list-group-item-action:focus {
+ color: #636464;
+ background-color: #e5e5e5;
+}
+.list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #636464;
+ border-color: #636464;
+}
+.list-group-item-dark {
+ color: var(--textColor);
+ background-color: #333;
+}
+.list-group-item-dark.list-group-item-action:hover,
+.list-group-item-dark.list-group-item-action:focus {
+ color: #141619;
+ background-color: #bebebf;
+}
+.list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #141619;
+ border-color: #141619;
+}
+.toast {
+ width: 350px;
+ max-width: 100%;
+ font-size: 0.875rem;
+ pointer-events: auto;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
+}
+.toast.showing {
+ opacity: 0;
+}
+.toast:not(.show) {
+ display: none;
+}
+.toast-container {
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
+}
+.toast-container > :not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: 0.5rem 0.75rem;
+ color: #6c757d;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
+}
+.toast-header .btn-close {
+ margin-right: -0.375rem;
+ margin-left: 0.75rem;
+}
+.toast-body {
+ padding: 0.75rem;
+ word-wrap: break-word;
+}
+.card {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #333;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
+}
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
+}
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
+}
+.card > .list-group:first-child {
+ border-top-width: 0;
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
+}
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
+}
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
+}
+.card-body {
+ flex: 1 1 auto;
+ padding: 1rem 1rem;
+}
+.card-title {
+ margin-bottom: 0.5rem;
+}
+.card-subtitle {
+ margin-top: -0.25rem;
+ margin-bottom: 0;
+}
+.card-text:last-child {
+ margin-bottom: 0;
+}
+.card-link + .card-link {
+ margin-left: 1rem;
+}
+.card-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
+}
+.card-footer {
+ padding: 0.5rem 1rem;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
+ text-align: center;
+}
+.card-footer:last-child {
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
+}
+.card-header-tabs {
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
+ margin-left: -0.5rem;
+ border-bottom: 0;
+}
+.card-header-pills {
+ margin-right: -0.5rem;
+ margin-left: -0.5rem;
+}
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1rem;
+ border-radius: calc(0.25rem - 1px);
+}
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
+}
+.card-img,
+.card-img-top {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
+}
+.card-img,
+.card-img-bottom {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
+}
+.card-group > .card {
+ margin-bottom: 0.75rem;
+}
+@media (min-width: 576px) {
+ .card-group {
+ display: flex;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-left-radius: 0;
+ }
+}
+.modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1055;
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0;
+ user-select: none;
+}
+.modal .close {
+ width: 50px;
+ height: 42px;
+ background-image: var(--gfx-closeBtn);
+ background-position: center;
+ background-repeat: no-repeat;
+ -webkit-app-region: no-drag;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.modal .close:hover {
+ background-color: #c42b1c;
+}
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none;
+ color: var(--textColor);
+}
+.modal.fade .modal-dialog {
+ transition: transform 0.1s var(--appleEase), opacity 0.1s var(--appleEase);
+ transform: scale(0.9);
+ opacity: 0;
+}
+.fade {
+ transition: opacity 0.15s var(--appleEase);
+}
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ transition: none;
+ }
+}
+.fade:not(.show) {
+ opacity: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ transition: none;
+ }
+}
+.modal.show .modal-dialog {
+ transform: none;
+ opacity: 1;
+}
+.modal.modal-static .modal-dialog {
+ transform: scale(1.02);
+}
+.modal-dialog-scrollable {
+ height: calc(100% - 1rem);
+}
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
+}
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
+}
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - 1rem);
+}
+.modal-content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: var(--modalBackground);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: var(--panelRadius);
+ outline: 0;
+ box-shadow: var(--ciderShadow-Generic);
+ overflow: hidden;
+}
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
+}
+.modal-backdrop.fade {
+ opacity: 0;
+}
+.modal-backdrop.show {
+ opacity: 0.5;
+}
+.modal-header {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
+}
+.modal-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin: -0.5rem -0.5rem -0.5rem auto;
+}
+.modal-title {
+ line-height: 1.5;
+ margin: 0;
+ font-size: 1em;
+}
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: 3rem 1rem 1rem 1rem;
+}
+.modal-footer {
+ display: flex;
+ flex-wrap: wrap;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 0.75rem;
+ border-bottom-right-radius: calc(0.3rem - 1px);
+ border-bottom-left-radius: calc(0.3rem - 1px);
+}
+.modal-footer > * {
+ margin: 0.25rem;
+}
+@media (min-width: 576px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto;
+ }
+ .modal-dialog-scrollable {
+ height: calc(100% - 3.5rem);
+ }
+ .modal-dialog-centered {
+ min-height: calc(100% - 3.5rem);
+ }
+ .modal-sm {
+ max-width: 300px;
+ }
+}
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ max-width: 800px;
+ }
+}
+@media (min-width: 1200px) {
+ .modal-xl {
+ max-width: 1140px;
+ }
+}
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+}
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+}
+.modal-fullscreen .modal-header {
+ border-radius: 0;
+}
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
+}
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
+}
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-sm-down .modal-footer {
+ border-radius: 0;
+ }
+}
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-md-down .modal-footer {
+ border-radius: 0;
+ }
+}
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-lg-down .modal-footer {
+ border-radius: 0;
+ }
+}
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xl-down .modal-footer {
+ border-radius: 0;
+ }
+}
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xxl-down .modal-footer {
+ border-radius: 0;
+ }
+}
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ background-color: transparent;
+ border: 1px solid transparent;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ border-radius: 0.25rem;
+ font-family: inherit;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ border: 1px solid rgba(100, 100, 100, 0.35);
+ border-top: 1px solid rgba(100, 100, 100, 0.5);
+ border-radius: 6px;
+ font-size: 14px;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
+ }
+}
+.btn:hover {
+ color: #212529;
+}
+.btn-check:focus + .btn,
+.btn:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+.btn:disabled,
+.btn.disabled,
+fieldset:disabled .btn {
+ pointer-events: none;
+ opacity: 0.65;
+}
+.btn-primary {
+ color: #fff;
+ background-color: var(--keyColor-primary);
+}
+.btn-primary:hover {
+ color: #fff;
+}
+.btn-check:focus + .btn-primary,
+.btn-primary:focus {
+ color: #fff;
+}
+.btn-check:checked + .btn-primary,
+.btn-check:active + .btn-primary,
+.btn-primary:active,
+.btn-primary.active,
+.show > .btn-primary.dropdown-toggle {
+ color: #fff;
+}
+.btn-primary:disabled,
+.btn-primary.disabled {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-secondary {
+ color: #fff;
+ border-color: 1px solid rgba(100, 100, 100, 0.35);
+ background-color: rgba(100, 100, 100, 0.25);
+ border-top-color: 1px solid rgba(100, 100, 100, 0.5);
+}
+.btn-secondary:hover {
+ color: #fff;
+}
+.btn-check:checked + .btn-secondary,
+.btn-check:active + .btn-secondary,
+.btn-secondary:active,
+.btn-secondary.active,
+.show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #565e64;
+ border-color: #51585e;
+}
+.btn-check:checked + .btn-secondary:focus,
+.btn-check:active + .btn-secondary:focus,
+.btn-secondary:active:focus,
+.btn-secondary.active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-secondary:disabled,
+.btn-secondary.disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-success {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-success:hover {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
+}
+.btn-check:focus + .btn-success,
+.btn-success:focus {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-check:checked + .btn-success,
+.btn-check:active + .btn-success,
+.btn-success:active,
+.btn-success.active,
+.show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #146c43;
+ border-color: #13653f;
+}
+.btn-check:checked + .btn-success:focus,
+.btn-check:active + .btn-success:focus,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-success:disabled,
+.btn-success.disabled {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-info {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-info:hover {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+}
+.btn-check:focus + .btn-info,
+.btn-info:focus {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-check:checked + .btn-info,
+.btn-check:active + .btn-info,
+.btn-info:active,
+.btn-info.active,
+.show > .btn-info.dropdown-toggle {
+ color: #000;
+ background-color: #3dd5f3;
+ border-color: #25cff2;
+}
+.btn-check:checked + .btn-info:focus,
+.btn-check:active + .btn-info:focus,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-info:disabled,
+.btn-info.disabled {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-warning {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-warning:hover {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+}
+.btn-check:focus + .btn-warning,
+.btn-warning:focus {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-check:checked + .btn-warning,
+.btn-check:active + .btn-warning,
+.btn-warning:active,
+.btn-warning.active,
+.show > .btn-warning.dropdown-toggle {
+ color: #000;
+ background-color: #ffcd39;
+ border-color: #ffc720;
+}
+.btn-check:checked + .btn-warning:focus,
+.btn-check:active + .btn-warning:focus,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-warning:disabled,
+.btn-warning.disabled {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-danger {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-danger:hover {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
+}
+.btn-check:focus + .btn-danger,
+.btn-danger:focus {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-check:checked + .btn-danger,
+.btn-check:active + .btn-danger,
+.btn-danger:active,
+.btn-danger.active,
+.show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b02a37;
+ border-color: #a52834;
+}
+.btn-check:checked + .btn-danger:focus,
+.btn-check:active + .btn-danger:focus,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-danger:disabled,
+.btn-danger.disabled {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-light {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-light:hover {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:focus + .btn-light,
+.btn-light:focus {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-check:checked + .btn-light,
+.btn-check:active + .btn-light,
+.btn-light:active,
+.btn-light.active,
+.show > .btn-light.dropdown-toggle {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:checked + .btn-light:focus,
+.btn-check:active + .btn-light:focus,
+.btn-light:active:focus,
+.btn-light.active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-light:disabled,
+.btn-light.disabled {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-dark {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-dark:hover {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
+}
+.btn-check:focus + .btn-dark,
+.btn-dark:focus {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-check:checked + .btn-dark,
+.btn-check:active + .btn-dark,
+.btn-dark:active,
+.btn-dark.active,
+.show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #1a1e21;
+ border-color: #191c1f;
+}
+.btn-check:checked + .btn-dark:focus,
+.btn-check:active + .btn-dark:focus,
+.btn-dark:active:focus,
+.btn-dark.active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-dark:disabled,
+.btn-dark.disabled {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-outline-primary {
+ color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-outline-primary:hover {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:focus + .btn-outline-primary,
+.btn-outline-primary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-check:checked + .btn-outline-primary,
+.btn-check:active + .btn-outline-primary,
+.btn-outline-primary:active,
+.btn-outline-primary.active,
+.btn-outline-primary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:checked + .btn-outline-primary:focus,
+.btn-check:active + .btn-outline-primary:focus,
+.btn-outline-primary:active:focus,
+.btn-outline-primary.active:focus,
+.btn-outline-primary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-outline-primary:disabled,
+.btn-outline-primary.disabled {
+ color: #0d6efd;
+ background-color: transparent;
+}
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:focus + .btn-outline-secondary,
+.btn-outline-secondary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-check:checked + .btn-outline-secondary,
+.btn-check:active + .btn-outline-secondary,
+.btn-outline-secondary:active,
+.btn-outline-secondary.active,
+.btn-outline-secondary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:checked + .btn-outline-secondary:focus,
+.btn-check:active + .btn-outline-secondary:focus,
+.btn-outline-secondary:active:focus,
+.btn-outline-secondary.active:focus,
+.btn-outline-secondary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-outline-secondary:disabled,
+.btn-outline-secondary.disabled {
+ color: #6c757d;
+ background-color: transparent;
+}
+.btn-outline-success {
+ color: #198754;
+ border-color: #198754;
+}
+.btn-outline-success:hover {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:focus + .btn-outline-success,
+.btn-outline-success:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-check:checked + .btn-outline-success,
+.btn-check:active + .btn-outline-success,
+.btn-outline-success:active,
+.btn-outline-success.active,
+.btn-outline-success.dropdown-toggle.show {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:checked + .btn-outline-success:focus,
+.btn-check:active + .btn-outline-success:focus,
+.btn-outline-success:active:focus,
+.btn-outline-success.active:focus,
+.btn-outline-success.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-outline-success:disabled,
+.btn-outline-success.disabled {
+ color: #198754;
+ background-color: transparent;
+}
+.btn-outline-info {
+ color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-outline-info:hover {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:focus + .btn-outline-info,
+.btn-outline-info:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-check:checked + .btn-outline-info,
+.btn-check:active + .btn-outline-info,
+.btn-outline-info:active,
+.btn-outline-info.active,
+.btn-outline-info.dropdown-toggle.show {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:checked + .btn-outline-info:focus,
+.btn-check:active + .btn-outline-info:focus,
+.btn-outline-info:active:focus,
+.btn-outline-info.active:focus,
+.btn-outline-info.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-outline-info:disabled,
+.btn-outline-info.disabled {
+ color: #0dcaf0;
+ background-color: transparent;
+}
+.btn-outline-warning {
+ color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-outline-warning:hover {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:focus + .btn-outline-warning,
+.btn-outline-warning:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-check:checked + .btn-outline-warning,
+.btn-check:active + .btn-outline-warning,
+.btn-outline-warning:active,
+.btn-outline-warning.active,
+.btn-outline-warning.dropdown-toggle.show {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:checked + .btn-outline-warning:focus,
+.btn-check:active + .btn-outline-warning:focus,
+.btn-outline-warning:active:focus,
+.btn-outline-warning.active:focus,
+.btn-outline-warning.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-outline-warning:disabled,
+.btn-outline-warning.disabled {
+ color: #ffc107;
+ background-color: transparent;
+}
+.btn-outline-danger {
+ color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-outline-danger:hover {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:focus + .btn-outline-danger,
+.btn-outline-danger:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-check:checked + .btn-outline-danger,
+.btn-check:active + .btn-outline-danger,
+.btn-outline-danger:active,
+.btn-outline-danger.active,
+.btn-outline-danger.dropdown-toggle.show {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:checked + .btn-outline-danger:focus,
+.btn-check:active + .btn-outline-danger:focus,
+.btn-outline-danger:active:focus,
+.btn-outline-danger.active:focus,
+.btn-outline-danger.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-outline-danger:disabled,
+.btn-outline-danger.disabled {
+ color: #dc3545;
+ background-color: transparent;
+}
+.btn-outline-light {
+ color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-outline-light:hover {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:focus + .btn-outline-light,
+.btn-outline-light:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-check:checked + .btn-outline-light,
+.btn-check:active + .btn-outline-light,
+.btn-outline-light:active,
+.btn-outline-light.active,
+.btn-outline-light.dropdown-toggle.show {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:checked + .btn-outline-light:focus,
+.btn-check:active + .btn-outline-light:focus,
+.btn-outline-light:active:focus,
+.btn-outline-light.active:focus,
+.btn-outline-light.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-outline-light:disabled,
+.btn-outline-light.disabled {
+ color: #f8f9fa;
+ background-color: transparent;
+}
+.btn-outline-dark {
+ color: #212529;
+ border-color: #212529;
+}
+.btn-outline-dark:hover {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:focus + .btn-outline-dark,
+.btn-outline-dark:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-check:checked + .btn-outline-dark,
+.btn-check:active + .btn-outline-dark,
+.btn-outline-dark:active,
+.btn-outline-dark.active,
+.btn-outline-dark.dropdown-toggle.show {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:checked + .btn-outline-dark:focus,
+.btn-check:active + .btn-outline-dark:focus,
+.btn-outline-dark:active:focus,
+.btn-outline-dark.active:focus,
+.btn-outline-dark.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-outline-dark:disabled,
+.btn-outline-dark.disabled {
+ color: #212529;
+ background-color: transparent;
+}
+.btn-link {
+ font-weight: 400;
+ color: #0d6efd;
+ text-decoration: underline;
+}
+.btn-link:hover {
+ color: #0a58ca;
+}
+.btn-link:disabled,
+.btn-link.disabled {
+ color: #6c757d;
+}
+.btn-lg,
+.btn-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
+}
+.btn-sm,
+.btn-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
+}
+.form-control {
+ width: 100%;
+}
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: inline-flex;
+ vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ flex: 1 1 auto;
+}
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
+}
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+.btn-toolbar .input-group {
+ width: auto;
+}
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: -1px;
+}
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.btn-group > .btn:nth-child(n+3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.dropdown-toggle-split {
+ padding-right: 0.5625rem;
+ padding-left: 0.5625rem;
+}
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after {
+ margin-left: 0;
+}
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
+}
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.375rem;
+ padding-left: 0.375rem;
+}
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
+}
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
+}
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: -1px;
+}
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.table {
+ --bs-table-bg: transparent;
+ --bs-table-accent-bg: transparent;
+ --bs-table-striped-color: #212529;
+ --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
+ --bs-table-active-color: #212529;
+ --bs-table-active-bg: rgba(0, 0, 0, 0.1);
+ --bs-table-hover-color: #212529;
+ --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
+ width: 100%;
+ margin-bottom: 1rem;
+ color: #212529;
+ vertical-align: top;
+ border-color: #dee2e6;
+}
+.table > :not(caption) > * > * {
+ padding: 0.5rem 0.5rem;
+ background-color: var(--bs-table-bg);
+ border-bottom-width: 1px;
+ box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+}
+.table > tbody {
+ vertical-align: inherit;
+}
+.table > thead {
+ vertical-align: bottom;
+}
+.table > :not(:first-child) {
+ border-top: 2px solid currentColor;
+}
+.caption-top {
+ caption-side: top;
+}
+.table-sm > :not(caption) > * > * {
+ padding: 0.25rem 0.25rem;
+}
+.table-bordered > :not(caption) > * {
+ border-width: 1px 0;
+}
+.table-bordered > :not(caption) > * > * {
+ border-width: 0 1px;
+}
+.table-borderless > :not(caption) > * > * {
+ border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+ border-top-width: 0;
+}
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+ --bs-table-accent-bg: var(--bs-table-striped-bg);
+ color: var(--bs-table-striped-color);
+}
+.table-active {
+ --bs-table-accent-bg: var(--bs-table-active-bg);
+ color: var(--bs-table-active-color);
+}
+.table-hover > tbody > tr:hover > * {
+ --bs-table-accent-bg: var(--bs-table-hover-bg);
+ color: var(--bs-table-hover-color);
+}
+.table-primary {
+ --bs-table-bg: #cfe2ff;
+ --bs-table-striped-bg: #c5d7f2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bacbe6;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfd1ec;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bacbe6;
+}
+.table-secondary {
+ --bs-table-bg: #e2e3e5;
+ --bs-table-striped-bg: #d7d8da;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #cbccce;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #d1d2d4;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #cbccce;
+}
+.table-success {
+ --bs-table-bg: #d1e7dd;
+ --bs-table-striped-bg: #c7dbd2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bcd0c7;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #c1d6cc;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bcd0c7;
+}
+.table-info {
+ --bs-table-bg: #cff4fc;
+ --bs-table-striped-bg: #c5e8ef;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #badce3;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfe2e9;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #badce3;
+}
+.table-warning {
+ --bs-table-bg: #fff3cd;
+ --bs-table-striped-bg: #f2e7c3;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e6dbb9;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #ece1be;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #e6dbb9;
+}
+.table-danger {
+ --bs-table-bg: #f8d7da;
+ --bs-table-striped-bg: #eccccf;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfc2c4;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5c7ca;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfc2c4;
+}
+.table-light {
+ --bs-table-bg: #f8f9fa;
+ --bs-table-striped-bg: #ecedee;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfe0e1;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5e6e7;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfe0e1;
+}
+.table-dark {
+ --bs-table-bg: #212529;
+ --bs-table-striped-bg: #2c3034;
+ --bs-table-striped-color: #fff;
+ --bs-table-active-bg: #373b3e;
+ --bs-table-active-color: #fff;
+ --bs-table-hover-bg: #323539;
+ --bs-table-hover-color: #fff;
+ color: #fff;
+ border-color: #373b3e;
+}
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+}
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+.nav {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+.nav-link {
+ display: block;
+ padding: 0.5rem 1rem;
+ text-decoration: none;
+}
+.nav-link:hover,
+.nav-link:focus {
+ text-decoration: none;
+}
+.nav-link.disabled {
+ color: #6c757d;
+ pointer-events: none;
+ cursor: default;
+}
+.nav-tabs {
+ border-bottom: 1px solid #dee2e6;
+}
+.nav-tabs .nav-link {
+ margin-bottom: -1px;
+ background: none;
+ border: 1px solid transparent;
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus {
+ border-color: #e9ecef #e9ecef #dee2e6;
+ isolation: isolate;
+}
+.nav-tabs .nav-link.disabled {
+ color: #6c757d;
+ background-color: transparent;
+ border-color: transparent;
+}
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: #495057;
+ background-color: #fff;
+ border-color: #dee2e6 #dee2e6 #fff;
+}
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.nav-pills .nav-link {
+ background-color: transparent;
+ border: 0;
+ border-radius: 6px;
+ color: #eee;
+ -webkit-user-drag: none;
+ font-weight: 500;
+ margin: 0px 4px;
+}
+.nav-pills .nav-link:hover {
+ background-color: var(--hover);
+}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: var(--selected);
+}
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+ flex: 1 1 auto;
+ text-align: center;
+}
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center;
+}
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
+}
+.tab-content > .tab-pane {
+ display: none;
+}
+.tab-content > .active {
+ display: block;
+}
+/*!
+ * Bootstrap Grid v5.1.1 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root {
+ --bs-blue: #0d6efd;
+ --bs-indigo: #6610f2;
+ --bs-purple: #6f42c1;
+ --bs-pink: #d63384;
+ --bs-red: #dc3545;
+ --bs-orange: #fd7e14;
+ --bs-yellow: #ffc107;
+ --bs-green: #198754;
+ --bs-teal: #20c997;
+ --bs-cyan: #0dcaf0;
+ --bs-white: #fff;
+ --bs-gray: #6c757d;
+ --bs-gray-dark: #343a40;
+ --bs-gray-100: #f8f9fa;
+ --bs-gray-200: #e9ecef;
+ --bs-gray-300: #dee2e6;
+ --bs-gray-400: #ced4da;
+ --bs-gray-500: #adb5bd;
+ --bs-gray-600: #6c757d;
+ --bs-gray-700: #495057;
+ --bs-gray-800: #343a40;
+ --bs-gray-900: #212529;
+ --bs-primary: #0d6efd;
+ --bs-secondary: #6c757d;
+ --bs-success: #198754;
+ --bs-info: #0dcaf0;
+ --bs-warning: #ffc107;
+ --bs-danger: #dc3545;
+ --bs-light: #f8f9fa;
+ --bs-dark: #212529;
+ --bs-primary-rgb: 13, 110, 253;
+ --bs-secondary-rgb: 108, 117, 125;
+ --bs-success-rgb: 25, 135, 84;
+ --bs-info-rgb: 13, 202, 240;
+ --bs-warning-rgb: 255, 193, 7;
+ --bs-danger-rgb: 220, 53, 69;
+ --bs-light-rgb: 248, 249, 250;
+ --bs-dark-rgb: 33, 37, 41;
+ --bs-white-rgb: 255, 255, 255;
+ --bs-black-rgb: 0, 0, 0;
+ --bs-body-color-rgb: 33, 37, 41;
+ --bs-body-bg-rgb: 255, 255, 255;
+ --bs-font-sans-serif: inherit;
+ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+ --bs-body-font-family: inherit;
+ --bs-body-font-size: 1rem;
+ --bs-body-font-weight: 400;
+ --bs-body-line-height: 1.5;
+ --bs-body-color: #212529;
+ --bs-body-bg: #fff;
+}
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ width: 100%;
+ padding-right: var(--bs-gutter-x, 0.75rem);
+ padding-left: var(--bs-gutter-x, 0.75rem);
+ margin-right: auto;
+ margin-left: auto;
+}
+@media (min-width: 576px) {
+ .container-sm,
+ .container {
+ max-width: 540px;
+ }
+}
+@media (min-width: 768px) {
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 720px;
+ }
+}
+@media (min-width: 992px) {
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 960px;
+ }
+}
+@media (min-width: 1200px) {
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1140px;
+ }
+}
+@media (min-width: 1400px) {
+ .container-xxl,
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1320px;
+ }
+}
+.col {
+ flex: 1 0 0%;
+}
+.row-cols-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+}
+.row-cols-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+}
+.row-cols-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+}
+.row-cols-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+}
+.row-cols-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+}
+.row-cols-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+}
+.row-cols-6 > * {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+}
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
+}
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+}
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+}
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%;
+}
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+}
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+}
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%;
+}
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+}
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+}
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%;
+}
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+}
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+}
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
+}
+.offset-1 {
+ margin-left: 8.33333333%;
+}
+.offset-2 {
+ margin-left: 16.66666667%;
+}
+.offset-3 {
+ margin-left: 25%;
+}
+.offset-4 {
+ margin-left: 33.33333333%;
+}
+.offset-5 {
+ margin-left: 41.66666667%;
+}
+.offset-6 {
+ margin-left: 50%;
+}
+.offset-7 {
+ margin-left: 58.33333333%;
+}
+.offset-8 {
+ margin-left: 66.66666667%;
+}
+.offset-9 {
+ margin-left: 75%;
+}
+.offset-10 {
+ margin-left: 83.33333333%;
+}
+.offset-11 {
+ margin-left: 91.66666667%;
+}
+.g-0,
+.gx-0 {
+ --bs-gutter-x: 0;
+}
+.g-0,
+.gy-0 {
+ --bs-gutter-y: 0;
+}
+.g-1,
+.gx-1 {
+ --bs-gutter-x: 0.25rem;
+}
+.g-1,
+.gy-1 {
+ --bs-gutter-y: 0.25rem;
+}
+.g-2,
+.gx-2 {
+ --bs-gutter-x: 0.5rem;
+}
+.g-2,
+.gy-2 {
+ --bs-gutter-y: 0.5rem;
+}
+.g-3,
+.gx-3 {
+ --bs-gutter-x: 1rem;
+}
+.g-3,
+.gy-3 {
+ --bs-gutter-y: 1rem;
+}
+.g-4,
+.gx-4 {
+ --bs-gutter-x: 1.5rem;
+}
+.g-4,
+.gy-4 {
+ --bs-gutter-y: 1.5rem;
+}
+.g-5,
+.gx-5 {
+ --bs-gutter-x: 3rem;
+}
+.g-5,
+.gy-5 {
+ --bs-gutter-y: 3rem;
+}
+@media (min-width: 576px) {
+ .col-sm {
+ flex: 1 0 0%;
+ }
+ .row-cols-sm-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-sm-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-sm-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-sm-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .row-cols-sm-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-sm-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-sm-6 > * {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-sm-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-sm-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-sm-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-sm-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-sm-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-sm-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-sm-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-sm-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-sm-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-sm-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-sm-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-sm-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-sm-0 {
+ margin-left: 0;
+ }
+ .offset-sm-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-sm-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
+ .offset-sm-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-sm-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
+ .offset-sm-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-sm-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
+ .offset-sm-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-sm-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-sm-0,
+ .gx-sm-0 {
+ --bs-gutter-x: 0;
+ }
+ .g-sm-0,
+ .gy-sm-0 {
+ --bs-gutter-y: 0;
+ }
+ .g-sm-1,
+ .gx-sm-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+ .g-sm-1,
+ .gy-sm-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+ .g-sm-2,
+ .gx-sm-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+ .g-sm-2,
+ .gy-sm-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+ .g-sm-3,
+ .gx-sm-3 {
+ --bs-gutter-x: 1rem;
+ }
+ .g-sm-3,
+ .gy-sm-3 {
+ --bs-gutter-y: 1rem;
+ }
+ .g-sm-4,
+ .gx-sm-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+ .g-sm-4,
+ .gy-sm-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+ .g-sm-5,
+ .gx-sm-5 {
+ --bs-gutter-x: 3rem;
+ }
+ .g-sm-5,
+ .gy-sm-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+@media (min-width: 768px) {
+ .col-md {
+ flex: 1 0 0%;
+ }
+ .row-cols-md-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-md-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-md-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-md-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .row-cols-md-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-md-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-md-6 > * {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-md-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-md-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-md-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-md-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-md-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-md-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-md-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-md-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-md-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-md-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-md-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-md-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-md-0 {
+ margin-left: 0;
+ }
+ .offset-md-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-md-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-md-3 {
+ margin-left: 25%;
+ }
+ .offset-md-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-md-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-md-6 {
+ margin-left: 50%;
+ }
+ .offset-md-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-md-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-md-9 {
+ margin-left: 75%;
+ }
+ .offset-md-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-md-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-md-0,
+ .gx-md-0 {
+ --bs-gutter-x: 0;
+ }
+ .g-md-0,
+ .gy-md-0 {
+ --bs-gutter-y: 0;
+ }
+ .g-md-1,
+ .gx-md-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+ .g-md-1,
+ .gy-md-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+ .g-md-2,
+ .gx-md-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+ .g-md-2,
+ .gy-md-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+ .g-md-3,
+ .gx-md-3 {
+ --bs-gutter-x: 1rem;
+ }
+ .g-md-3,
+ .gy-md-3 {
+ --bs-gutter-y: 1rem;
+ }
+ .g-md-4,
+ .gx-md-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+ .g-md-4,
+ .gy-md-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+ .g-md-5,
+ .gx-md-5 {
+ --bs-gutter-x: 3rem;
+ }
+ .g-md-5,
+ .gy-md-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+@media (min-width: 992px) {
+ .col-lg {
+ flex: 1 0 0%;
+ }
+ .row-cols-lg-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-lg-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-lg-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-lg-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .row-cols-lg-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-lg-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-lg-6 > * {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-lg-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-lg-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-lg-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-lg-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-lg-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-lg-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-lg-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-lg-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-lg-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-lg-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-lg-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-lg-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-lg-0 {
+ margin-left: 0;
+ }
+ .offset-lg-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-lg-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
+ .offset-lg-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-lg-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
+ .offset-lg-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-lg-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
+ .offset-lg-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-lg-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-lg-0,
+ .gx-lg-0 {
+ --bs-gutter-x: 0;
+ }
+ .g-lg-0,
+ .gy-lg-0 {
+ --bs-gutter-y: 0;
+ }
+ .g-lg-1,
+ .gx-lg-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+ .g-lg-1,
+ .gy-lg-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+ .g-lg-2,
+ .gx-lg-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+ .g-lg-2,
+ .gy-lg-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+ .g-lg-3,
+ .gx-lg-3 {
+ --bs-gutter-x: 1rem;
+ }
+ .g-lg-3,
+ .gy-lg-3 {
+ --bs-gutter-y: 1rem;
+ }
+ .g-lg-4,
+ .gx-lg-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+ .g-lg-4,
+ .gy-lg-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+ .g-lg-5,
+ .gx-lg-5 {
+ --bs-gutter-x: 3rem;
+ }
+ .g-lg-5,
+ .gy-lg-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+@media (min-width: 1200px) {
+ .col-xl {
+ flex: 1 0 0%;
+ }
+ .row-cols-xl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-xl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-xl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-xl-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .row-cols-xl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-xl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-xl-6 > * {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-xl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-xl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-xl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-xl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-xl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-xl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-xl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-xl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-xl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-xl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-xl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-xl-0 {
+ margin-left: 0;
+ }
+ .offset-xl-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-xl-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
+ .offset-xl-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-xl-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
+ .offset-xl-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-xl-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
+ .offset-xl-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-xl-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-xl-0,
+ .gx-xl-0 {
+ --bs-gutter-x: 0;
+ }
+ .g-xl-0,
+ .gy-xl-0 {
+ --bs-gutter-y: 0;
+ }
+ .g-xl-1,
+ .gx-xl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+ .g-xl-1,
+ .gy-xl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+ .g-xl-2,
+ .gx-xl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+ .g-xl-2,
+ .gy-xl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+ .g-xl-3,
+ .gx-xl-3 {
+ --bs-gutter-x: 1rem;
+ }
+ .g-xl-3,
+ .gy-xl-3 {
+ --bs-gutter-y: 1rem;
+ }
+ .g-xl-4,
+ .gx-xl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+ .g-xl-4,
+ .gy-xl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+ .g-xl-5,
+ .gx-xl-5 {
+ --bs-gutter-x: 3rem;
+ }
+ .g-xl-5,
+ .gy-xl-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+@media (min-width: 1400px) {
+ .col-xxl {
+ flex: 1 0 0%;
+ }
+ .row-cols-xxl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-xxl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-xxl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-xxl-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .row-cols-xxl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-xxl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-xxl-6 > * {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xxl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-xxl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-xxl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-xxl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-xxl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-xxl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-xxl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-xxl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-xxl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-xxl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-xxl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-xxl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
+ .offset-xxl-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-xxl-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
+ .offset-xxl-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-xxl-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
+ .offset-xxl-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-xxl-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
+ .offset-xxl-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-xxl-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --bs-gutter-x: 0;
+ }
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --bs-gutter-y: 0;
+ }
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --bs-gutter-x: 1rem;
+ }
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --bs-gutter-y: 1rem;
+ }
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --bs-gutter-x: 3rem;
+ }
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+.d-inline {
+ display: inline !important;
+}
+.d-inline-block {
+ display: inline-block !important;
+}
+.d-block {
+ display: block !important;
+}
+.d-grid {
+ display: grid !important;
+}
+.d-table {
+ display: table !important;
+}
+.d-table-row {
+ display: table-row !important;
+}
+.d-table-cell {
+ display: table-cell !important;
+}
+.d-flex {
+ display: flex !important;
+}
+.d-inline-flex {
+ display: inline-flex !important;
+}
+.d-none {
+ display: none !important;
+}
+.flex-fill {
+ flex: 1 1 auto !important;
+}
+.flex-row {
+ flex-direction: row !important;
+}
+.flex-column {
+ flex-direction: column !important;
+}
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+.flex-grow-0 {
+ flex-grow: 0 !important;
+}
+.flex-grow-1 {
+ flex-grow: 1 !important;
+}
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+.flex-wrap {
+ flex-wrap: wrap !important;
+}
+.flex-nowrap {
+ flex-wrap: nowrap !important;
+}
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+.justify-content-start {
+ justify-content: flex-start !important;
+}
+.justify-content-end {
+ justify-content: flex-end !important;
+}
+.justify-content-center {
+ justify-content: center !important;
+}
+.justify-content-between {
+ justify-content: space-between !important;
+}
+.justify-content-around {
+ justify-content: space-around !important;
+}
+.justify-content-evenly {
+ justify-content: space-evenly !important;
+}
+.align-items-start {
+ align-items: flex-start !important;
+}
+.align-items-end {
+ align-items: flex-end !important;
+}
+.align-items-center {
+ align-items: center !important;
+}
+.align-items-baseline {
+ align-items: baseline !important;
+}
+.align-items-stretch {
+ align-items: stretch !important;
+}
+.align-content-start {
+ align-content: flex-start !important;
+}
+.align-content-end {
+ align-content: flex-end !important;
+}
+.align-content-center {
+ align-content: center !important;
+}
+.align-content-between {
+ align-content: space-between !important;
+}
+.align-content-around {
+ align-content: space-around !important;
+}
+.align-content-stretch {
+ align-content: stretch !important;
+}
+.align-self-auto {
+ align-self: auto !important;
+}
+.align-self-start {
+ align-self: flex-start !important;
+}
+.align-self-end {
+ align-self: flex-end !important;
+}
+.align-self-center {
+ align-self: center !important;
+}
+.align-self-baseline {
+ align-self: baseline !important;
+}
+.align-self-stretch {
+ align-self: stretch !important;
+}
+.order-first {
+ order: -1 !important;
+}
+.order-0 {
+ order: 0 !important;
+}
+.order-1 {
+ order: 1 !important;
+}
+.order-2 {
+ order: 2 !important;
+}
+.order-3 {
+ order: 3 !important;
+}
+.order-4 {
+ order: 4 !important;
+}
+.order-5 {
+ order: 5 !important;
+}
+.order-last {
+ order: 6 !important;
+}
+.m-0 {
+ margin: 0 !important;
+}
+.m-1 {
+ margin: 0.25rem !important;
+}
+.m-2 {
+ margin: 0.5rem !important;
+}
+.m-3 {
+ margin: 1rem !important;
+}
+.m-4 {
+ margin: 1.5rem !important;
+}
+.m-5 {
+ margin: 3rem !important;
+}
+.m-auto {
+ margin: auto !important;
+}
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+}
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+}
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+}
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+}
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+}
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+}
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+}
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+}
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+}
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+}
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+}
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+}
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+.mt-0 {
+ margin-top: 0 !important;
+}
+.mt-1 {
+ margin-top: 0.25rem !important;
+}
+.mt-2 {
+ margin-top: 0.5rem !important;
+}
+.mt-3 {
+ margin-top: 1rem !important;
+}
+.mt-4 {
+ margin-top: 1.5rem !important;
+}
+.mt-5 {
+ margin-top: 3rem !important;
+}
+.mt-auto {
+ margin-top: auto !important;
+}
+.me-0 {
+ margin-right: 0 !important;
+}
+.me-1 {
+ margin-right: 0.25rem !important;
+}
+.me-2 {
+ margin-right: 0.5rem !important;
+}
+.me-3 {
+ margin-right: 1rem !important;
+}
+.me-4 {
+ margin-right: 1.5rem !important;
+}
+.me-5 {
+ margin-right: 3rem !important;
+}
+.me-auto {
+ margin-right: auto !important;
+}
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+.mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+.mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+.mb-3 {
+ margin-bottom: 1rem !important;
+}
+.mb-4 {
+ margin-bottom: 1.5rem !important;
+}
+.mb-5 {
+ margin-bottom: 3rem !important;
+}
+.mb-auto {
+ margin-bottom: auto !important;
+}
+.ms-0 {
+ margin-left: 0 !important;
+}
+.ms-1 {
+ margin-left: 0.25rem !important;
+}
+.ms-2 {
+ margin-left: 0.5rem !important;
+}
+.ms-3 {
+ margin-left: 1rem !important;
+}
+.ms-4 {
+ margin-left: 1.5rem !important;
+}
+.ms-5 {
+ margin-left: 3rem !important;
+}
+.ms-auto {
+ margin-left: auto !important;
+}
+.p-0 {
+ padding: 0 !important;
+}
+.p-1 {
+ padding: 0.25rem !important;
+}
+.p-2 {
+ padding: 0.5rem !important;
+}
+.p-3 {
+ padding: 1rem !important;
+}
+.p-4 {
+ padding: 1.5rem !important;
+}
+.p-5 {
+ padding: 3rem !important;
+}
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+}
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+}
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+}
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+}
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+}
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+}
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+}
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+}
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+}
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+}
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+}
+.pt-0 {
+ padding-top: 0 !important;
+}
+.pt-1 {
+ padding-top: 0.25rem !important;
+}
+.pt-2 {
+ padding-top: 0.5rem !important;
+}
+.pt-3 {
+ padding-top: 1rem !important;
+}
+.pt-4 {
+ padding-top: 1.5rem !important;
+}
+.pt-5 {
+ padding-top: 3rem !important;
+}
+.pe-0 {
+ padding-right: 0 !important;
+}
+.pe-1 {
+ padding-right: 0.25rem !important;
+}
+.pe-2 {
+ padding-right: 0.5rem !important;
+}
+.pe-3 {
+ padding-right: 1rem !important;
+}
+.pe-4 {
+ padding-right: 1.5rem !important;
+}
+.pe-5 {
+ padding-right: 3rem !important;
+}
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+.pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+.pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+.pb-3 {
+ padding-bottom: 1rem !important;
+}
+.pb-4 {
+ padding-bottom: 1.5rem !important;
+}
+.pb-5 {
+ padding-bottom: 3rem !important;
+}
+.ps-0 {
+ padding-left: 0 !important;
+}
+.ps-1 {
+ padding-left: 0.25rem !important;
+}
+.ps-2 {
+ padding-left: 0.5rem !important;
+}
+.ps-3 {
+ padding-left: 1rem !important;
+}
+.ps-4 {
+ padding-left: 1.5rem !important;
+}
+.ps-5 {
+ padding-left: 3rem !important;
+}
+@media (min-width: 576px) {
+ .d-sm-inline {
+ display: inline !important;
+ }
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
+ .d-sm-block {
+ display: block !important;
+ }
+ .d-sm-grid {
+ display: grid !important;
+ }
+ .d-sm-table {
+ display: table !important;
+ }
+ .d-sm-table-row {
+ display: table-row !important;
+ }
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
+ .d-sm-flex {
+ display: flex !important;
+ }
+ .d-sm-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-sm-none {
+ display: none !important;
+ }
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-sm-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+ .order-sm-first {
+ order: -1 !important;
+ }
+ .order-sm-0 {
+ order: 0 !important;
+ }
+ .order-sm-1 {
+ order: 1 !important;
+ }
+ .order-sm-2 {
+ order: 2 !important;
+ }
+ .order-sm-3 {
+ order: 3 !important;
+ }
+ .order-sm-4 {
+ order: 4 !important;
+ }
+ .order-sm-5 {
+ order: 5 !important;
+ }
+ .order-sm-last {
+ order: 6 !important;
+ }
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
+ .m-sm-auto {
+ margin: auto !important;
+ }
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-sm-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-sm-0 {
+ margin-top: 0 !important;
+ }
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-sm-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-sm-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-sm-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-sm-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
+ .me-sm-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-sm-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-sm-3 {
+ margin-right: 1rem !important;
+ }
+ .me-sm-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-sm-5 {
+ margin-right: 3rem !important;
+ }
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-sm-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-sm-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-sm-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-sm-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
+ .p-sm-0 {
+ padding: 0 !important;
+ }
+ .p-sm-1 {
+ padding: 0.25rem !important;
+ }
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-sm-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
+ .pe-sm-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-sm-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-sm-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-sm-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-sm-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
+ .ps-sm-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-sm-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-sm-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-sm-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-sm-5 {
+ padding-left: 3rem !important;
+ }
+}
+@media (min-width: 768px) {
+ .d-md-inline {
+ display: inline !important;
+ }
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
+ .d-md-block {
+ display: block !important;
+ }
+ .d-md-grid {
+ display: grid !important;
+ }
+ .d-md-table {
+ display: table !important;
+ }
+ .d-md-table-row {
+ display: table-row !important;
+ }
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
+ .d-md-flex {
+ display: flex !important;
+ }
+ .d-md-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-md-none {
+ display: none !important;
+ }
+ .flex-md-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-md-row {
+ flex-direction: row !important;
+ }
+ .flex-md-column {
+ flex-direction: column !important;
+ }
+ .flex-md-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-md-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-md-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-md-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-md-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-md-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-md-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-md-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-md-center {
+ justify-content: center !important;
+ }
+ .justify-content-md-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-md-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-md-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-md-start {
+ align-items: flex-start !important;
+ }
+ .align-items-md-end {
+ align-items: flex-end !important;
+ }
+ .align-items-md-center {
+ align-items: center !important;
+ }
+ .align-items-md-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-md-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-md-start {
+ align-content: flex-start !important;
+ }
+ .align-content-md-end {
+ align-content: flex-end !important;
+ }
+ .align-content-md-center {
+ align-content: center !important;
+ }
+ .align-content-md-between {
+ align-content: space-between !important;
+ }
+ .align-content-md-around {
+ align-content: space-around !important;
+ }
+ .align-content-md-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-md-auto {
+ align-self: auto !important;
+ }
+ .align-self-md-start {
+ align-self: flex-start !important;
+ }
+ .align-self-md-end {
+ align-self: flex-end !important;
+ }
+ .align-self-md-center {
+ align-self: center !important;
+ }
+ .align-self-md-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-md-stretch {
+ align-self: stretch !important;
+ }
+ .order-md-first {
+ order: -1 !important;
+ }
+ .order-md-0 {
+ order: 0 !important;
+ }
+ .order-md-1 {
+ order: 1 !important;
+ }
+ .order-md-2 {
+ order: 2 !important;
+ }
+ .order-md-3 {
+ order: 3 !important;
+ }
+ .order-md-4 {
+ order: 4 !important;
+ }
+ .order-md-5 {
+ order: 5 !important;
+ }
+ .order-md-last {
+ order: 6 !important;
+ }
+ .m-md-0 {
+ margin: 0 !important;
+ }
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
+ .m-md-3 {
+ margin: 1rem !important;
+ }
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+ .m-md-auto {
+ margin: auto !important;
+ }
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-md-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-md-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-md-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-md-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-md-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-md-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-md-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-md-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-md-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
+ .me-md-0 {
+ margin-right: 0 !important;
+ }
+ .me-md-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-md-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-md-3 {
+ margin-right: 1rem !important;
+ }
+ .me-md-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-md-5 {
+ margin-right: 3rem !important;
+ }
+ .me-md-auto {
+ margin-right: auto !important;
+ }
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-md-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
+ .ms-md-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-md-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-md-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-md-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-md-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
+ .p-md-0 {
+ padding: 0 !important;
+ }
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
+ .p-md-3 {
+ padding: 1rem !important;
+ }
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
+ .p-md-5 {
+ padding: 3rem !important;
+ }
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-md-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-md-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-md-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-md-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-md-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
+ .pe-md-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-md-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-md-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-md-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-md-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
+ .ps-md-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-md-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-md-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-md-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-md-5 {
+ padding-left: 3rem !important;
+ }
+}
+@media (min-width: 992px) {
+ .d-lg-inline {
+ display: inline !important;
+ }
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+ .d-lg-block {
+ display: block !important;
+ }
+ .d-lg-grid {
+ display: grid !important;
+ }
+ .d-lg-table {
+ display: table !important;
+ }
+ .d-lg-table-row {
+ display: table-row !important;
+ }
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
+ .d-lg-flex {
+ display: flex !important;
+ }
+ .d-lg-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-lg-none {
+ display: none !important;
+ }
+ .flex-lg-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-lg-row {
+ flex-direction: row !important;
+ }
+ .flex-lg-column {
+ flex-direction: column !important;
+ }
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-lg-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-lg-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-lg-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-lg-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-lg-center {
+ justify-content: center !important;
+ }
+ .justify-content-lg-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-lg-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-lg-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-lg-start {
+ align-items: flex-start !important;
+ }
+ .align-items-lg-end {
+ align-items: flex-end !important;
+ }
+ .align-items-lg-center {
+ align-items: center !important;
+ }
+ .align-items-lg-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-lg-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-lg-start {
+ align-content: flex-start !important;
+ }
+ .align-content-lg-end {
+ align-content: flex-end !important;
+ }
+ .align-content-lg-center {
+ align-content: center !important;
+ }
+ .align-content-lg-between {
+ align-content: space-between !important;
+ }
+ .align-content-lg-around {
+ align-content: space-around !important;
+ }
+ .align-content-lg-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-lg-auto {
+ align-self: auto !important;
+ }
+ .align-self-lg-start {
+ align-self: flex-start !important;
+ }
+ .align-self-lg-end {
+ align-self: flex-end !important;
+ }
+ .align-self-lg-center {
+ align-self: center !important;
+ }
+ .align-self-lg-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-lg-stretch {
+ align-self: stretch !important;
+ }
+ .order-lg-first {
+ order: -1 !important;
+ }
+ .order-lg-0 {
+ order: 0 !important;
+ }
+ .order-lg-1 {
+ order: 1 !important;
+ }
+ .order-lg-2 {
+ order: 2 !important;
+ }
+ .order-lg-3 {
+ order: 3 !important;
+ }
+ .order-lg-4 {
+ order: 4 !important;
+ }
+ .order-lg-5 {
+ order: 5 !important;
+ }
+ .order-lg-last {
+ order: 6 !important;
+ }
+ .m-lg-0 {
+ margin: 0 !important;
+ }
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
+ .m-lg-auto {
+ margin: auto !important;
+ }
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-lg-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-lg-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-lg-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-lg-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-lg-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-lg-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-lg-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
+ .me-lg-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-lg-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-lg-3 {
+ margin-right: 1rem !important;
+ }
+ .me-lg-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-lg-5 {
+ margin-right: 3rem !important;
+ }
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-lg-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-lg-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-lg-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-lg-0 {
+ margin-left: 0 !important;
+ }
+ .ms-lg-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-lg-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-lg-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-lg-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-lg-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
+ .p-lg-0 {
+ padding: 0 !important;
+ }
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
+ .p-lg-2 {
+ padding: 0.5rem !important;
+ }
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-lg-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-lg-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-lg-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
+ .pe-lg-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-lg-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-lg-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-lg-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-lg-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
+ .ps-lg-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-lg-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-lg-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-lg-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-lg-5 {
+ padding-left: 3rem !important;
+ }
+}
+@media (min-width: 1200px) {
+ .d-xl-inline {
+ display: inline !important;
+ }
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xl-block {
+ display: block !important;
+ }
+ .d-xl-grid {
+ display: grid !important;
+ }
+ .d-xl-table {
+ display: table !important;
+ }
+ .d-xl-table-row {
+ display: table-row !important;
+ }
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xl-flex {
+ display: flex !important;
+ }
+ .d-xl-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-xl-none {
+ display: none !important;
+ }
+ .flex-xl-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-xl-row {
+ flex-direction: row !important;
+ }
+ .flex-xl-column {
+ flex-direction: column !important;
+ }
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-xl-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-xl-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-xl-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-xl-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-xl-center {
+ justify-content: center !important;
+ }
+ .justify-content-xl-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-xl-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-xl-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-xl-start {
+ align-items: flex-start !important;
+ }
+ .align-items-xl-end {
+ align-items: flex-end !important;
+ }
+ .align-items-xl-center {
+ align-items: center !important;
+ }
+ .align-items-xl-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-xl-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-xl-start {
+ align-content: flex-start !important;
+ }
+ .align-content-xl-end {
+ align-content: flex-end !important;
+ }
+ .align-content-xl-center {
+ align-content: center !important;
+ }
+ .align-content-xl-between {
+ align-content: space-between !important;
+ }
+ .align-content-xl-around {
+ align-content: space-around !important;
+ }
+ .align-content-xl-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-xl-auto {
+ align-self: auto !important;
+ }
+ .align-self-xl-start {
+ align-self: flex-start !important;
+ }
+ .align-self-xl-end {
+ align-self: flex-end !important;
+ }
+ .align-self-xl-center {
+ align-self: center !important;
+ }
+ .align-self-xl-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-xl-stretch {
+ align-self: stretch !important;
+ }
+ .order-xl-first {
+ order: -1 !important;
+ }
+ .order-xl-0 {
+ order: 0 !important;
+ }
+ .order-xl-1 {
+ order: 1 !important;
+ }
+ .order-xl-2 {
+ order: 2 !important;
+ }
+ .order-xl-3 {
+ order: 3 !important;
+ }
+ .order-xl-4 {
+ order: 4 !important;
+ }
+ .order-xl-5 {
+ order: 5 !important;
+ }
+ .order-xl-last {
+ order: 6 !important;
+ }
+ .m-xl-0 {
+ margin: 0 !important;
+ }
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
+ .m-xl-auto {
+ margin: auto !important;
+ }
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-xl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-xl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-xl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-xl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-xl-0 {
+ margin-top: 0 !important;
+ }
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-xl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-xl-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-xl-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-xl-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-xl-auto {
+ margin-top: auto !important;
+ }
+ .me-xl-0 {
+ margin-right: 0 !important;
+ }
+ .me-xl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-xl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-xl-3 {
+ margin-right: 1rem !important;
+ }
+ .me-xl-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-xl-5 {
+ margin-right: 3rem !important;
+ }
+ .me-xl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-xl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-xl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-xl-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-xl-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-xl-0 {
+ margin-left: 0 !important;
+ }
+ .ms-xl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-xl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-xl-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-xl-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-xl-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-xl-auto {
+ margin-left: auto !important;
+ }
+ .p-xl-0 {
+ padding: 0 !important;
+ }
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
+ .p-xl-5 {
+ padding: 3rem !important;
+ }
+ .px-xl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-xl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-xl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-xl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-xl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
+ .pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-xl-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-xl-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-xl-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-xl-0 {
+ padding-right: 0 !important;
+ }
+ .pe-xl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-xl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-xl-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-xl-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-xl-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-xl-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-xl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-xl-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-xl-0 {
+ padding-left: 0 !important;
+ }
+ .ps-xl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-xl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-xl-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-xl-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-xl-5 {
+ padding-left: 3rem !important;
+ }
+}
+@media (min-width: 1400px) {
+ .d-xxl-inline {
+ display: inline !important;
+ }
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xxl-block {
+ display: block !important;
+ }
+ .d-xxl-grid {
+ display: grid !important;
+ }
+ .d-xxl-table {
+ display: table !important;
+ }
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xxl-flex {
+ display: flex !important;
+ }
+ .d-xxl-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-xxl-none {
+ display: none !important;
+ }
+ .flex-xxl-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-xxl-row {
+ flex-direction: row !important;
+ }
+ .flex-xxl-column {
+ flex-direction: column !important;
+ }
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-xxl-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-xxl-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-xxl-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-xxl-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-xxl-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-xxl-center {
+ justify-content: center !important;
+ }
+ .justify-content-xxl-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-xxl-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-xxl-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-xxl-start {
+ align-items: flex-start !important;
+ }
+ .align-items-xxl-end {
+ align-items: flex-end !important;
+ }
+ .align-items-xxl-center {
+ align-items: center !important;
+ }
+ .align-items-xxl-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-xxl-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-xxl-start {
+ align-content: flex-start !important;
+ }
+ .align-content-xxl-end {
+ align-content: flex-end !important;
+ }
+ .align-content-xxl-center {
+ align-content: center !important;
+ }
+ .align-content-xxl-between {
+ align-content: space-between !important;
+ }
+ .align-content-xxl-around {
+ align-content: space-around !important;
+ }
+ .align-content-xxl-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-xxl-auto {
+ align-self: auto !important;
+ }
+ .align-self-xxl-start {
+ align-self: flex-start !important;
+ }
+ .align-self-xxl-end {
+ align-self: flex-end !important;
+ }
+ .align-self-xxl-center {
+ align-self: center !important;
+ }
+ .align-self-xxl-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-xxl-stretch {
+ align-self: stretch !important;
+ }
+ .order-xxl-first {
+ order: -1 !important;
+ }
+ .order-xxl-0 {
+ order: 0 !important;
+ }
+ .order-xxl-1 {
+ order: 1 !important;
+ }
+ .order-xxl-2 {
+ order: 2 !important;
+ }
+ .order-xxl-3 {
+ order: 3 !important;
+ }
+ .order-xxl-4 {
+ order: 4 !important;
+ }
+ .order-xxl-5 {
+ order: 5 !important;
+ }
+ .order-xxl-last {
+ order: 6 !important;
+ }
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
+ .m-xxl-1 {
+ margin: 0.25rem !important;
+ }
+ .m-xxl-2 {
+ margin: 0.5rem !important;
+ }
+ .m-xxl-3 {
+ margin: 1rem !important;
+ }
+ .m-xxl-4 {
+ margin: 1.5rem !important;
+ }
+ .m-xxl-5 {
+ margin: 3rem !important;
+ }
+ .m-xxl-auto {
+ margin: auto !important;
+ }
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-xxl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-xxl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-xxl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-xxl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-xxl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-xxl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-xxl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-xxl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-xxl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
+ .mt-xxl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-xxl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-xxl-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-xxl-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-xxl-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
+ .me-xxl-0 {
+ margin-right: 0 !important;
+ }
+ .me-xxl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-xxl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-xxl-3 {
+ margin-right: 1rem !important;
+ }
+ .me-xxl-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-xxl-5 {
+ margin-right: 3rem !important;
+ }
+ .me-xxl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-xxl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-xxl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-xxl-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-xxl-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-xxl-0 {
+ margin-left: 0 !important;
+ }
+ .ms-xxl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-xxl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-xxl-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-xxl-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-xxl-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-xxl-auto {
+ margin-left: auto !important;
+ }
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
+ .p-xxl-1 {
+ padding: 0.25rem !important;
+ }
+ .p-xxl-2 {
+ padding: 0.5rem !important;
+ }
+ .p-xxl-3 {
+ padding: 1rem !important;
+ }
+ .p-xxl-4 {
+ padding: 1.5rem !important;
+ }
+ .p-xxl-5 {
+ padding: 3rem !important;
+ }
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-xxl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-xxl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-xxl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-xxl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-xxl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-xxl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-xxl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-xxl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-xxl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
+ .pt-xxl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-xxl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-xxl-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-xxl-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-xxl-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-xxl-0 {
+ padding-right: 0 !important;
+ }
+ .pe-xxl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-xxl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-xxl-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-xxl-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-xxl-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-xxl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-xxl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-xxl-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-xxl-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-xxl-0 {
+ padding-left: 0 !important;
+ }
+ .ps-xxl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-xxl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-xxl-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-xxl-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-xxl-5 {
+ padding-left: 3rem !important;
+ }
+}
+@media print {
+ .d-print-inline {
+ display: inline !important;
+ }
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
+ .d-print-block {
+ display: block !important;
+ }
+ .d-print-grid {
+ display: grid !important;
+ }
+ .d-print-table {
+ display: table !important;
+ }
+ .d-print-table-row {
+ display: table-row !important;
+ }
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
+ .d-print-flex {
+ display: flex !important;
+ }
+ .d-print-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-print-none {
+ display: none !important;
+ }
+}
+.tooltip {
+ position: absolute;
+ z-index: 999999;
+ display: block;
+ margin: 0;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ opacity: 0;
+ pointer-events: none;
+}
+.tooltip.show {
+ opacity: 0.9;
+}
+.tooltip .tooltip-arrow {
+ position: absolute;
+ display: block;
+ width: 0.8rem;
+ height: 0.4rem;
+}
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+.bs-tooltip-top,
+.bs-tooltip-auto[data-popper-placement^=top] {
+ padding: 0.4rem 0;
+}
+.bs-tooltip-top .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
+ bottom: 0;
+}
+.bs-tooltip-top .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
+ top: -1px;
+ border-width: 0.4rem 0.4rem 0;
+ border-top-color: #000;
+}
+.bs-tooltip-end,
+.bs-tooltip-auto[data-popper-placement^=right] {
+ padding: 0 0.4rem;
+}
+.bs-tooltip-end .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
+ left: 0;
+ width: 0.4rem;
+ height: 0.8rem;
+}
+.bs-tooltip-end .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+ right: -1px;
+ border-width: 0.4rem 0.4rem 0.4rem 0;
+ border-right-color: #000;
+}
+.bs-tooltip-bottom,
+.bs-tooltip-auto[data-popper-placement^=bottom] {
+ padding: 0.4rem 0;
+}
+.bs-tooltip-bottom .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
+ top: 0;
+}
+.bs-tooltip-bottom .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 0.4rem 0.4rem;
+ border-bottom-color: #000;
+}
+.bs-tooltip-start,
+.bs-tooltip-auto[data-popper-placement^=left] {
+ padding: 0 0.4rem;
+}
+.bs-tooltip-start .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
+ right: 0;
+ width: 0.4rem;
+ height: 0.8rem;
+}
+.bs-tooltip-start .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
+ left: -1px;
+ border-width: 0.4rem 0 0.4rem 0.4rem;
+ border-left-color: #000;
+}
+.tooltip-inner {
+ max-width: 200px;
+ padding: 0.25rem 0.5rem;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: 0.25rem;
+ -webkit-user-select: none;
+ user-select: none;
+ pointer-events: none;
+}
+.popover {
+ position: absolute;
+ top: 0;
+ left: 0 /* rtl:ignore */;
+ z-index: 1070;
+ display: block;
+ max-width: 276px;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ background-color: var(--modalBackground);
+ background-clip: padding-box;
+ box-shadow: var(--mediaItemShadow), var(--mediaItemShadow-Shadow);
+ border-radius: var(--mediaItemRadius);
+}
+.popover .popover-arrow {
+ position: absolute;
+ display: block;
+ width: 1rem;
+ height: 0.5rem;
+}
+.popover .popover-arrow::before,
+.popover .popover-arrow::after {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+.bs-popover-top > .popover-arrow,
+.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
+ bottom: calc(-0.5rem - 1px);
+}
+.bs-popover-top > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
+ bottom: 0;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-top > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+ bottom: 1px;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: #fff;
+}
+.bs-popover-end > .popover-arrow,
+.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
+ left: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
+}
+.bs-popover-end > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
+ left: 0;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-end > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+ left: 1px;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: #fff;
+}
+.bs-popover-bottom > .popover-arrow,
+.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
+ top: calc(-0.5rem - 1px);
+}
+.bs-popover-bottom > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
+ top: 0;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-bottom > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+ top: 1px;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: #fff;
+}
+.bs-popover-bottom .popover-header::before,
+.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 1rem;
+ margin-left: -0.5rem;
+ content: "";
+ border-bottom: 1px solid #f0f0f0;
+}
+.bs-popover-start > .popover-arrow,
+.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
+ right: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
+}
+.bs-popover-start > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
+ right: 0;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-start > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+ right: 1px;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: #fff;
+}
+.popover-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ background-color: #f0f0f0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
+}
+.popover-header:empty {
+ display: none;
+}
+.popover-body {
+ padding: 1rem 1rem;
+ color: var(--textColor);
+}
+.carousel {
+ position: relative;
+}
+.carousel.pointer-event {
+ -ms-touch-action: pan-y;
+ touch-action: pan-y;
+}
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: -webkit-transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ transition: none;
+ }
+}
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
+}
+.carousel-item-next:not(.carousel-item-left),
+.active.carousel-item-right {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+.carousel-item-prev:not(.carousel-item-right),
+.active.carousel-item-left {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ -webkit-transform: none;
+ transform: none;
+}
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right {
+ z-index: 1;
+ opacity: 1;
+}
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-right {
+ z-index: 0;
+ opacity: 0;
+ transition: opacity 0s 0.6s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-fade .active.carousel-item-left,
+ .carousel-fade .active.carousel-item-right {
+ transition: none;
+ }
+}
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: #fff;
+ text-align: center;
+ background: none;
+ border: 0;
+ opacity: 0.5;
+ transition: opacity 0.15s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-control-prev,
+ .carousel-control-next {
+ transition: none;
+ }
+}
+.carousel-control-prev:hover,
+.carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: #fff;
+ text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
+}
+.carousel-control-prev {
+ left: 0;
+}
+.carousel-control-next {
+ right: 0;
+}
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ background: 50% / 100% 100% no-repeat;
+}
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
+}
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
+}
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 15;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding-left: 0;
+ margin-right: 15%;
+ margin-left: 15%;
+ list-style: none;
+}
+.carousel-indicators li {
+ box-sizing: content-box;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: #fff;
+ background-clip: padding-box;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: 0.5;
+ transition: opacity 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators li {
+ transition: none;
+ }
+}
+.carousel-indicators .active {
+ opacity: 1;
+}
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 20px;
+ left: 15%;
+ z-index: 10;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ color: #fff;
+ text-align: center;
+}
+@-webkit-keyframes notyf-fadeinup {
+ 0% {
+ opacity: 0;
+ transform: translateY(25%);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+@keyframes notyf-fadeinup {
+ 0% {
+ opacity: 0;
+ transform: translateY(25%);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes notyf-fadeinleft {
+ 0% {
+ opacity: 0;
+ transform: translateX(25%);
+ }
+ to {
+ opacity: 1;
+ transform: translateX(0);
+ }
+}
+@keyframes notyf-fadeinleft {
+ 0% {
+ opacity: 0;
+ transform: translateX(25%);
+ }
+ to {
+ opacity: 1;
+ transform: translateX(0);
+ }
+}
+@-webkit-keyframes notyf-fadeoutright {
+ 0% {
+ opacity: 1;
+ transform: translateX(0);
+ }
+ to {
+ opacity: 0;
+ transform: translateX(25%);
+ }
+}
+@keyframes notyf-fadeoutright {
+ 0% {
+ opacity: 1;
+ transform: translateX(0);
+ }
+ to {
+ opacity: 0;
+ transform: translateX(25%);
+ }
+}
+@-webkit-keyframes notyf-fadeoutdown {
+ 0% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ to {
+ opacity: 0;
+ transform: translateY(25%);
+ }
+}
+@keyframes notyf-fadeoutdown {
+ 0% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ to {
+ opacity: 0;
+ transform: translateY(25%);
+ }
+}
+@-webkit-keyframes ripple {
+ 0% {
+ transform: scale(0) translateY(-45%) translateX(13%);
+ }
+ to {
+ transform: scale(1) translateY(-45%) translateX(13%);
+ }
+}
+@keyframes ripple {
+ 0% {
+ transform: scale(0) translateY(-45%) translateX(13%);
+ }
+ to {
+ transform: scale(1) translateY(-45%) translateX(13%);
+ }
+}
+.notyf {
+ position: fixed;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ color: #fff;
+ z-index: 9999;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ justify-content: flex-end;
+ pointer-events: none;
+ box-sizing: border-box;
+ padding: 20px;
+}
+.notyf__icon--error,
+.notyf__icon--success {
+ height: 21px;
+ width: 21px;
+ background: #fff;
+ border-radius: 50%;
+ display: block;
+ margin: 0 auto;
+ position: relative;
+}
+.notyf__icon--error:after,
+.notyf__icon--error:before {
+ content: "";
+ background: currentColor;
+ display: block;
+ position: absolute;
+ width: 3px;
+ border-radius: 3px;
+ left: 9px;
+ height: 12px;
+ top: 5px;
+}
+.notyf__icon--error:after {
+ transform: rotate(-45deg);
+}
+.notyf__icon--error:before {
+ transform: rotate(45deg);
+}
+.notyf__icon--success:after,
+.notyf__icon--success:before {
+ content: "";
+ background: currentColor;
+ display: block;
+ position: absolute;
+ width: 3px;
+ border-radius: 3px;
+}
+.notyf__icon--success:after {
+ height: 6px;
+ transform: rotate(-45deg);
+ top: 9px;
+ left: 6px;
+}
+.notyf__icon--success:before {
+ height: 11px;
+ transform: rotate(45deg);
+ top: 5px;
+ left: 10px;
+}
+.notyf__toast {
+ display: block;
+ overflow: hidden;
+ pointer-events: auto;
+ -webkit-animation: notyf-fadeinup 0.3s ease-in forwards;
+ animation: notyf-fadeinup 0.3s ease-in forwards;
+ box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25);
+ position: relative;
+ padding: 0 15px;
+ border-radius: 2px;
+ max-width: 300px;
+ transform: translateY(25%);
+ box-sizing: border-box;
+ flex-shrink: 0;
+}
+.notyf__toast--disappear {
+ transform: translateY(0);
+ -webkit-animation: notyf-fadeoutdown 0.3s forwards;
+ animation: notyf-fadeoutdown 0.3s forwards;
+ -webkit-animation-delay: 0.25s;
+ animation-delay: 0.25s;
+}
+.notyf__toast--disappear .notyf__icon,
+.notyf__toast--disappear .notyf__message {
+ -webkit-animation: notyf-fadeoutdown 0.3s forwards;
+ animation: notyf-fadeoutdown 0.3s forwards;
+ opacity: 1;
+ transform: translateY(0);
+}
+.notyf__toast--disappear .notyf__dismiss {
+ -webkit-animation: notyf-fadeoutright 0.3s forwards;
+ animation: notyf-fadeoutright 0.3s forwards;
+ opacity: 1;
+ transform: translateX(0);
+}
+.notyf__toast--disappear .notyf__message {
+ -webkit-animation-delay: 0.05s;
+ animation-delay: 0.05s;
+}
+.notyf__toast--upper {
+ margin-bottom: 20px;
+}
+.notyf__toast--lower {
+ margin-top: 20px;
+}
+.notyf__toast--dismissible .notyf__wrapper {
+ padding-right: 30px;
+}
+.notyf__ripple {
+ height: 400px;
+ width: 400px;
+ position: absolute;
+ transform-origin: bottom right;
+ right: 0;
+ top: 0;
+ border-radius: 50%;
+ transform: scale(0) translateY(-51%) translateX(13%);
+ z-index: 5;
+ -webkit-animation: ripple 0.4s ease-out forwards;
+ animation: ripple 0.4s ease-out forwards;
+}
+.notyf__wrapper {
+ display: flex;
+ align-items: center;
+ padding-top: 17px;
+ padding-bottom: 17px;
+ padding-right: 15px;
+ border-radius: 3px;
+ position: relative;
+ z-index: 10;
+}
+.notyf__icon {
+ width: 22px;
+ text-align: center;
+ font-size: 1.3em;
+ opacity: 0;
+ -webkit-animation: notyf-fadeinup 0.3s forwards;
+ animation: notyf-fadeinup 0.3s forwards;
+ -webkit-animation-delay: 0.3s;
+ animation-delay: 0.3s;
+ margin-right: 13px;
+}
+.notyf__dismiss {
+ position: absolute;
+ top: 0;
+ right: 0;
+ height: 100%;
+ width: 26px;
+ margin-right: -15px;
+ -webkit-animation: notyf-fadeinleft 0.3s forwards;
+ animation: notyf-fadeinleft 0.3s forwards;
+ -webkit-animation-delay: 0.35s;
+ animation-delay: 0.35s;
+ opacity: 0;
+}
+.notyf__dismiss-btn {
+ background-color: rgba(0, 0, 0, 0.25);
+ border: none;
+ cursor: pointer;
+ transition: opacity 0.2s ease, background-color 0.2s ease;
+ outline: none;
+ opacity: 0.35;
+ height: 100%;
+ width: 100%;
+}
+.notyf__dismiss-btn:after,
+.notyf__dismiss-btn:before {
+ content: "";
+ background: #fff;
+ height: 12px;
+ width: 2px;
+ border-radius: 3px;
+ position: absolute;
+ left: calc(50% - 1px);
+ top: calc(50% - 5px);
+}
+.notyf__dismiss-btn:after {
+ transform: rotate(-45deg);
+}
+.notyf__dismiss-btn:before {
+ transform: rotate(45deg);
+}
+.notyf__dismiss-btn:hover {
+ opacity: 0.7;
+ background-color: rgba(0, 0, 0, 0.15);
+}
+.notyf__dismiss-btn:active {
+ opacity: 0.8;
+}
+.notyf__message {
+ vertical-align: middle;
+ position: relative;
+ opacity: 0;
+ -webkit-animation: notyf-fadeinup 0.3s forwards;
+ animation: notyf-fadeinup 0.3s forwards;
+ -webkit-animation-delay: 0.25s;
+ animation-delay: 0.25s;
+ line-height: 1.5em;
+}
+@media only screen and (max-width: 480px) {
+ .notyf {
+ padding: 0;
+ }
+ .notyf__ripple {
+ height: 600px;
+ width: 600px;
+ -webkit-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+ }
+ .notyf__toast {
+ max-width: none;
+ border-radius: 0;
+ box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.13);
+ width: 100%;
+ }
+ .notyf__dismiss {
+ width: 56px;
+ }
+}
+.md-select {
+ padding: 6px;
+ border-radius: 6px;
+ border: 1px solid rgba(200, 200, 200, 0.1);
+ border-top: 1px solid rgba(100, 100, 100, 0.5);
+ font-family: inherit;
+ font-size: 14px;
+ background: rgba(100, 100, 100, 0.25);
+ color: #eee;
+}
+.md-select option {
+ font-size: 1em;
+ font-family: inherit;
+ padding: 8px 16px;
+ background: #404040;
+}
+.md-select optgroup {
+ background: #2c2c2c;
+}
+.md-select:focus {
+ outline: solid 1px var(--selected);
+}
+.md-btn {
+ font-family: inherit;
+ background: rgba(100, 100, 100, 0.25);
+ padding: 8px 14px;
+ border-radius: 6px;
+ font-size: 14px;
+ border: 1px solid rgba(100, 100, 100, 0.35);
+ border-top: 1px solid rgba(100, 100, 100, 0.5);
+ color: #eee;
+ white-space: nowrap;
+ transition: transform 0.2s var(--appleEase), box-shadow 0.2s var(--appleEase);
+}
+.md-btn.md-btn-block {
+ display: block;
+ width: 100%;
+}
+.md-btn.md-btn-glyph {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+}
+.md-btn.md-btn-primary {
+ background: #ff2b52a6;
+ color: white;
+ border: 1px solid rgba(220, 53, 69, 0.25);
+ border-top: 1px solid rgba(220, 53, 69, 0.5);
+}
+.md-btn.md-btn-small {
+ padding: 6px 8px;
+ font-size: 13px;
+}
+.md-btn:hover {
+ filter: brightness(125%);
+}
+.md-btn:active {
+ filter: brightness(75%);
+ transform: scale(0.98);
+ transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
+}
+.md-btn.md-btn-icon {
+ display: inline-flex;
+ vertical-align: middle;
+ justify-content: center;
+}
+.md-btn.md-btn-icon > img {
+ margin: 0px 16px 0px 0px;
+ pointer-events: none;
+}
+.md-btn.md-btn-icon > .md-btn-text {
+ margin: 0px;
+}
+.btn-group {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+}
+.btn-group > .md-btn {
+ border-radius: 0px;
+ width: 100%;
+}
+.btn-group > .md-btn:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+.btn-group > .md-btn:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+.btn-group > .md-btn:not(:first-child):not(:last-child) {
+ border-radius: 0px;
+}
+.md-close-btn {
+ -webkit-mask-image: url("ameres://icons/webui/close.svg");
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-position: center;
+ background-color: white;
+ opacity: 0.75;
+ -webkit-mask-size: contain;
+ height: 18px;
+ width: 18px;
+}
+.md-ico-play {
+ content: url("./assets/play.svg");
+ width: 10px;
+ height: 12px;
+ margin-right: 1px;
+ align-self: center;
+}
+.md-ico-shuffle {
+ content: url("./assets/shuffle.svg");
+ width: 1em;
+ height: 1em;
+ margin-right: 1px;
+ margin-bottom: -2px;
+ align-self: center;
+}
+.md-ico-remove {
+ content: url("./assets/feather/x-circle-white.svg");
+ width: 16px;
+ height: 16px;
+ margin-right: 1px;
+ margin-bottom: -1.5px;
+ align-self: center;
+}
+.md-ico-add {
+ content: url("./assets/feather/plus-circle-white.svg");
+ width: 1em;
+ height: 1em;
+ margin-right: 1px;
+ margin-bottom: -1.5px;
+ align-self: center;
+}
+.page-btn {
+ align-self: center;
+ height: 32px;
+}
+.page-btn img {
+ height: 100%;
+ align-self: center;
+}
+.md-ico-first {
+ content: url('./assets/angles-left.svg');
+}
+.md-ico-prev {
+ content: url('./assets/chevron-left.svg');
+}
+.md-ico-next {
+ content: url('./assets/chevron-right.svg');
+}
+.md-ico-last {
+ content: url('./assets/angles-right.svg');
+}
+.reload-btn {
+ background: rgba(86, 86, 86, 0.52);
+ border-radius: 100%;
+ width: 32px;
+ height: 32px;
+ border: 0px;
+ appearance: none;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.reload-btn:hover {
+ background: rgba(86, 86, 86, 0.8);
+ 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: rgba(80, 80, 80, 0.7);
+ color: white;
+}
+.cd-btn-seeall {
+ background: transparent;
+ border: 0px;
+ color: var(--keyColor);
+ font-family: inherit;
+ font-weight: 500;
+ font-size: 16px;
+ border-radius: 4px;
+ padding: 6px;
+}
+.cd-btn-seeall:hover {
+ cursor: pointer;
+ background: rgba(200, 200, 200, 0.1);
+}
+.mediaitem-artwork {
+ border-radius: var(--mediaItemRadius);
+ overflow: hidden;
+ flex: 0 0 auto;
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+.mediaitem-artwork .animatedartwork-view-box {
+ position: absolute;
+ top: 0px;
+ 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.rounded {
+ border-radius: 100%;
+}
+.mediaitem-artwork.rounded::after {
+ 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 img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ image-rendering: -webkit-optimize-contrast;
+ pointer-events: none;
+ background-image: url("./assets/MissingArtwork.svg");
+ background-size: cover;
+ background-position: center;
+}
+.mediaitem-artwork.no-shadow {
+ box-shadow: none;
+}
+.mediaitem-artwork.no-shadow::after {
+ display: none;
+}
+.mediaitem-artwork.subtle-shadow {
+ box-shadow: var(--mediaItemShadow-ShadowSubtle);
+}
+.mediaitem-artwork.shadow {
+ box-shadow: var(--mediaItemShadow-Shadow);
+}
+#artworkLCD img {
+ image-rendering: auto;
+}
+/* queue item */
+.cd-queue-item {
+ border-bottom: 0px solid rgba(200, 200, 200, 0.1);
+ padding: 1px;
+ padding-bottom: 9px;
+ padding-top: 9px;
+}
+.cd-queue-item .row,
+.cd-queue-item .col {
+ padding: 0px;
+ margin: 0px;
+}
+.cd-queue-item .artwork {
+ width: 42px;
+ height: 42px;
+ flex: 0 0 auto;
+}
+.cd-queue-item:hover {
+ background: var(--selected);
+}
+.cd-queue-item.selected {
+ background: var(--selected);
+}
+.cd-queue-item:active {
+ background: var(--selected-click);
+ color: #eee;
+}
+.cd-queue-item .queue-info {
+ justify-content: center;
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+}
+.cd-queue-item .queue-info .queue-title {
+ font-size: 14px;
+}
+.cd-queue-item .queue-info .queue-subtitle {
+ font-size: 0.7em;
+ opacity: 0.7;
+}
+.cd-queue-item .queue-duration-info {
+ display: flex;
+ flex-grow: 0;
+}
+.cd-queue-item .queue-duration {
+ font-size: 14px;
+ justify-content: center;
+ min-width: 60px;
+ height: 100%;
+}
+.cd-queue-item .queue-explicit-icon {
+ display: flex;
+ width: 24px;
+ padding: 0px;
+}
+.cd-queue-item .explicit-icon {
+ background-image: url("./assets/explicit.svg");
+ height: 12px;
+ width: 36px;
+ filter: contrast(0);
+ background-repeat: no-repeat;
+}
+/* horizontal media scroller */
+.cd-hmedia-scroller::-webkit-scrollbar-thumb {
+ box-shadow: none;
+}
+.cd-hmedia-scroller:hover::-webkit-scrollbar-thumb {
+ box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.5);
+}
+.cd-hmedia-scroller.hmedia-scroller-card .mediaitem-card {
+ margin: 16px;
+}
+/* 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-between;
+ align-items: center;
+ border-radius: var(--mediaItemRadius);
+ position: relative;
+ /* CSS.gg
+ */
+}
+.cd-mediaitem-list-item .listitem-content {
+ width: 100%;
+ height: 60px;
+ display: flex;
+ flex: 0 0 auto;
+ flex-direction: row;
+ font-size: 14px;
+ justify-content: center-between;
+ align-items: center;
+ border-radius: var(--mediaItemRadius);
+ position: relative;
+}
+.cd-mediaitem-list-item:hover .heart-icon {
+ display: none;
+}
+.cd-mediaitem-list-item .popular {
+ background-image: url(assets/star.svg);
+ background-repeat: no-repeat;
+ background-size: 10px;
+ width: 10px;
+ height: 10px;
+ position: absolute;
+ left: 3px;
+}
+.cd-mediaitem-list-item .artwork {
+ height: 42px;
+ width: 42px;
+ object-fit: cover;
+ object-position: center;
+ flex: 0 0 auto;
+ background-repeat: no-repeat;
+ margin: 12px;
+ border: 0px;
+ outline: none;
+ position: relative;
+ overflow: hidden;
+ border-radius: var(--mediaItemRadiusSmall);
+}
+.cd-mediaitem-list-item .artwork .mediaitem-artwork {
+ border-radius: var(--mediaItemRadiusSmall);
+}
+.cd-mediaitem-list-item .artwork .overlay-play {
+ background: rgba(0, 0, 0, 0.5);
+ opacity: 0;
+ appearance: none;
+ border: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ padding: 0px;
+ z-index: 5;
+ cursor: pointer;
+}
+.cd-mediaitem-list-item .artwork .overlay-play:hover {
+ opacity: 1;
+}
+.cd-mediaitem-list-item .artwork .overlay-play:active {
+ background: var(--selected-click);
+}
+.cd-mediaitem-list-item .artwork.round {
+ border-radius: var(--mediaItemRadiusRound);
+}
+.cd-mediaitem-list-item .info-rect {
+ height: 100%;
+ display: flex;
+ flex-flow: column;
+ justify-content: center;
+ flex-grow: 1;
+}
+.cd-mediaitem-list-item .title {
+ width: 100%;
+}
+.cd-mediaitem-list-item .subtitle {
+ width: 90%;
+ font-size: 0.8em;
+ opacity: 0.7;
+}
+.cd-mediaitem-list-item .duration {
+ min-width: 60px;
+ text-align: center;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.cd-mediaitem-list-item .metainfo {
+ min-width: 145px;
+ text-align: center;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.cd-mediaitem-list-item .heart-unfilled {
+ -webkit-mask-image: url("assets/feather/heart.svg");
+ height: 12px;
+ width: 12px;
+ background-repeat: no-repeat;
+ background-color: #999;
+}
+.cd-mediaitem-list-item .heart-filled {
+ -webkit-mask-image: url("assets/feather/heart-fill.svg");
+ height: 12px;
+ width: 12px;
+ background-repeat: no-repeat;
+ background-color: #999;
+}
+.cd-mediaitem-list-item .explicit-icon {
+ background-image: url("./assets/explicit.svg");
+ height: 12px;
+ width: 36px;
+ filter: contrast(0);
+ background-repeat: no-repeat;
+}
+.cd-mediaitem-list-item .heart-icon {
+ display: flex;
+ position: absolute;
+ left: 20px;
+}
+@keyframes load-bar {
+ 10% {
+ box-shadow: inset 0 -4px 0;
+ }
+ 20% {
+ box-shadow: inset 0 -10px 0;
+ }
+ 30% {
+ box-shadow: inset 0 -12px 0;
+ }
+ 40% {
+ box-shadow: inset 0 -8px 0;
+ }
+ 50% {
+ box-shadow: inset 0 -4px 0;
+ }
+ 60% {
+ box-shadow: inset 0 -6px 0;
+ }
+ 80% {
+ box-shadow: inset 0 -12px 0;
+ }
+ 90% {
+ box-shadow: inset 0 -6px 0;
+ }
+ to {
+ box-shadow: inset 0 -2px 0;
+ }
+}
+.cd-mediaitem-list-item .loadbar-sound,
+.cd-mediaitem-list-item .loadbar-sound::after,
+.cd-mediaitem-list-item .loadbar-sound::before {
+ animation: load-bar 1.3s ease infinite alternate;
+ box-sizing: border-box;
+ width: 3px;
+ height: 28px;
+ box-shadow: inset 0 -12px 0;
+}
+.cd-mediaitem-list-item .loadbar-sound {
+ margin-left: 22px;
+ margin-top: -16px;
+ position: relative;
+ transform: scale(var(--load-bar, 1));
+ color: var(--keyColor);
+ display: block;
+}
+.cd-mediaitem-list-item .loadbar-sound::after,
+.cd-mediaitem-list-item .loadbar-sound::before {
+ content: "";
+ position: absolute;
+ bottom: 0;
+}
+.cd-mediaitem-list-item .loadbar-sound::before {
+ left: -4.5px;
+ animation-delay: -2.4s;
+}
+.cd-mediaitem-list-item .loadbar-sound::after {
+ right: -4.2px;
+ animation-delay: -3.7s;
+}
+.cd-mediaitem-list-item .isLibrary {
+ flex: 0 0 auto;
+ width: 40px;
+ text-align: center;
+}
+.cd-mediaitem-list-item .isLibrary button {
+ appearance: none;
+ border: 0px;
+ background: transparent;
+ cursor: pointer;
+ filter: contrast(0.8);
+}
+.cd-mediaitem-list-item:hover {
+ background: rgba(200, 200, 200, 0.1);
+ box-shadow: var(--mediaItemShadow);
+}
+.cd-mediaitem-list-item:hover .overlay-play {
+ opacity: 1;
+}
+.cd-mediaitem-list-item.mediaitem-selected {
+ background: var(--selected);
+ box-shadow: var(--mediaItemShadow);
+}
+.cd-mediaitem-list-item:active {
+ background: var(--selected-click);
+ box-shadow: var(--mediaItemShadow);
+ color: #eee;
+}
+.cd-mediaitem-list-item.disabled {
+ opacity: 0.5;
+ pointer-events: none;
+}
+.cd-mediaitem-list-item.compact {
+ height: 40px;
+ font-size: 13px;
+}
+.cd-mediaitem-list-item.compact .artwork {
+ display: none;
+}
+.cd-mediaitem-list-item.compact .info-rect {
+ padding-left: 1em;
+}
+/* mediaitem-hrect */
+.cd-mediaitem-hrect {
+ background: rgba(255, 255, 255, 0.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: 245px;
+ 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 .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.round {
+ border-radius: var(--mediaItemRadiusRound);
+}
+.cd-mediaitem-square-sp .artwork:hover {
+ box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 1000000px inset;
+}
+.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;
+}
+.cd-mediaitem-square-sp:hover {
+ box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 1000000px inset;
+}
+/* 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 {
+ 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-mvview */
+/* mediaitem-mvview */
+.cd-mediaitem-mvview {
+ width: 300px;
+ 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-mvview > * {
+ z-index: inherit;
+}
+.cd-mediaitem-mvview .artwork {
+ height: 172px;
+ width: 300px;
+ 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-mvview-overlay {
+ position: absolute;
+ width: 300px;
+ float: right;
+ height: 250px;
+ top: 0px;
+ margin: 10px;
+ margin-top: 0px;
+ opacity: 0;
+}
+.cd-mediaitem-mvview-overlay > * {
+ pointer-events: auto;
+}
+.cd-mediaitem-mvview > .cd-mediaitem-mvview-overlay {
+ z-index: 3;
+}
+.cd-mediaitem-mvview > .cd-mediaitem-mvview-overlay:hover {
+ opacity: 1;
+}
+.cd-mediaitem-mvview + .cd-mediaitem-mvview-overlay {
+ pointer-events: none;
+}
+.cd-mediaitem-mvview:hover + .cd-mediaitem-mvview-overlay {
+ opacity: 1;
+}
+.cd-mediaitem-mvview .artwork.round {
+ border-radius: var(--mediaItemRadiusRound);
+}
+.cd-mediaitem-mvview .title {
+ width: 90%;
+ text-align: center;
+}
+.cd-mediaitem-mvview .subtitle {
+ width: 100%;
+ text-align: center;
+ font-size: 12px;
+}
+/* mediaitem-square */
+.cd-mediaitem-square {
+ --transitionDuration: 0.25s;
+ --scaleRate: 1.25;
+ --scaleRateArtwork: 1;
+ width: 200px;
+ height: 200px;
+ display: inline-flex;
+ flex: 0 0 auto;
+ flex-direction: column;
+ font-size: 14px;
+ justify-content: center;
+ align-items: center;
+ border-radius: 6px;
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
+}
+.cd-mediaitem-square .artwork-container {
+ position: relative;
+}
+.cd-mediaitem-square .artwork-container .artwork {
+ height: 150px;
+ width: 150px;
+ background: blue;
+ border-radius: var(--mediaItemRadius);
+ background: var(--artwork);
+ background-size: cover;
+ flex: 0 0 auto;
+ margin: 6px;
+ cursor: pointer;
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
+}
+.cd-mediaitem-square .artwork-container .artwork .mediaitem-artwork {
+ box-shadow: unset;
+}
+.cd-mediaitem-square .artwork-container .artwork.round {
+ border-radius: var(--mediaItemRadiusRound);
+}
+.cd-mediaitem-square .artwork-container .badge-container {
+ transition: opacity 0.1s var(--appleEase);
+ opacity: 1;
+}
+.cd-mediaitem-square .artwork-container .badge-container .socialBadge {
+ width: 32px;
+ height: 32px;
+ position: absolute;
+ right: 14px;
+ bottom: 14px;
+ border-radius: 100%;
+ overflow: hidden;
+ z-index: 2;
+ pointer-events: none;
+}
+.cd-mediaitem-square .artwork-container > .play-btn,
+.cd-mediaitem-square .artwork-container > .menu-btn {
+ opacity: 0;
+ appearance: none;
+ padding: 0px;
+ border: 0px;
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ background: rgba(50, 50, 50, 0.7);
+ cursor: pointer;
+ transition: opacity 0.1s var(--appleEase);
+}
+.cd-mediaitem-square .artwork-container > .play-btn :hover,
+.cd-mediaitem-square .artwork-container > .menu-btn :hover {
+ border-radius: 50%;
+ background: rgba(250, 0, 0, 0.7);
+}
+.cd-mediaitem-square .artwork-container > .play-btn {
+ position: absolute;
+ bottom: 14px;
+ left: 14px;
+ z-index: 2;
+}
+.cd-mediaitem-square .artwork-container > .menu-btn {
+ position: absolute;
+ bottom: 14px;
+ right: 14px;
+ z-index: 2;
+}
+.cd-mediaitem-square .artwork-container:hover > .badge-container {
+ opacity: 0;
+}
+.cd-mediaitem-square .artwork-container:hover > .play-btn,
+.cd-mediaitem-square .artwork-container:hover > .menu-btn {
+ opacity: 1;
+}
+@media (min-width: 1460px) {
+ .cd-mediaitem-square:not(.mediaitem-card):not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) {
+ --scaleRate: 1.1;
+ --scaleRateArtwork: 0.9;
+ width: calc(200px * var(--scaleRate));
+ height: calc(200px * var(--scaleRate));
+ }
+ .cd-mediaitem-square:not(.mediaitem-card):not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) .artwork-container > .artwork {
+ width: calc(190px * var(--scaleRateArtwork));
+ height: calc(190px * var(--scaleRateArtwork));
+ }
+}
+@media (min-width: 1550px) {
+ .cd-mediaitem-square:not(.mediaitem-card):not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) {
+ --scaleRate: 1.25;
+ --scaleRateArtwork: 1;
+ width: calc(200px * var(--scaleRate));
+ height: calc(200px * var(--scaleRate));
+ }
+ .cd-mediaitem-square:not(.mediaitem-card):not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) .artwork-container > .artwork {
+ width: calc(190px * var(--scaleRateArtwork));
+ height: calc(190px * var(--scaleRateArtwork));
+ }
+}
+.cd-mediaitem-square .info-rect {
+ width: 90%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.cd-mediaitem-square .title {
+ width: 100%;
+ text-align: center;
+ display: flex;
+ align-content: center;
+ justify-content: center;
+}
+.cd-mediaitem-square .subtitle {
+ width: 100%;
+ text-align: center;
+ font-size: 12px;
+}
+.cd-mediaitem-square .unavailable-overlay {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ bottom: 0;
+ right: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ z-index: 2;
+ pointer-events: none;
+ background: rgba(0, 0, 0, 0.4);
+ margin: 2em;
+ border-radius: 10px;
+}
+.cd-mediaitem-square .unavailable-overlay > .codicon {
+ font-size: 4em;
+ font-weight: bold;
+ opacity: 0.5;
+}
+.cd-mediaitem-square.mediaitem-video {
+ height: 200px;
+ width: 240px;
+}
+.cd-mediaitem-square.mediaitem-video .artwork {
+ height: 120px;
+ width: 212px;
+}
+@media (min-width: 1460px) {
+ .cd-mediaitem-square.mediaitem-video:not(.noscale) {
+ --scaleRate: 1.1;
+ --scaleRateArtwork: 1.1;
+ width: calc(240px * var(--scaleRate));
+ height: calc(200px * var(--scaleRate));
+ }
+ .cd-mediaitem-square.mediaitem-video:not(.noscale) .artwork-container > .artwork {
+ width: calc(220px * var(--scaleRateArtwork));
+ height: calc(123px * var(--scaleRateArtwork));
+ }
+}
+@media (min-width: 1550px) {
+ .cd-mediaitem-square.mediaitem-video:not(.noscale) {
+ --scaleRate: 1.25;
+ --scaleRateArtwork: 1.25;
+ width: calc(240px * var(--scaleRate));
+ height: calc(200px * var(--scaleRate));
+ }
+ .cd-mediaitem-square.mediaitem-video:not(.noscale) .artwork-container > .artwork {
+ width: calc(220px * var(--scaleRateArtwork));
+ height: calc(123px * var(--scaleRateArtwork));
+ }
+}
+.cd-mediaitem-square.mediaitem-brick {
+ height: 200px;
+ width: 240px;
+}
+.cd-mediaitem-square.mediaitem-brick .artwork {
+ height: 123px;
+ width: 220px;
+}
+@media (min-width: 1460px) {
+ .cd-mediaitem-square.mediaitem-brick:not(.noscale) {
+ --scaleRate: 1.1;
+ --scaleRateArtwork: 1.1;
+ width: calc(240px * var(--scaleRate));
+ height: calc(200px * var(--scaleRate));
+ }
+ .cd-mediaitem-square.mediaitem-brick:not(.noscale) .artwork-container > .artwork {
+ width: calc(220px * var(--scaleRateArtwork));
+ height: calc(123px * var(--scaleRateArtwork));
+ }
+}
+@media (min-width: 1550px) {
+ .cd-mediaitem-square.mediaitem-brick:not(.noscale) {
+ --scaleRate: 1.25;
+ --scaleRateArtwork: 1.25;
+ width: calc(240px * var(--scaleRate));
+ height: calc(200px * var(--scaleRate));
+ }
+ .cd-mediaitem-square.mediaitem-brick:not(.noscale) .artwork-container > .artwork {
+ width: calc(220px * var(--scaleRateArtwork));
+ height: calc(123px * var(--scaleRateArtwork));
+ }
+}
+.cd-mediaitem-square.mediaitem-small {
+ width: 140px;
+ height: 180px;
+}
+.cd-mediaitem-square.mediaitem-small .artwork {
+ height: 128px;
+ width: 128px;
+}
+.cd-mediaitem-square.mediaitem-card {
+ background: #ccc;
+ background: var(--spcolor);
+ height: 302px;
+ width: 230px;
+ overflow: hidden;
+ position: relative;
+ border-radius: calc(var(--mediaItemRadius) * 2);
+ box-shadow: var(--mediaItemShadow-ShadowSubtle);
+}
+.cd-mediaitem-square.mediaitem-card .artwork {
+ width: 230px;
+ height: 230px;
+ overflow: hidden;
+ border-radius: 0px;
+ margin: 0;
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear, filter 0.2s ease-in-out;
+}
+.cd-mediaitem-square.mediaitem-card .artwork .mediaitem-artwork {
+ border-radius: 0px;
+}
+.cd-mediaitem-square.mediaitem-card .artwork .mediaitem-artwork::after {
+ box-shadow: unset;
+}
+.cd-mediaitem-square.mediaitem-card .info-rect-card {
+ padding: 10px 10px 14px;
+ position: relative;
+ width: 100%;
+ display: grid;
+ align-content: center;
+}
+.cd-mediaitem-square.mediaitem-card .info-rect-card::before {
+ background: var(--bgartwork);
+ content: "";
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ position: absolute;
+ background-size: cover;
+ background-position: bottom;
+ z-index: 0;
+ opacity: 1;
+ filter: brightness(0.5) blur(50px) saturate(180%);
+ transition: filter 0.2s ease-in-out;
+}
+.cd-mediaitem-square.mediaitem-card .title {
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.9em;
+ font-weight: 500;
+ z-index: 1;
+}
+.cd-mediaitem-square.mediaitem-card .title + .subtitle {
+ max-height: none !important;
+}
+.cd-mediaitem-square.mediaitem-card .subtitle {
+ height: 100%;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.75em;
+ width: 100%;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3;
+ overflow: hidden;
+ max-height: 4.8em;
+ z-index: 1;
+}
+.cd-mediaitem-square.mediaitem-card::after {
+ box-shadow: var(--mediaItemShadow);
+ content: "";
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ pointer-events: none;
+ border-radius: inherit;
+}
+.cd-mediaitem-square.mediaitem-card:hover .artwork {
+ filter: brightness(0.8);
+}
+.cd-mediaitem-square.mediaitem-card:hover .info-rect-card::before {
+ filter: brightness(0.3) blur(50px) saturate(180%);
+}
+@media (min-width: 1460px) {
+ .cd-mediaitem-square.mediaitem-card:not(.noscale) {
+ width: calc(230px * 1.1);
+ height: calc(298px * 1.1);
+ }
+ .cd-mediaitem-square.mediaitem-card:not(.noscale) .artwork-container > .artwork {
+ width: calc(230px * 1.1);
+ height: calc(230px * 1.1);
+ }
+}
+@media (min-width: 1550px) {
+ .cd-mediaitem-square.mediaitem-card:not(.noscale) {
+ width: calc(230px * 1.25);
+ height: calc(298px * 1.25);
+ }
+ .cd-mediaitem-square.mediaitem-card:not(.noscale) .artwork-container > .artwork {
+ width: calc(230px * 1.25);
+ height: calc(230px * 1.25);
+ }
+}
+/* mediaitem-square */
+.albums-square-containeru > * > .cd-mediaitem-square {
+ --frame: max(220px, 15vw);
+ width: var(--frame);
+ height: calc(var(--frame) * 13 / 11);
+ display: inline-flex;
+ flex: 0 0 auto;
+ flex-direction: column;
+ font-size: calc(var(--frame) / 220 * 14);
+ justify-content: center;
+ align-items: center;
+ border-radius: calc(var(--frame) / 220 * 6);
+}
+.albums-square-containeru > * > .cd-mediaitem-square .artwork-container {
+ position: relative;
+}
+.albums-square-containeru > * > .cd-mediaitem-square .artwork-container .artwork {
+ height: calc(var(--frame) * 19 / 22);
+ width: calc(var(--frame) * 19 / 22);
+ background: blue;
+ border-radius: var(--mediaItemRadius);
+ background: var(--artwork);
+ background-size: cover;
+ flex: 0 0 auto;
+ margin: calc(var(--frame) / 220 * 6);
+ cursor: pointer;
+}
+.albums-square-containeru > * > .cd-mediaitem-square .artwork-container .artwork.round {
+ border-radius: var(--mediaItemRadiusRound);
+}
+.albums-square-containeru > * > .cd-mediaitem-square .artwork-container > .play-btn,
+.albums-square-containeru > * > .cd-mediaitem-square .artwork-container > .menu-btn {
+ opacity: 0;
+ appearance: none;
+ padding: 0px;
+ border: 0px;
+ width: calc(var(--frame) / 220 * 30);
+ height: calc(var(--frame) / 220 * 30);
+ border-radius: 50%;
+ background: rgba(50, 50, 50, 0.7);
+ cursor: pointer;
+ backdrop-filter: blur(32px) saturate(180%);
+ transition: opacity 0.1s var(--appleEase);
+}
+.albums-square-containeru > * > .cd-mediaitem-square .artwork-container > .play-btn {
+ position: absolute;
+ bottom: calc(var(--frame) / 220 * 14);
+ left: calc(var(--frame) / 220 * 14);
+ z-index: 2;
+}
+.albums-square-containeru > * > .cd-mediaitem-square .artwork-container > .menu-btn {
+ position: absolute;
+ bottom: calc(var(--frame) / 220 * 14);
+ right: calc(var(--frame) / 220 * 14);
+ z-index: 2;
+}
+.albums-square-containeru > * > .cd-mediaitem-square .artwork-container:hover > .play-btn,
+.albums-square-containeru > * > .cd-mediaitem-square .artwork-container:hover > .menu-btn {
+ opacity: 1;
+}
+.albums-square-containeru > * > .cd-mediaitem-square .title {
+ width: 90%;
+ text-align: center;
+}
+.albums-square-containeru > * > .cd-mediaitem-square .subtitle {
+ width: 100%;
+ text-align: center;
+ font-size: calc(var(--frame) / 220 * 12);
+}
+.albums-square-containeru > * > .cd-mediaitem-square.mediaitem-video {
+ height: calc(var(--frame) / 220 * 200);
+ width: calc(var(--frame) / 220 * 240);
+}
+.albums-square-containeru > * > .cd-mediaitem-square.mediaitem-video .artwork {
+ height: calc(var(--frame) / 220 * 120);
+ width: calc(var(--frame) / 220 * 212);
+}
+.albums-square-containeru > * > .cd-mediaitem-square.mediaitem-brick {
+ height: calc(var(--frame) / 220 * 200);
+ width: calc(var(--frame) / 220 * 240);
+}
+.albums-square-containeru > * > .cd-mediaitem-square.mediaitem-brick .artwork {
+ height: calc(var(--frame) / 220 * 123);
+ width: calc(var(--frame));
+}
+.listitem-horizontal .cd-mediaitem-list-item {
+ width: 350px;
+ height: 60px;
+}
+.mediaitem-list-item__grid {
+ background: rgba(200, 200, 200, 0.05);
+ border-radius: 10px;
+ padding: var(--contentInnerPadding);
+ box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
+ width: 100%;
+}
+.mediaitem-list-item__grid .cd-mediaitem-list-item {
+ width: 350px;
+ height: 60px;
+}
+.mediaitem-list-item__grid::-webkit-scrollbar {
+ display: none;
+}
+.mediaitem-list-item__grid:hover::-webkit-scrollbar {
+ display: initial;
+}
+.svg-icon {
+ --color: #aaa;
+ --url: url("./assets/feather/share.svg");
+ -webkit-mask-image: var(--url);
+ -webkit-mask-size: cover;
+ height: 18px;
+ width: 18px;
+ background: var(--color);
+}
+.svg-icon.inline {
+ display: inline-block;
+}
+.sidebar-icon {
+ width: 18px;
+ height: 18px;
+ margin-right: 8px;
+}
+.sidebar-icon > .svg-icon {
+ width: 100%;
+ height: 100%;
+ --color: #aaa;
+}
+.sidebar-icon > svg {
+ width: 100%;
+ height: 100%;
+ color: #aaa;
+}
+/* Switch Checkbox */
+input[type=checkbox][switch] {
+ width: 38px;
+ appearance: none;
+ border-radius: 32px;
+ height: 24px;
+ zoom: 1;
+ top: 0;
+ cursor: pointer;
+ left: 0;
+ position: relative;
+ transform: scale(1);
+ background: #8e8e93;
+ padding: 0;
+ margin: 0;
+}
+input[type=checkbox][switch]:focus,
+input[type=checkbox][switch]:active {
+ outline: none;
+}
+input[type=checkbox][switch]:checked {
+ background: var(--keyColor);
+ border: 0 solid var(--keyColor);
+ mix-blend-mode: unset;
+}
+input[type=checkbox][switch]:checked:hover {
+ background: var(--keyColor-rollover);
+}
+input[type=checkbox][switch]:checked:active {
+ background: var(--keyColor-pressed);
+}
+input[type=checkbox][switch]::before {
+ background: white;
+ width: 26px;
+ height: 26px;
+ top: -1px;
+ left: -1px;
+ position: absolute;
+ content: ' ';
+ border-radius: 32px;
+ transition: 0.1s left var(--appleEase);
+ transform: scale(0.75);
+}
+input[type=checkbox][switch]:checked::before {
+ background: white;
+ top: -1px;
+ left: 13px;
+ transition: 0.1s left var(--appleEase);
+ transform: scale(0.75);
+}
+input[type=checkbox][switch]:disabled::before {
+ opacity: 0.5;
+}
+input[type=checkbox][switch]:active::before {
+ left: 13px;
+}
+input[type=checkbox][switch]:checked:active::before {
+ left: -1px;
+}
+/* End Switch Checkbox */
+.header-text {
+ margin: 0px;
+}
+.media-item--small {
+ background: rgba(0, 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 rgba(200, 200, 200, 0.3);
+}
+.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.9em;
+}
+.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 rgba(200, 200, 200, 0.16), 0 8px 40px rgba(0, 0, 0, 0.55);
+ transition: transform 0.1s var(--appleEase);
+}
+.media-artwork.paused {
+ transition: transform 0.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.7;
+ border-radius: 6px;
+ position: relative;
+}
+.playback-button:before {
+ content: "";
+ display: block;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: var(--selected);
+ border-radius: inherit;
+ position: absolute;
+ opacity: 0;
+ z-index: -1;
+ transform: scale(0.5);
+ pointer-events: none;
+ transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+}
+.playback-button:hover:before {
+ transform: scale(1);
+ opacity: 1;
+}
+.playback-button--small {
+ border-radius: 6px;
+ font-size: 1em;
+ color: inherit;
+ background-size: 0.98em;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-color: transparent;
+ width: 40px;
+ height: 32px;
+ border: 0px;
+ box-shadow: unset;
+ opacity: 0.7;
+ position: relative;
+}
+.playback-button--small:before {
+ content: "";
+ display: block;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: var(--selected);
+ border-radius: inherit;
+ position: absolute;
+ opacity: 0;
+ z-index: -1;
+ transform: scale(0.5);
+ pointer-events: none;
+ transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+}
+.playback-button--small:hover:before {
+ transform: scale(1);
+ opacity: 1;
+}
+.playback-button--small.active {
+ background-color: rgba(200, 200, 200, 0.25);
+}
+.playback-button:active,
+.playback-button--small:active {
+ background-color: var(--selected-click);
+}
+.playback-button--small.search {
+ background-image: url("./assets/search.svg");
+}
+.playback-button--small.cast {
+ background-image: url("./assets/cast_white.svg");
+ background-size: 1.25em;
+}
+.playback-button--small.miniplayer {
+ background-image: url("./assets/pip.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: rgba(200, 200, 200, 0.25);
+ background-image: url("./assets/repeatOne.svg");
+}
+.playback-button.stop {
+ background-image: url('./assets/cider-icons/stop.svg');
+ background-size: 38px;
+ background-position: center;
+}
+.playback-button.collapseLibrary {
+ font-family: "codicon";
+ font-size: 1em;
+ color: var(--textColor);
+ display: grid;
+ place-items: center;
+}
+.playback-button.collapseLibrary span {
+ position: absolute;
+}
+.playback-button.pause {
+ background-image: url('./assets/cider-icons/pause.svg');
+ background-size: 38px;
+ background-position: center;
+}
+.playback-button.play {
+ background-image: url('./assets/cider-icons/play.svg');
+ background-size: 38px;
+ background-position: center;
+}
+.playback-button.next {
+ background-image: url('./assets/cider-icons/forward.svg');
+ background-size: 60%;
+ background-position: center;
+}
+.playback-button.previous {
+ background-image: url('./assets/cider-icons/backward.svg');
+ background-size: 60%;
+ background-position: center;
+}
+.playback-button.disabled,
+.playback-button--small.disabled {
+ opacity: 0.25 !important;
+ pointer-events: none;
+ transform: none !important;
+}
+.playback-button.disabled:hover,
+.playback-button--small.disabled:hover {
+ background-color: transparent !important;
+ transform: none !important;
+}
+.playback-button.navigation {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: white;
+}
+.playback-button.navigation > ._svg-icon {
+ height: 16px;
+ width: 16px;
+ pointer-events: none;
+}
+.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.svg");
+ opacity: 0.5;
+}
+.player-volume-glyph.increase {
+ background-image: url("./assets/volume-2.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: 1em;
+ 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 rgba(200, 200, 200, 0.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;
+}
+.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 rgba(200, 200, 200, 0.16), 0 8px 40px rgba(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;
+}
+.artist-chip {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ margin: 12px 12px 12px 0px;
+ border-radius: 4px;
+ color: white;
+ font-size: 1em;
+ font-weight: 500;
+ cursor: pointer;
+}
+.artist-chip .artist-chip__follow {
+ appearance: none;
+ border: 0;
+ height: 32px;
+ width: 32px;
+ background: #ffffff0f;
+ margin: 0px 0px 0px 10px;
+ font-weight: bold;
+ color: white;
+ border-radius: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 12px;
+ cursor: pointer;
+ flex: 0 0 32px;
+ box-shadow: var(--ciderShadow-Generic);
+}
+.artist-chip .artist-chip__follow:hover {
+ background: var(--selected);
+}
+.artist-chip .artist-chip__image {
+ width: 32px;
+ height: 32px;
+ background-size: contain;
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ overflow: hidden;
+ margin: 0px 12px 0px 0px;
+ pointer-events: none;
+ flex: 0 0 32px;
+}
+.artist-chip .artist-chip__image .mediaitem-artwork {
+ border-radius: inherit;
+}
+.artist-chip .artist-chip__name {
+ pointer-events: none;
+}
+.search-panel {
+ background: rgba(0, 0, 0, 0.5);
+}
+.search-header {
+ position: absolute;
+ width: 100%;
+ z-index: 1;
+ backdrop-filter: blur(16px);
+ -webkit-backdrop-filter: blur(16px);
+ border-bottom: 1px solid rgba(200, 200, 200, 0.08);
+}
+.connection-error-panel {
+ background: rgba(0, 0, 0, 0.5);
+}
+.search-type-container {
+ display: flex;
+}
+.search-type-button {
+ background: rgba(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%;
+}
+.search-body {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ padding-top: 220px;
+}
+.search-tab {
+ background: rgba(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);
+}
+.fancy-pills .nav-pills {
+ position: relative;
+}
+.fancy-pills .nav-pills .nav-link {
+ transition: transform 0.3s var(--appleEase);
+ position: relative;
+ background-color: transparent;
+ border: 0;
+ border-radius: 50px;
+ color: #eee;
+ -webkit-user-drag: none;
+ font-weight: 500;
+ margin: 0px 4px;
+}
+.fancy-pills .nav-pills .nav-link:after {
+ --dist: 1px;
+ content: "";
+ position: absolute;
+ top: var(--dist);
+ bottom: var(--dist);
+ left: var(--dist);
+ right: var(--dist);
+ background-color: transparent;
+ border-radius: 50px;
+ z-index: -1;
+ opacity: 0;
+ transition: background-color 0.5s var(--appleEase), opacity 0.25s var(--appleEase), border-radius 0.32s var(--appleEase);
+}
+.fancy-pills .nav-pills .nav-link:hover {
+ outline: none;
+ transform: scale(1.1);
+ background: transparent;
+ color: #333;
+}
+.fancy-pills .nav-pills .nav-link:hover:after {
+ opacity: 1;
+ background-color: #eee;
+ transition: background-color 0.25s var(--appleEase), border-radius 0.25s var(--appleEase), color 0s var(--appleEase), opacity 0s var(--appleEase);
+}
+.fancy-pills .nav-pills .nav-link.active {
+ outline: none;
+ transform: scale(1.1);
+ background: transparent;
+ color: #333;
+ font-weight: 600;
+}
+.fancy-pills .nav-pills .nav-link.active:after {
+ opacity: 1;
+ background-color: #eee;
+}
+.fancy-pills .nav-pills:hover .nav-link.active {
+ outline: none;
+ background: transparent;
+ color: #eee;
+ transform: scale(1);
+}
+.fancy-pills .nav-pills:hover .nav-link.active:after {
+ background: rgba(200, 200, 200, 0.15);
+ opacity: 1;
+ transition: color 0s;
+ --dist: 4px;
+}
+.fancy-pills .nav-pills:hover .nav-link.active:hover {
+ transform: scale(1.1);
+ z-index: 1;
+ color: #333;
+}
+.fancy-pills .nav-pills:hover .nav-link.active:hover:after {
+ background: #eee;
+ border-radius: inherit;
+ --dist: 1px;
+}
+.fancy-pills .nav-pills:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ background: rgba(200, 200, 200, 0.1);
+ border-radius: 50px;
+ z-index: 0;
+ pointer-events: none;
+}
+.grouping-container {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 16px;
+}
+.grouping-container .grouping-btn {
+ padding: 16px;
+ appearance: none;
+ border: 0px;
+ border-radius: 10px;
+ background: var(--color1);
+ color: var(--keyColor);
+ width: 100%;
+ text-align: left;
+ font-family: inherit;
+ cursor: pointer;
+ flex: 1 0 21%;
+ position: relative;
+}
+.grouping-container .grouping-btn:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ font-family: "codicon";
+ display: flex;
+ align-items: center;
+ width: 28px;
+ font-weight: bold;
+ font-size: 1.2em;
+ pointer-events: none;
+}
+.app-sidebar-header .search-input-container .search-hints-container {
+ top: 38px;
+ padding: 3px;
+}
+.content-inner.library-page .heart-icon {
+ left: 7px;
+}
+.content-inner.library-page .cd-mediaitem-list-item {
+ padding-left: 25px;
+}
+.content-inner.library-artists-page .inner-container .list-container .podcasts-list {
+ background: rgba(27, 27, 27);
+ padding-top: 14px;
+ width: 272px;
+}
+.content-inner.library-artists-page .inner-container .list-container .podcasts-list .cd-mediaitem-list-item {
+ margin-left: 10px;
+}
+.content-inner.library-artists-page .inner-container .list-container .podcasts-list .cd-mediaitem-list-item:hover {
+ width: 96%;
+}
+.notyf__toast {
+ -webkit-app-region: no-drag;
+ cursor: pointer;
+}
+.notyf-info {
+ background: var(--keyColor);
+}
+.tooltip-inner {
+ background: #2f2f2f;
+ opacity: 1;
+ border: 1px solid rgba(0, 0, 0, 0.35);
+ transition: all 0.3s ease-in-out;
+ box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
+}
+.modal-fullscreen {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0.3);
+ z-index: 1000;
+}
+.modal-fullscreen .modal-window {
+ background: #333;
+ border-radius: 10px;
+ box-shadow: var(--mediaItemShadow-Shadow);
+ display: flex;
+ flex-flow: column;
+ max-height: 500px;
+ max-width: 360px;
+ background: #121212;
+ width: 100%;
+ position: relative;
+}
+.modal-fullscreen .modal-window:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+ box-shadow: var(--mediaItemShadow);
+ z-index: 1;
+ border-radius: inherit;
+}
+.modal-fullscreen .modal-window .modal-header {
+ width: 100%;
+ padding: 6px;
+}
+.modal-fullscreen .modal-window .modal-content {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ overflow-y: overlay;
+}
+.spatialproperties-panel .modal-window {
+ overflow: hidden;
+}
+.spatialproperties-panel .modal-window:not(.airplay-modal) {
+ height: 700px;
+ max-height: 700px;
+ width: 800px;
+ max-width: 800px;
+}
+.spatialproperties-panel .modal-window .info-header {
+ padding-left: 12px;
+}
+.spatialproperties-panel .modal-window .visual-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ overflow: hidden;
+}
+.spatialproperties-panel .modal-window .visual {
+ position: relative;
+ height: 250px;
+ width: 300px;
+ display: inline-flex;
+ align-items: flex-end;
+ justify-content: center;
+ filter: drop-shadow(2px 12px 6px rgba(0, 0, 0, 0.25));
+ margin: 0 auto;
+}
+.spatialproperties-panel .modal-window .visual .face {
+ position: absolute;
+ width: calc(12px * 6);
+ height: calc(12px * 6);
+ border-radius: 6px;
+ transform: rotateX(60deg) rotateZ(-45deg);
+ transition: transform 0.2s linear, width 0.2s linear, height 0.2s linear;
+}
+.spatialproperties-panel .modal-window .visual .listener {
+ position: absolute;
+ width: 32px;
+ height: 32px;
+ border-radius: 6px;
+ transform: rotateX(60deg) rotateZ(-45deg);
+ transition: transform 0.2s linear, width 0.2s linear, height 0.2s linear;
+ background: white;
+ color: black;
+ z-index: 2;
+}
+.spatialproperties-panel .modal-window .visual .audiosource {
+ position: absolute;
+ width: 32px;
+ height: 32px;
+ border-radius: 6px;
+ transform: rotateX(60deg) rotateZ(-45deg);
+ transition: transform 0.2s linear, width 0.2s linear, height 0.2s linear;
+ background: yellow;
+ z-index: 2;
+}
+.spatialproperties-panel .modal-window .visual .face:nth-of-type(1) {
+ background: linear-gradient(45deg, #28223a, #1f2038);
+ z-index: 1;
+}
+.spatialproperties-panel .modal-window .visual .face:nth-of-type(2) {
+ background: linear-gradient(45deg, #7d53ad, #5763ff);
+ transform: rotateX(60deg) rotateZ(-45deg) translateZ(30px);
+ opacity: 0.7;
+ z-index: 3;
+}
+.spatialproperties-panel .modal-window .modal-header {
+ padding: 16px;
+ position: relative;
+ overflow: hidden;
+}
+.spatialproperties-panel .modal-window .modal-header .modal-title {
+ text-align: center;
+}
+.spatialproperties-panel .modal-window .modal-header .close-btn {
+ width: 36px;
+ height: 36px;
+ background-position: center;
+ background-repeat: no-repeat;
+ -webkit-app-region: no-drag;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ border-radius: 50px;
+ display: grid;
+ align-content: center;
+}
+.spatialproperties-panel .modal-window .modal-header .close-btn:before {
+ content: "";
+ font-family: "codicon";
+ color: var(--textColor);
+ font-size: 20px;
+}
+.spatialproperties-panel .modal-window .modal-header .close-btn:hover {
+ background-color: #c42b1c;
+}
+.addtoplaylist-panel .modal-window {
+ max-height: 600px;
+ max-width: 400px;
+ background: rgba(18, 18, 18, 0.9);
+ overflow: hidden;
+ backdrop-filter: blur(16px) saturate(180%);
+}
+.addtoplaylist-panel .modal-window .modal-header {
+ padding: 16px;
+ position: relative;
+}
+.addtoplaylist-panel .modal-window .modal-header .modal-title {
+ text-align: center;
+}
+.addtoplaylist-panel .modal-window .modal-header .close-btn {
+ width: 36px;
+ height: 36px;
+ background-position: center;
+ background-repeat: no-repeat;
+ -webkit-app-region: no-drag;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ border-radius: 50px;
+ display: grid;
+ align-content: center;
+}
+.addtoplaylist-panel .modal-window .modal-header .close-btn:before {
+ content: "";
+ font-family: "codicon";
+ color: var(--textColor);
+ font-size: 20px;
+}
+.addtoplaylist-panel .modal-window .modal-header .close-btn:hover {
+ background-color: #c42b1c;
+}
+.addtoplaylist-panel .modal-window .modal-search {
+ width: 100%;
+ padding: 0px 16px;
+ position: relative;
+}
+.addtoplaylist-panel .modal-window .playlist-item {
+ appearance: none;
+ border: 0px;
+ text-align: left;
+ width: 100%;
+ margin: 0;
+ display: flex;
+ background: rgba(32, 32, 32, 0.46);
+ color: #eee;
+ font-family: inherit;
+ font-size: 0.98em;
+ padding: 6px 12px;
+ align-items: center;
+ flex-flow: row;
+}
+.addtoplaylist-panel .modal-window .playlist-item .icon {
+ pointer-events: none;
+ width: 32px;
+ height: 32px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-right: 6px;
+}
+.addtoplaylist-panel .modal-window .playlist-item .name {
+ position: relative;
+}
+.addtoplaylist-panel .modal-window .playlist-item:hover {
+ background: var(--selected);
+}
+.addtoplaylist-panel .modal-window .playlist-item:active {
+ background: var(--selected-click);
+}
+.addtoplaylist-panel .modal-window .playlist-item.focused {
+ background: var(--keyColor);
+}
+.addtoplaylist-panel .modal-window .playlist-item:last-child {
+ border-bottom: 0px;
+}
+.menu-panel {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 100001;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ -webkit-app-region: no-drag;
+}
+.menu-panel .menu-header-body {
+ padding: 6px;
+ display: flex;
+ background: rgba(200, 200, 200, 0.1);
+}
+.menu-panel .menu-header-body .menu-option-header {
+ width: 40px;
+ height: 40px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: var(--mediaItemRadius);
+ appearance: none;
+ border: 0;
+ background: transparent;
+}
+.menu-panel .menu-header-body .menu-option-header.active .sidebar-icon > .svg-icon {
+ --color: var(--keyColor);
+}
+.menu-panel .menu-header-body .menu-option-header:hover {
+ background: var(--selected);
+}
+.menu-panel .menu-header-body .menu-option-header:active {
+ background: var(--selected-click);
+}
+.menu-panel .menu-panel-body {
+ display: flex;
+ flex-flow: column;
+ background: rgba(30, 30, 30, 0.45);
+ backdrop-filter: blur(32px) saturate(180%);
+ position: relative;
+ min-width: 200px;
+ box-shadow: var(--ciderShadow-Generic);
+ border-radius: var(--panelRadius);
+ overflow: hidden;
+ font-size: 13px;
+}
+.menu-panel .menu-panel-body .menu-option {
+ text-align: left;
+ display: flex;
+ appearance: none;
+ border: 0px;
+ font: inherit;
+ background: transparent;
+ color: inherit;
+ margin: 0 auto;
+ position: relative;
+ width: 100%;
+ padding: 9px 14px;
+ align-items: center;
+}
+.menu-panel .menu-panel-body .menu-option::before {
+ background: var(--hover);
+ border-radius: 6px;
+ content: "";
+ --sizeY: 3px;
+ --sizeX: 4px;
+ top: var(--sizeY);
+ left: var(--sizeX);
+ bottom: var(--sizeY);
+ right: var(--sizeX);
+ position: absolute;
+ opacity: 0;
+ transform: scale(0.98);
+ z-index: -1;
+ transition: transform 0.25s ease-out, opacity 0.25s ease-out;
+}
+.menu-panel .menu-panel-body .menu-option:hover::before {
+ transition: transform 0s ease-in, opacity 0s ease-in;
+ opacity: 1;
+ transform: scale(1);
+}
+.menu-panel .menu-panel-body .menu-option:active::before {
+ transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
+ opacity: 1;
+ transform: scale(0.98);
+ background: var(--selected-click);
+}
+.menu-panel .menu-header-text {
+ margin: 18px 6px;
+}
+.menu-panel .menu-header-text .close-btn {
+ width: 36px;
+ height: 36px;
+ background-position: center;
+ background-repeat: no-repeat;
+ -webkit-app-region: no-drag;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ border-radius: 50px;
+ display: grid;
+ align-content: center;
+}
+.menu-panel .menu-header-text .close-btn:before {
+ content: "";
+ font-family: "codicon";
+ color: var(--textColor);
+ font-size: 20px;
+}
+.menu-panel .menu-header-text .close-btn:hover {
+ background-color: #c42b1c;
+}
+.menu-panel .menu-body {
+ overflow: overlay;
+ height: 100%;
+ display: flex;
+ flex-flow: column;
+ gap: 0px;
+ padding: 0px;
+ position: relative;
+}
+.menu-panel .menu-footer {
+ width: 100%;
+ padding: 12px;
+}
+.queue-panel {
+ height: 100%;
+ width: 100%;
+ display: flex;
+ flex-flow: column;
+}
+.queue-panel .queue-header-text {
+ margin: 18px 6px;
+}
+.queue-panel .queue-body {
+ overflow: overlay;
+ height: 100%;
+}
+.queue-panel .queue-footer {
+ width: 100%;
+ padding: 12px;
+}
+.queue-panel .autoplay {
+ background: rgba(200, 200, 200, 0.15);
+ display: flex;
+ justify-content: center;
+ appearance: none;
+ border: 0;
+ border-radius: 6px;
+ height: 32px;
+ width: 32px;
+}
+.queue-panel .infinity {
+ content: url("./assets/infinity.svg");
+ margin: auto;
+}
+.moreinfo-modal .modal-window {
+ height: 70%;
+ max-height: 100%;
+ width: 45%;
+ max-width: 100%;
+ overflow: hidden;
+ line-height: 1.25;
+}
+.moreinfo-modal .modal-content {
+ padding: 1em;
+ font-size: 0.8rem;
+}
+.moreinfo-modal .modal-content br {
+ display: block;
+ /* makes it have a width */
+ content: "";
+ /* clears default height */
+ margin: 2em;
+ margin-bottom: -0.6rem;
+}
+.moreinfo-modal .modal-header {
+ flex-direction: column;
+}
+.moreinfo-modal .modal-header .modal-title {
+ text-align: unset !important;
+ width: 100%;
+}
+.moreinfo-modal .modal-header .modal-title:not(.modal-subtitle) {
+ font-size: 25px;
+}
+.mediainfo-popover {
+ user-select: none;
+ background-color: #000000;
+ overflow: hidden;
+}
+.mediainfo-popover .content .shadow-artwork {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ filter: blur(32px) brightness(50%) saturate(280%);
+}
+.mediainfo-popover .content .popover-artwork {
+ width: 200px;
+ height: 200px;
+ margin: 0 auto;
+ margin-bottom: 20px;
+}
+.mediainfo-popover .content .song-name {
+ font-weight: 600;
+}
+.mediainfo-popover .content .song-artist,
+.mediainfo-popover .content .song-album {
+ opacity: 0.75;
+ cursor: pointer;
+}
+.mediainfo-popover .content .song-artist:hover,
+.mediainfo-popover .content .song-album:hover {
+ text-decoration: underline;
+}
+._svg-icon {
+ --icon: url("./assets/chevron-left.svg");
+ --size: 1em;
+ width: var(--size);
+ height: var(--size);
+ -webkit-mask-image: var(--icon);
+ -webkit-mask-position: center;
+ -webkit-mask-size: contain;
+ background: rgba(255, 255, 255, 0.76);
+ -webkit-mask-repeat: no-repeat;
+}
+._svg-icon.md {
+ --size: 1.2em;
+}
+.content-inner {
+ position: absolute;
+ top: var(--navigationBarHeight);
+ left: 0;
+ padding: 32px;
+ width: 100%;
+ transition: zoom 1s;
+ zoom: 1;
+}
+.content-inner.centered {
+ height: 100%;
+ display: flex;
+ flex-flow: column;
+ justify-content: center;
+ align-items: center;
+}
+.github-themes-page {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+.github-themes-page .github-avatar {
+ height: 42px;
+ width: 42px;
+ margin: 6px;
+ border-radius: 32px;
+}
+.github-themes-page .repo-name {
+ margin: 0px;
+ font-weight: 500;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: break-spaces;
+}
+.github-themes-page .repo-url {
+ color: var(--textColor);
+ font-size: 0.8em;
+}
+.github-themes-page .repo-preview-name {
+ margin: 0px;
+}
+.github-themes-page .repos-list {
+ height: 85%;
+ width: 320px;
+ font-size: 14px;
+ position: absolute;
+ overflow: overlay;
+ padding-bottom: 16px;
+}
+.github-themes-page .repos-list > .list-group {
+ margin: 0px;
+}
+.github-themes-page .repos-list .list-group-item {
+ padding: 12px 6px;
+}
+.github-themes-page .repos-list .list-group-item:hover {
+ filter: brightness(1.2);
+}
+.github-themes-page .repos-list .list-group-item:active {
+ filter: brightness(0.8);
+}
+.github-themes-page .github-preview {
+ height: 85%;
+ flex: 1;
+ padding: 16px 32px;
+ overflow: auto;
+ position: fixed;
+ margin-left: 320px;
+ padding-bottom: 16px;
+}
+.github-themes-page .gh-content {
+ display: flex;
+ flex-direction: row;
+ flex: 1;
+ overflow: hidden;
+}
+.github-themes-page .gh-header {
+ padding: 16px;
+}
+.github-themes-page .gh-header .header-text {
+ position: initial !important;
+ justify-content: left !important;
+}
+.github-themes-page .installed-themes-page .style-editor-container {
+ height: 100%;
+ flex: 1;
+ background: var(--color2);
+ padding: 0px;
+ overflow-y: overlay;
+}
+.github-themes-page .installed-themes-page .style-editor-container .list-group-item {
+ border-radius: 0px;
+}
+.installed-themes-page {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ overflow: hidden;
+}
+.installed-themes-page .themeContextMenu {
+ background: transparent;
+ color: var(--keyColor);
+ border: 0px;
+}
+.installed-themes-page .list-group-item.addon {
+ background: rgba(86, 86, 86, 0.2);
+}
+.installed-themes-page .list-group-item.applied {
+ background: var(--keyColor-disabled);
+ pointer-events: none;
+}
+.installed-themes-page .repo-header {
+ font-size: 16px;
+ position: sticky;
+ top: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ height: 50px;
+ z-index: 1;
+ background: rgba(36, 36, 36, 0.5);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ backdrop-filter: var(--glassFilter);
+ overflow: hidden;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.18);
+ border-top: 1px solid rgba(135, 135, 135, 0.18);
+}
+.installed-themes-page .gh-header {
+ z-index: 5;
+ padding: 16px;
+ flex: 0 0 auto;
+ height: 64px;
+ display: grid;
+ align-content: center;
+}
+.installed-themes-page .gh-header .header-text {
+ position: initial !important;
+ justify-content: left !important;
+}
+.installed-themes-page .gh-content {
+ display: flex;
+ flex-direction: row;
+ padding: 0px;
+ height: 100%;
+ flex: 0 0 auto;
+}
+.installed-themes-page .gh-content .repos-list {
+ width: 320px;
+ overflow: overlay;
+ height: 90%;
+ font-size: 14px;
+ white-space: nowrap;
+}
+.installed-themes-page .gh-content .repos-list > .list-group {
+ margin: 0px;
+ padding-bottom: 16px;
+}
+.installed-themes-page .gh-content .repos-list .list-group-item {
+ padding: 12px 6px;
+}
+.installed-themes-page .gh-content .repos-list .list-group-item:hover {
+ filter: brightness(1.2);
+}
+.installed-themes-page .gh-content .repos-list .list-group-item:active {
+ filter: brightness(0.8);
+}
+.installed-themes-page .gh-content .style-editor-container {
+ height: 100%;
+ flex: 1;
+ padding: 0px;
+ width: 100%;
+ overflow: hidden;
+}
+.installed-themes-page .gh-content .style-editor-container .stylestack-editor {
+ padding-bottom: 16px;
+}
+.installed-themes-page .gh-content .style-editor-container .list-group-item {
+ border-radius: 0px;
+}
+.installed-themes-page .stylestack-editor {
+ width: 100%;
+}
+.installed-themes-page .stylestack-editor .btn,
+.installed-themes-page .stylestack-editor .btn-group {
+ width: 100%;
+}
+.installed-themes-page .stylestack-editor .themeLabel {
+ display: flex;
+ align-items: center;
+}
+.installed-themes-page .stylestack-editor .handle {
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.installed-themes-page .stylestack-editor .list-group-item:hover {
+ cursor: grab;
+}
+.installed-themes-page .stylestack-editor .list-group-item:active {
+ cursor: grabbing;
+}
+.installed-themes-page .stylestack-editor .removeItem {
+ border: 0px;
+ background: transparent;
+ height: 32px;
+ font-weight: bold;
+ color: var(--textColor);
+ cursor: pointer;
+}
+.installed-themes-page .stylestack-editor .stylesDropdown > .dropdown-menu {
+ height: 300px;
+ overflow-y: overlay;
+}
+.library-page {
+ padding: 0px;
+}
+.library-page .library-header {
+ position: sticky;
+ top: 0;
+ left: 0;
+ border-bottom: 1px solid rgba(200, 200, 200, 0.05);
+ z-index: 6;
+ background: black;
+ padding: 0px 2em;
+ backdrop-filter: blur(32px);
+ background: rgba(0, 0, 0, 0.25);
+ top: var(--navigationBarHeight);
+}
+.library-page .well {
+ margin: 2em;
+}
+.search-page .searchToggle {
+ float: right;
+}
+.search-page .searchToggle > button {
+ min-width: 120px;
+}
+.search-page .cd-mediaitem-square.mediaitem-brick {
+ width: 530px !important;
+}
+.search-page .cd-mediaitem-square.mediaitem-brick .artwork-container .artwork {
+ height: 168px !important;
+ width: 507px !important;
+ z-index: 1;
+}
+.search-page .cd-mediaitem-square.mediaitem-brick .title {
+ font-weight: bold;
+ justify-content: left;
+ font-size: 18px;
+ margin-top: -40px;
+ z-index: 5;
+ pointer-events: none;
+}
+.content-inner.podcasts-page {
+ display: flex;
+ height: calc(100% - var(--navigationBarHeight));
+ padding: 0px;
+}
+.content-inner.podcasts-page .list-flat {
+ border-radius: 0px;
+}
+.content-inner.podcasts-page .podcast-artwork {
+ width: 200px;
+ margin: 16px auto;
+ height: 200px;
+}
+.content-inner.podcasts-page .podcasts-list {
+ height: 100%;
+ width: 280px;
+ background: rgba(200, 200, 200, 0.1);
+ overflow-y: overlay;
+ border-right: 1px solid var(--color2);
+ flex: none;
+ overflow-x: hidden;
+}
+.content-inner.podcasts-page .podcasts-list .podcast-list-header {
+ border-bottom: 1px solid var(--color2);
+ font-size: 0.7em;
+ padding: 6px;
+ background: #ffffff17;
+ text-transform: uppercase;
+ font-weight: 600;
+ opacity: 0.5;
+}
+.content-inner.podcasts-page .podcasts-list .podcasts-search {
+ padding: 10px;
+ position: sticky;
+ top: 0;
+ left: 0;
+ width: 100%;
+ border-bottom: 1px solid var(--color2);
+ z-index: 2;
+ background: #303030;
+}
+.content-inner.podcasts-page .episodes-list {
+ height: 100%;
+ width: 100%;
+ background: rgba(200, 200, 200, 0.06);
+ overflow-y: overlay;
+ overflow-x: hidden;
+}
+.content-inner.podcasts-page .episodes-list .episodes-inline-info {
+ padding: 14px 14px 0px 14px;
+}
+.content-inner.podcasts-page .episodes-list .episodes-inline-info .podcast-show-info {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+.content-inner.podcasts-page .episodes-list .episodes-inline-info .podcast-show-description {
+ margin: 32px 6px;
+ font-size: 0.8rem;
+ white-space: pre-wrap;
+ display: block;
+}
+.content-inner.podcasts-page .episodes-list .episodes-inline-info .podcast-artwork {
+ width: 120px;
+ margin: 0px auto;
+ height: 120px;
+}
+.content-inner.podcasts-page .episodes-list .podcast-no-search-results {
+ text-align: center;
+ margin-top: 40px;
+}
+.content-inner.podcasts-page .podcasts-details {
+ width: 300px;
+ flex: none;
+ background: rgba(255, 255, 255, 0.05);
+ overflow-y: overlay;
+ overflow-x: hidden;
+ top: 2%;
+ z-index: 2;
+ border-left: 1px solid var(--color2);
+ padding-bottom: 1em;
+}
+.content-inner.podcasts-page .podcasts-details .meta-btn {
+ font-size: 0.75em;
+}
+.content-inner.podcasts-page .podcasts-details .podcasts-details-header {
+ display: flex;
+ justify-content: end;
+ align-items: center;
+ position: sticky;
+ top: 0;
+ z-index: 2;
+}
+.content-inner.podcasts-page .podcasts-details .close-btn {
+ width: 50px;
+ height: 42px;
+ background-image: var(--gfx-closeBtn);
+ background-position: center;
+ background-repeat: no-repeat;
+ -webkit-app-region: no-drag;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.content-inner.podcasts-page .podcasts-details .close-btn:hover {
+ background-color: #c42b1c;
+}
+.content-inner.podcasts-page .podcasts-details .podcast-genre {
+ text-align: center;
+ margin: 6px;
+ font-size: 0.8em;
+ font-weight: 500;
+ opacity: 0.8;
+}
+.content-inner.podcasts-page .podcasts-details .podcast-metainfo {
+ text-align: center;
+ font-size: 0.7em;
+ opacity: 0.8;
+}
+.content-inner.podcasts-page .podcasts-details .podcast-header {
+ text-align: center;
+ padding: 0 1rem;
+}
+.content-inner.podcasts-page .podcasts-details .podcast-play-btn {
+ width: 50%;
+ display: block;
+ margin: 0 auto;
+}
+.content-inner.podcasts-page .podcasts-details .podcast-description {
+ margin: 12px;
+ font-size: 0.75em;
+ white-space: pre-wrap;
+ display: block;
+ line-break: anywhere;
+}
+.content-inner.library-artists-page {
+ height: calc(100% - 60px - var(--navigationBarHeight));
+ padding: 0px;
+}
+.content-inner.library-artists-page .inner-container {
+ display: flex;
+ height: calc(100% - var(--navigationBarHeight));
+ padding: 0px;
+ height: 100%;
+}
+.content-inner.library-artists-page .inner-container .list-flat {
+ border-radius: 0px;
+}
+.content-inner.library-artists-page .inner-container .podcast-artwork {
+ width: 200px;
+ margin: 16px auto;
+ height: 200px;
+}
+.content-inner.library-artists-page .inner-container .podcasts-list {
+ height: 100%;
+ width: 280px;
+ background: rgba(200, 200, 200, 0.1);
+ overflow-y: overlay;
+ border-right: 1px solid var(--color2);
+ flex: none;
+ overflow-x: hidden;
+}
+.content-inner.library-artists-page .inner-container .podcasts-list .podcast-list-header {
+ border-bottom: 1px solid var(--color2);
+ font-size: 0.7em;
+ padding: 6px;
+ background: #ffffff17;
+ text-transform: uppercase;
+ font-weight: 600;
+ opacity: 0.5;
+}
+.content-inner.library-artists-page .inner-container .podcasts-list .podcasts-search {
+ padding: 10px;
+ position: sticky;
+ top: 0;
+ left: 0;
+ width: 100%;
+ border-bottom: 1px solid var(--color2);
+ z-index: 2;
+ background: #303030;
+}
+.content-inner.library-artists-page .inner-container .episodes-list {
+ height: calc(100% + 60px);
+ width: 100%;
+ background: rgba(200, 200, 200, 0.06);
+ overflow-y: overlay;
+ overflow-x: hidden;
+}
+.content-inner.library-artists-page .inner-container .episodes-list .episodes-inline-info {
+ padding: 14px 14px 0px 14px;
+}
+.content-inner.library-artists-page .inner-container .episodes-list .episodes-inline-info .podcast-show-info {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+.content-inner.library-artists-page .inner-container .episodes-list .episodes-inline-info .podcast-show-description {
+ margin: 32px 6px;
+ font-size: 0.8rem;
+ white-space: pre-wrap;
+ display: block;
+}
+.content-inner.library-artists-page .inner-container .episodes-list .episodes-inline-info .podcast-artwork {
+ width: 120px;
+ margin: 0px auto;
+ height: 120px;
+}
+.content-inner.library-artists-page .inner-container .episodes-list .podcast-no-search-results {
+ text-align: center;
+ margin-top: 40px;
+}
+.content-inner.library-artists-page .inner-container .podcasts-details {
+ width: 300px;
+ flex: none;
+ background: rgba(255, 255, 255, 0.05);
+ overflow-y: overlay;
+ overflow-x: hidden;
+ top: 2%;
+ z-index: 2;
+ border-left: 1px solid var(--color2);
+ padding-bottom: 1em;
+}
+.content-inner.library-artists-page .inner-container .podcasts-details .meta-btn {
+ font-size: 0.75em;
+}
+.content-inner.library-artists-page .inner-container .podcasts-details .podcasts-details-header {
+ display: flex;
+ justify-content: end;
+ align-items: center;
+ position: sticky;
+ top: 0;
+ z-index: 2;
+}
+.content-inner.library-artists-page .inner-container .podcasts-details .close-btn {
+ width: 50px;
+ height: 42px;
+ background-image: var(--gfx-closeBtn);
+ background-position: center;
+ background-repeat: no-repeat;
+ -webkit-app-region: no-drag;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.content-inner.library-artists-page .inner-container .podcasts-details .close-btn:hover {
+ background-color: #c42b1c;
+}
+.content-inner.library-artists-page .inner-container .podcasts-details .podcast-genre {
+ text-align: center;
+ margin: 6px;
+ font-size: 0.8em;
+ font-weight: 500;
+ opacity: 0.8;
+}
+.content-inner.library-artists-page .inner-container .podcasts-details .podcast-metainfo {
+ text-align: center;
+ font-size: 0.7em;
+ opacity: 0.8;
+}
+.content-inner.library-artists-page .inner-container .podcasts-details .podcast-header {
+ text-align: center;
+}
+.content-inner.library-artists-page .inner-container .podcasts-details .podcast-play-btn {
+ width: 50%;
+ display: block;
+ margin: 0 auto;
+}
+.content-inner.library-artists-page .inner-container .podcasts-details .podcast-description {
+ margin: 12px;
+ font-size: 0.75em;
+ white-space: pre-wrap;
+ display: block;
+ line-break: anywhere;
+}
+@media only screen and (max-width: 1230px) {
+ .content-inner.library-artists-page .content-inner.podcasts-page .podcasts-details {
+ height: 96%;
+ width: 300px;
+ flex: none;
+ background: rgba(20, 20, 20, 0.97);
+ overflow-y: overlay;
+ overflow-x: hidden;
+ position: absolute;
+ right: 2%;
+ top: 2%;
+ border-radius: 10px;
+ box-shadow: var(--ciderShadow-Generic);
+ z-index: 2;
+ }
+}
+@media only screen and (max-width: 1230px) {
+ .content-inner.podcasts-page .podcasts-details {
+ height: 96%;
+ width: 300px;
+ flex: none;
+ background: rgba(20, 20, 20, 0.97);
+ overflow-y: overlay;
+ overflow-x: hidden;
+ position: absolute;
+ right: 2%;
+ top: 2%;
+ border-radius: 10px;
+ box-shadow: var(--ciderShadow-Generic);
+ z-index: 2;
+ }
+}
+/* Album / Playlist Page */
+.playlist-page {
+ --bgColor: transparent;
+ padding: 0px;
+ top: 0;
+ padding-top: var(--navigationBarHeight);
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ overflow: hidden;
+}
+.playlist-page .cd-mediaitem-list-item:hover .heart-icon {
+ display: flex;
+}
+.playlist-page .cd-mediaitem-list-item .heart-icon {
+ left: -25px;
+}
+.playlist-page .editTracksBtn {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ z-index: 1;
+}
+.playlist-page .editTracksBtn > span {
+ display: flex;
+ gap: 8px;
+}
+.playlist-page .mediaContainer {
+ transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
+ width: 260px;
+ height: 260px;
+}
+.playlist-page .playlist-body {
+ padding: 32px;
+ overflow-y: overlay;
+ height: 100%;
+ padding: 0px;
+ background-color: var(--color3);
+}
+.playlist-page .playlist-body.scrollbody .tabs {
+ display: flex;
+ flex-flow: column;
+ height: 100%;
+}
+.playlist-page .playlist-body.scrollbody .tabs .nav-link {
+ text-transform: capitalize;
+}
+.playlist-page .playlist-body.scrollbody .tabs .tab-content {
+ height: 100%;
+ overflow: hidden;
+ margin: 0px;
+}
+.playlist-page .playlist-body.scrollbody .tabs .tab-content .tab-pane {
+ height: 100%;
+ overflow-y: overlay;
+ overflow-x: hidden;
+ padding: var(--contentInnerPadding);
+ padding-inline: 40px;
+ -webkit-mask-image: linear-gradient(180deg, transparent, white 20px);
+}
+.playlist-page .playlist-body.scrollbody .tabs .tab-content .tab-pane .well {
+ margin: 0px;
+}
+.playlist-page .playlist-body .search-input-container {
+ height: 2.5rem;
+ margin: 1rem;
+ margin-top: 0;
+ scroll-margin-top: 1rem;
+}
+.playlist-page .playlist-body .search-input-container .search-input {
+ width: 100%;
+ height: 100%;
+}
+.playlist-page .floating-header {
+ position: sticky;
+ top: 0;
+ left: 0;
+ border-bottom: 1px solid rgba(200, 200, 200, 0.05);
+ z-index: 6;
+ padding: 0px 1em;
+ backdrop-filter: blur(32px);
+ background: rgba(0, 0, 0, 0.25);
+ top: var(--navigationBarHeight);
+ transition: opacity 0.1s var(--appleEase);
+ display: none;
+}
+.playlist-page .playlist-display {
+ padding: var(--contentInnerPadding);
+ min-height: 300px;
+ position: relative;
+ box-shadow: 0px 4px 6px 3px rgba(0, 0, 0, 0.1);
+ transition: min-height 0.5s ease-in-out;
+}
+.playlist-page .playlist-display .artworkContainer {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ margin: 0;
+ margin-top: calc(var(--navigationBarHeight) * -1);
+ margin-bottom: -10px;
+ padding: 0;
+ -webkit-mask-image: radial-gradient(at top left, black, transparent 70%), radial-gradient(at top right, black, transparent 70%), linear-gradient(180deg, #c8c8c8, transparent 98%);
+ opacity: 0.7;
+ animation: playlistArtworkFadeIn 1s var(--appleEase);
+}
+.playlist-page .playlist-display .artworkContainer .artworkMaterial img {
+ filter: brightness(100%) blur(80px) saturate(100%) contrast(1);
+ object-position: center;
+ object-fit: cover;
+ width: 100%;
+ height: 100%;
+ transform: unset;
+}
+.playlist-page .playlist-display .playlistInfo {
+ z-index: 1;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-hero {
+ width: 100%;
+ transform: translateX(25%);
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-hero .mediaitem-artwork {
+ -webkit-mask-image: -webkit-radial-gradient(center, circle cover, #000000 50%, rgba(0, 0, 0, 0) 75%);
+ border-radius: 0px;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-hero .hero-tint {
+ position: absolute;
+ top: 0;
+ opacity: 0.6;
+ width: 100%;
+ height: 100%;
+}
+.playlist-page .playlist-display .playlistInfo > .row {
+ width: calc(100% - 32px);
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info {
+ flex-shrink: unset;
+ display: flex;
+ flex-flow: column;
+ justify-content: flex-end;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .playlist-name {
+ font-weight: 700;
+ font-size: 1.6rem;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ flex-shrink: unset;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .search-input::placeholder {
+ color: var(--heroplaceholdercolor);
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .nameEdit {
+ font-weight: 700;
+ font-size: 1.6rem;
+ flex-shrink: unset;
+ background: transparent;
+ border: 0px;
+ color: inherit;
+ font-family: inherit;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .descriptionEdit {
+ font-size: 14px;
+ flex-shrink: unset;
+ background: transparent;
+ border: 0px;
+ color: inherit;
+ font-family: inherit;
+ width: 60vw;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .descriptionEdit {
+ font-size: 14px;
+ flex-shrink: unset;
+ background: transparent;
+ border: 0px;
+ color: inherit;
+ font-family: inherit;
+ width: 60vw;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .playlist-artist {
+ font-size: 20px;
+ margin-bottom: 6px;
+ margin-right: 6px;
+ flex-shrink: unset;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .playlist-desc {
+ transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
+ box-sizing: border-box;
+ font-size: 14px;
+ flex-shrink: unset;
+ margin-right: 5px;
+ max-height: 100px;
+ position: relative;
+ height: 4vh;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .playlist-desc .content {
+ height: 4vh;
+ -webkit-mask-image: -webkit-gradient(linear, left 50%, left 90%, from(#000000), to(rgba(0, 0, 0, 0)));
+}
+.playlist-page .playlist-display .playlistInfo .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-page .playlist-display .playlistInfo .playlist-info .playlist-desc-expanded {
+ box-sizing: border-box;
+ font-size: 14px;
+ position: relative;
+}
+.playlist-page .playlist-display .playlistInfo .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-page .playlist-display .playlistInfo .playlist-info .search-btn {
+ display: flex;
+ width: 32px;
+ align-items: center;
+ margin-right: 1rem;
+ background: rgba(100, 100, 100, 0.5);
+ border: none;
+ cursor: pointer;
+ border-radius: 100vmax;
+ box-shadow: var(--ciderShadow-Generic);
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .search-btn > ._svg-icon {
+ width: 18px;
+ height: 18px;
+ margin: auto;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .search-btn.active {
+ animation: enlarge 0.5s ease-in-out;
+}
+.playlist-page .playlist-display .playlistInfo .playlist-info .search-btn:hover {
+ filter: brightness(125%);
+}
+@keyframes enlarge {
+ 0% {
+ transform: scale(1);
+ }
+ 50% {
+ transform: scale(1.2);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+.playlist-page .friends-info {
+ display: flex;
+ flex-flow: column;
+}
+.playlist-page .friends-info .badge-container {
+ display: flex;
+ flex-flow: wrap;
+}
+.playlist-page .friends-info .badge-container .socialBadge {
+ width: 40px;
+ height: 40px;
+ border-radius: 100%;
+ overflow: hidden;
+ box-shadow: var(--mediaItemShadow-ShadowSubtle);
+ transition: transform 0.2s var(--appleEase);
+ margin: 6px;
+}
+.playlist-page .friends-info .badge-container .socialBadge:hover {
+ transform: scale(1.2);
+}
+.playlist-page .friends-info .friends-name {
+ text-align: center;
+ font-size: 0.9em;
+ margin: 8px;
+}
+.playlist-page .playlist-time {
+ font-size: 0.9em;
+ margin: 6px;
+ opacity: 0.7;
+ transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
+ height: 0.9em;
+}
+.playlist-page.inline-playlist {
+ overflow: hidden;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0.5);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 10;
+ position: sticky;
+ margin-top: calc(var(--navigationBarHeight) * -1);
+}
+.playlist-page.inline-playlist .floating-header {
+ opacity: 1;
+ top: 0px;
+ z-index: 6;
+ padding: 1em;
+ backdrop-filter: unset;
+ background: black;
+}
+.playlist-page.inline-playlist .floating-header h3 {
+ display: none;
+}
+.playlist-page.inline-playlist .playlist-inner {
+ background: black;
+ width: 80%;
+ height: 100%;
+ overflow: overlay;
+ box-shadow: var(--ciderShadow-Generic);
+ border-radius: var(--mediaItemRadius) var(--mediaItemRadius) 0px 0px;
+}
+.playlist-page.inline-playlist .playlist-inner .close-btn {
+ position: sticky;
+ top: 16px;
+ left: 16px;
+ margin-left: 16px;
+ z-index: 7;
+}
+.playlist-page .pilldim .nav-pills {
+ width: max-content;
+ margin: 0 auto;
+ margin-top: 16px;
+}
+.playlist-page.plmin .playlist-display {
+ transition: min-height 0.5s ease-in-out;
+ min-height: 200px;
+}
+.playlist-page.plmin .playlist-display .mediaContainer {
+ transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
+ width: 128px !important;
+ height: 128px !important;
+}
+.playlist-page.plmin .playlist-display .playlist-time {
+ transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
+ height: 0px;
+ opacity: 0;
+}
+.playlist-page.plmin .playlist-display .playlist-desc {
+ transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
+ height: 0px !important;
+ opacity: 0;
+}
+@keyframes playlistArtworkFadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0.7;
+ }
+}
+.collection-page {
+ padding-bottom: 128px;
+}
+.collection-page .top-fab {
+ height: 52px;
+ width: 52px;
+ position: fixed;
+ bottom: 32px;
+ right: 32px;
+ border-radius: 100%;
+ background: #3c3c3c;
+ border: 0px;
+ appearance: none;
+ box-shadow: var(--ciderShadow-Generic);
+}
+.collection-page .top-fab > svg {
+ height: 50%;
+ color: #eee;
+ pointer-events: none;
+}
+.collection-page .top-fab:hover {
+ background: #646464;
+}
+.collection-page .top-fab:active {
+ background: var(--keyColor);
+}
+.collection-page .header-text {
+ margin-bottom: 32px;
+}
+/* Artist Page */
+.artist-page {
+ padding: 0px;
+ top: 0;
+}
+.artist-page .floating-header {
+ position: sticky;
+ top: 0;
+ left: 0;
+ border-bottom: 1px solid rgba(200, 200, 200, 0.05);
+ z-index: 6;
+ padding: 0px 1em;
+ backdrop-filter: blur(32px);
+ background: rgba(0, 0, 0, 0.25);
+ top: var(--navigationBarHeight);
+ transition: opacity 0.1s var(--appleEase);
+}
+.artist-page.animated .artist-header .more-btn-round {
+ position: absolute;
+ bottom: 22px !important;
+ right: 28px;
+}
+.artist-page.animated .artist-header {
+ min-height: 500px;
+}
+.artist-page .artist-header {
+ color: white;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ min-height: 400px;
+ position: relative;
+ pointer-events: none;
+}
+.artist-page .artist-header .header-content {
+ z-index: 1;
+}
+.artist-page .artist-header .artist-hero {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+.artist-page .artist-header .artist-hero .mediaitem-artwork {
+ border-radius: 0px;
+}
+.artist-page .artist-header .artworkContainer {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ -webkit-mask-image: radial-gradient(at top left, black, transparent 70%), radial-gradient(at top right, black, transparent 70%), linear-gradient(180deg, #c8c8c8, transparent 98%);
+ opacity: 0.7;
+ animation: playlistArtworkFadeIn 1s var(--appleEase);
+}
+.artist-page .artist-header .artworkContainer .artworkMaterial img {
+ filter: brightness(100%) blur(80px) saturate(100%) contrast(1);
+ object-position: center;
+ object-fit: cover;
+ width: 100%;
+ height: 100%;
+ transform: unset;
+}
+.artist-page .artist-header .more-btn-round {
+ position: absolute;
+ bottom: 82px;
+ right: 28px;
+}
+.artist-page .artist-header .social-btn {
+ border-radius: 100%;
+ background: transparent;
+ height: 17px;
+ border: 0px;
+ cursor: pointer;
+ z-index: 69;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-left: 100px;
+}
+.artist-page .artist-header .animated {
+ width: 100%;
+ height: 100%;
+ align-self: center;
+ position: absolute;
+ overflow: hidden;
+ box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 1000000px inset;
+ z-index: 1;
+}
+.artist-page .artist-header .animated video {
+ overflow: hidden;
+ height: 100%;
+ width: 100%;
+ min-height: 56.25vw;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+.artist-page .artist-header .row .col.flex-center {
+ z-index: 4;
+}
+.artist-page .artist-image {
+ width: 200px;
+ height: 200px;
+ margin: 32px;
+ position: relative;
+}
+.artist-page .artist-image .overlay-play {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.5);
+ transition: opacity 0.1s var(--appleEase);
+ border-radius: 100%;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ appearance: none;
+ border: 0px;
+ padding: 0px;
+}
+.artist-page .artist-image .overlay-play:hover {
+ opacity: 1;
+}
+.artist-page .artist-image .overlay-play:active {
+ background: var(--selected-click);
+}
+.artist-page .artist-image .overlay-play > svg {
+ width: 70%;
+}
+.artist-page .artist-play {
+ width: 32px;
+ height: 32px;
+ background: rgba(100, 100, 100, 0.5);
+ box-shadow: var(--ciderShadow-Generic);
+ border-radius: 100%;
+ box-shadow: var(--mediaItemShadow);
+ display: none;
+ cursor: pointer;
+ appearance: none;
+ border: 0px;
+ padding: 0px;
+}
+.artist-page .artist-play:hover {
+ filter: brightness(125%);
+}
+.artist-page .artist-play:active {
+ filter: brightness(75%);
+ transform: scale(0.98);
+ transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
+}
+.artist-page .artist-title .artist-play {
+ transform: translateY(3px);
+ margin: 14px;
+}
+.artist-page .artist-title.artist-animation-on {
+ width: 100%;
+ flex: unset;
+ margin-left: 0.5em;
+ color: whitesmoke;
+ position: absolute;
+ bottom: 0;
+}
+.artist-page .artist-title.artist-animation-on .artist-play {
+ display: block;
+}
+.artist-page .artist-body {
+ padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding);
+ margin: -64px 20px;
+}
+.artist-page .artist-body .arow {
+ display: flex;
+ overflow: hidden;
+ padding: 16px 32px;
+}
+.artist-page .artist-body .arow > .latestRelease {
+ width: 250px;
+}
+.artist-page .artist-body .arow > .topSongs {
+ width: calc(100% - 250px);
+}
+.artist-page .artist-body .arow.arowb > .topSongs {
+ width: 100%;
+}
+.artist-page.animated > .artist-body {
+ padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding);
+ margin-top: -57px;
+}
+.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: rgba(200, 200, 200, 0.1);
+}
+/* Artist Page End */
+.settings-page {
+ padding: 0px;
+}
+.settings-page .nav {
+ width: 90%;
+ margin: 16px auto 0px;
+}
+.audiolabs-page {
+ padding: 0px;
+}
+.audiolabs-page .md-option-header {
+ padding: 1.25em 1.25em;
+ border-bottom: unset;
+ border-top: unset;
+ font-weight: 600;
+ font-size: 1em;
+ background: rgba(255, 255, 255, 0.03);
+}
+.audiolabs-page .carousel-item > img {
+ object-fit: cover;
+ width: 100%;
+}
+.audiolabs-page .spprofile-line {
+ height: 300px;
+ width: 100%;
+ max-width: 1024px;
+ padding: 16px;
+ margin: 0 auto;
+}
+.audiolabs-page .spprofile-line .spprofile-viewport {
+ height: 100%;
+ position: relative;
+ border-radius: var(--mediaItemRadius);
+ overflow: hidden;
+ box-shadow: var(--mediaItemShadow-Shadow);
+ background: black;
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spprev,
+.audiolabs-page .spprofile-line .spprofile-viewport .nextprev {
+ position: absolute;
+ height: 100%;
+ width: 64px;
+ top: 0;
+ background: rgba(0, 0, 0, 0.2);
+ z-index: 1;
+ border: 0px;
+ transition: background 0.2s var(--appleEase), transform 0.2s var(--appleEase);
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spprev:hover,
+.audiolabs-page .spprofile-line .spprofile-viewport .nextprev:hover {
+ background: var(--selected);
+ transform: scale(1.1);
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spprev:active,
+.audiolabs-page .spprofile-line .spprofile-viewport .nextprev:active {
+ transition: background 0s var(--appleEase);
+ background: var(--selected-click);
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spprev:before,
+.audiolabs-page .spprofile-line .spprofile-viewport .nextprev:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #eee;
+ opacity: 1;
+ -webkit-mask-position: center;
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: 1em;
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spprev {
+ left: 0;
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spprev:before {
+ -webkit-mask-image: url("./views/svg/chevron-left.svg");
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .nextprev {
+ right: 0;
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .nextprev:before {
+ -webkit-mask-image: url("./views/svg/chevron-right.svg");
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spslide {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spslide > img {
+ WIDTH: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spslide .sptitle {
+ position: absolute;
+ bottom: 0px;
+ left: 0;
+ width: 100%;
+ text-align: center;
+ font-size: 18px;
+ text-shadow: 0px 2px 4px #00000033;
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spfade-enter-active,
+.audiolabs-page .spprofile-line .spprofile-viewport .spfade-leave-active {
+ --transitionTime: 0.2s;
+ transition: opacity var(--transitionTime) var(--appleEase), transform var(--transitionTime) var(--appleEase);
+ will-change: opacity, transform;
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spfade-enter {
+ opacity: 0;
+ transform: scale(1.2) translate3d(0, 0, 0);
+ will-change: opacity, transform;
+}
+.audiolabs-page .spprofile-line .spprofile-viewport .spfade-leave-to {
+ opacity: 1;
+ transform: scale(1) translate3d(0, 0, 0);
+ will-change: opacity, transform;
+}
+.audiolabs-page .settings-option-body {
+ margin: 16px;
+}
+@keyframes gradient-animation {
+ 0% {
+ background-position: 0% 0%;
+ }
+ 50% {
+ background-position: 100% 0%;
+ }
+ 100% {
+ background-position: 0% 0%;
+ }
+}
+.home-page .md-btn-replay {
+ background-image: linear-gradient(-45deg, #2e2173, #925042);
+ animation: gradient-animation 5s ease-in-out infinite;
+ background-size: 400% 400%;
+ border: 0px;
+ box-shadow: inset 0px 0px 0px 1px rgba(200, 200, 200, 0.2);
+ text-transform: uppercase;
+ font-weight: bold;
+}
+.home-page .md-btn-replay--hero {
+ font-size: 1em;
+ padding: 16px;
+ background-image: linear-gradient(-45deg, #2e2173, #925042);
+ animation: gradient-animation 5s ease-in-out infinite;
+ background-size: 400% 400%;
+ border: 0px;
+ box-shadow: inset 0px 0px 0px 1px rgba(200, 200, 200, 0.2);
+ margin-top: 1em;
+ font-size: 0.9em;
+ text-transform: uppercase;
+ font-weight: bold;
+}
+.home-page .artist-feed-card {
+ position: absolute;
+ bottom: 0;
+ left: 10%;
+ z-index: 1;
+ background: black;
+ width: 80%;
+ height: 96%;
+ overflow: scroll;
+ border-radius: 10px;
+}
+.home-page .col.madeforyou-col {
+ width: 420px;
+ min-width: 0px;
+ max-width: 420px;
+}
+.home-page .well.artistfeed-well {
+ margin-top: 0px;
+ height: 392px;
+ align-content: flex-start;
+}
+.home-page .hint-text {
+ font-size: 0.9rem;
+ color: rgba(200, 200, 200, 0.7);
+}
+.home-page .user-icon {
+ border-radius: 100%;
+ width: 128px;
+ height: 128px;
+ overflow: hidden;
+ box-shadow: var(--mediaItemShadow-Shadow);
+ margin: 16px;
+}
+.home-page .well.profile-well {
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.home-page .well.profile-well .name {
+ margin: 4px;
+ font-weight: 500;
+}
+.home-page .well.profile-well .handle {
+ margin: 4px;
+ opacity: 0.7;
+ font-weight: 500;
+}
+.replay-page {
+ --replayTextShadow: 0px 3px 2px #6f3f52;
+}
+.replay-page .replay-period {
+ height: 200px;
+ width: 200px;
+ margin: 6px;
+ border-radius: var(--mediaItemRadius);
+ overflow: hidden;
+ cursor: pointer;
+ transition: transform 0.2s var(--appleEase);
+ transition-delay: 0.1s;
+ align-self: center;
+}
+.replay-page .replay-period:hover {
+ transform: translateY(-6px);
+ transition-delay: 0s;
+}
+.replay-page .replay-period .artwork-container {
+ height: 200px;
+ width: 200px;
+}
+.replay-page .replay-playlist-container .cd-mediaitem-square {
+ height: 230px;
+ width: 230px;
+}
+.replay-page .replay-playlist-container .cd-mediaitem-square .info-rect {
+ display: none;
+}
+.replay-page .replay-video {
+ max-height: 300px;
+ max-width: 800px;
+ margin: 0 auto;
+}
+.replay-page .replay-video .mediaitem-artwork {
+ max-height: 300px;
+ max-width: 800px;
+}
+.replay-page .replay-video .mediaitem-artwork .animatedartwork-view-box .animated video {
+ object-fit: cover;
+}
+.replay-page .top-genres-container .genre-name {
+ font-size: 0.9em;
+ margin: 6px 0px;
+ font-weight: 500;
+}
+.replay-page .top-genres-container .genre-count {
+ width: 100%;
+ height: 32px;
+ background: #ffffff14;
+ border-radius: 10px;
+ overflow: hidden;
+}
+.replay-page .top-genres-container .genre-count .genre-count-bar {
+ height: 100%;
+ width: 0%;
+ background: var(--keyColor);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-width: 32px;
+ font-size: 0.9em;
+ font-weight: 500;
+}
+.replay-page .cd-mediaitem-square {
+ transition: transform 0.2s var(--appleEase);
+ transition-delay: 0.1s;
+}
+.replay-page .cd-mediaitem-square .mediaitem-artwork {
+ animation: replayFadeIn 0.5s var(--appleEase);
+}
+.replay-page .cd-mediaitem-square:hover {
+ transform: scale(1.1);
+ transition-delay: 0s;
+}
+@keyframes replayFadeIn {
+ 0% {
+ transform: translateY(10px) scale(0.9);
+ opacity: 0;
+ }
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+.replay-page .replay-viewport {
+ background-image: linear-gradient(-45deg, #2e2173, #925042);
+ animation: gradient-animation 5s ease-in-out infinite;
+ background-size: 400% 400%;
+ padding: 16px 40px;
+ border-radius: 10px;
+ box-shadow: var(--mediaItemShadow), var(--mediaItemShadow-Shadow);
+ color: rgba(238, 238, 238, 0.86);
+}
+.replay-page .replay-viewport .replay-header {
+ text-align: center;
+ font-size: 3em;
+ text-shadow: var(--replayTextShadow);
+}
+.replay-page .replay-card {
+ background: transparent;
+ border: 0px;
+}
+.content-inner.oobe {
+ position: absolute;
+ overflow: hidden;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ display: grid;
+ place-items: center;
+ width: 100%;
+ background: #1e1e1e;
+}
+.content-inner.oobe .oobe-view {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: 32px;
+ max-width: 1280px;
+ max-height: 720px;
+ align-self: center;
+ justify-self: center;
+ height: 100%;
+ width: 100%;
+}
+.content-inner.oobe .oobe-view .oobe-header {
+ font-size: 3em;
+ text-shadow: var(--replayTextShadow);
+ font-weight: 600;
+}
+.content-inner.oobe .oobe-view .oobe-body {
+ flex: 1;
+ width: 100%;
+ background: #ffffff0d;
+ border-radius: 20px;
+ padding: 3em;
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
+@media screen and (max-width: 1161px) {
+ .content-inner.oobe .oobe-view .oobe-body {
+ font-size: 13px;
+ }
+}
+.content-inner.oobe .oobe-view .oobe-body.text {
+ white-space: pre-wrap;
+}
+.content-inner.oobe .oobe-view .oobe-body .blurb {
+ white-space: pre-wrap;
+ margin: 16px;
+ line-height: 1.5em;
+}
+.content-inner.oobe .oobe-view .oobe-body.visual {
+ padding: 1em;
+}
+.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker {
+ border-radius: 10px;
+ overflow: hidden;
+ cursor: pointer;
+ transition: 0.25s all;
+ box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
+ width: 450px;
+ margin: 0 auto;
+}
+.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker .visualPreview {
+ pointer-events: none;
+ transition: 0.25s all;
+ width: 100%;
+}
+.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker .card-body {
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker .card-footer {
+ font-size: 1.25em;
+ font-weight: 500;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ border: 0px;
+ text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
+ font-weight: bold;
+}
+.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker.style-active {
+ outline: 4px solid var(--keyColor);
+}
+.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker:hover {
+ transform: scale(1.1) translateZ(-1px) translateY(10px);
+ z-index: 1;
+ box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.25);
+}
+@media screen and (max-height: 688px) {
+ .content-inner.oobe .oobe-view .oobe-body.visual .stylePicker {
+ width: 270px;
+ }
+}
+.content-inner.oobe .oobe-view .oobe-footer {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 16px;
+}
+.content-inner.oobe .oobe-view .oobe-footer .md-btn {
+ font-size: 18px;
+ min-width: 128px;
+ text-align: center;
+}
+.content-inner.oobe .oobe-titlebar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 46px;
+ width: 100%;
+ align-items: center;
+ justify-content: right;
+ display: flex;
+ -webkit-app-region: drag;
+}
+.content-inner.oobe .oobe-titlebar .button-group {
+ -webkit-app-region: no-drag;
+ display: flex;
+ flex-direction: row;
+ width: 100px;
+ height: 100%;
+ justify-content: center;
+ align-items: center;
+ gap: 16px;
+}
+.content-inner.oobe .oobe-titlebar .button-group > button {
+ height: 32px;
+ width: 32px;
+ font-size: 16px;
+ border-radius: 0px;
+ border: 0;
+ appearance: none;
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 100%;
+}
+.content-inner.oobe .oobe-titlebar .button-group > button.close {
+ background-color: #fc3c44aa;
+}
+.content-inner.oobe .oobe-titlebar .button-group > button.close:hover {
+ background-color: #fc3c44;
+}
+.content-inner.oobe .oobe-titlebar .button-group > button.min {
+ background-color: rgba(200, 200, 200, 0.05);
+}
+.content-inner.oobe .oobe-titlebar .button-group > button.min:hover {
+ background-color: rgba(200, 200, 200, 0.1);
+}
+.content-inner.oobe .oobe-titlebar .button-group > button.close::before {
+ font-family: "codicon";
+ content: "";
+ color: white;
+}
+.content-inner.oobe .oobe-titlebar .button-group > button.min::before {
+ font-family: "codicon";
+ content: "";
+ color: white;
+}
+.content-inner.cider-multiroom {
+ padding: 0px;
+}
+.content-inner.cider-multiroom .detail {
+ padding: 32px;
+}
+.content-inner.cider-multiroom .header-desc {
+ font-size: 1em;
+ font-weight: 400;
+}
+.content-inner.cider-multiroom .artworkContainer {
+ height: 300px;
+ width: 100%;
+}
+.content-inner.cider-multiroom .artworkContainer img {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+ object-fit: cover;
+ filter: unset;
+}
+.content-inner.cider-multiroom .artworkContainer img:last-child {
+ transform: unset;
+}
+.settings-panel {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(0, 0, 0, 0);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 16;
+}
+.settings-panel .settings-window {
+ background: var(--baseColorMix);
+ max-width: 90%;
+ max-height: 90%;
+ width: 100%;
+ height: 100%;
+ border-radius: 10px;
+ box-shadow: var(--ciderShadow-Generic);
+ overflow: hidden;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ flex: 1;
+ backdrop-filter: var(--glassFilterHeavy);
+ transition: width 0.25s ease-in-out, height 0.25s ease-in-out, max-width 0.25s ease-in-out, max-height 0.25s ease-in-out;
+}
+.settings-panel .settings-window .header-text {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 48px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 600;
+ opacity: 0.9;
+}
+.settings-panel .settings-window .nav-pills {
+ gap: 6px;
+}
+.settings-panel .settings-window .nav-pills .nav-link {
+ display: flex;
+ gap: 10px;
+ align-items: center;
+}
+.settings-panel .settings-window .md-option-header {
+ padding: 0px 26px;
+ border-bottom: unset;
+ border-top: unset;
+ font-weight: 600;
+ background: rgba(255, 255, 255, 0);
+ font-size: 2em;
+}
+.settings-panel .settings-window .settings-option-body-webview {
+ height: 100%;
+ width: 100%;
+}
+.settings-panel .settings-window .settings-option-body {
+ margin: 16px;
+}
+.settings-panel .settings-window.maxed {
+ width: 100%;
+ height: 100%;
+ max-height: 100%;
+ max-width: 100%;
+ border-radius: 0px;
+ box-shadow: unset;
+}
+.settings-panel .settings-window .close-btn {
+ width: 36px;
+ height: 36px;
+ background-position: center;
+ background-repeat: no-repeat;
+ -webkit-app-region: no-drag;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ border-radius: 50px;
+ display: grid;
+ align-content: center;
+ z-index: 9;
+}
+.settings-panel .settings-window .close-btn:before {
+ content: "";
+ font-family: "codicon";
+ color: var(--textColor);
+ font-size: 20px;
+}
+.settings-panel .settings-window .close-btn:hover {
+ background-color: #c42b1c;
+}
+.settings-panel .settings-window .close-btn.back-btn {
+ left: 10px;
+ right: unset;
+}
+.settings-panel .settings-window .close-btn.minmax-btn {
+ right: 52px;
+}
+.settings-panel .settings-window .close-btn.minmax-btn:before {
+ content: "";
+}
+.settings-panel .settings-window .close-btn.minmax-btn.min:before {
+ content: "";
+}
+.settings-panel .settings-window .close-btn.minmax-btn:hover {
+ background-color: var(--selected);
+}
+.settings-panel .settings-window .tabs {
+ height: 100%;
+ width: 100%;
+ margin: 0;
+ padding: 0;
+}
+.settings-panel .settings-window .tabs > .col-auto {
+ width: 230px;
+ overflow-x: hidden;
+ overflow-y: overlay;
+ transition: width 0.25s ease-in-out;
+}
+.settings-panel .settings-window .tabs .tab-content {
+ margin: 0 !important;
+}
+.settings-panel .settings-window .tab-content {
+ overflow-y: overlay;
+ height: 100%;
+ background-color: var(--panelColor2);
+ padding: 0px;
+ padding-top: 48px;
+ border-left: 1px solid var(--borderColor);
+}
+.settings-panel .settings-window .github-themes-page .header-text,
+.settings-panel .settings-window .installed-themes-page .header-text {
+ font-size: 1.25em;
+}
+.settings-panel .settings-window .tab-pane {
+ height: 100%;
+}
+.settings-panel .settings-window .settings-tab-content {
+ height: 100%;
+}
+.settings-panel .settings-window.no-sidebar .gh-header > .row:last-child {
+ padding-right: 90px;
+}
+.settings-panel .settings-window.no-sidebar .tab-content {
+ padding-top: 0px;
+}
+.settings-panel .settings-window.no-sidebar .tabs .nav-pills .nav-link :nth-child(2) {
+ display: none;
+}
+.settings-panel .settings-window.no-sidebar .tabs > .col-auto {
+ width: 80px;
+}
+#hid___BV_tab_button__ {
+ display: none;
+}
+:root {
+ --appleEase: cubic-bezier(0.42, 0, 0.58, 1);
+ --borderColor: rgba(200, 200, 200, 0.16);
+ --mediaItemShadow: inset 0px 0px 0px 1px rgba(200, 200, 200, 0.16);
+ --mediaItemShadow-Shadow: 0 8px 40px rgba(0, 0, 0, 0.55);
+ --mediaItemShadow-ShadowSubtle: 0 4px 14px rgba(0, 0, 0, 0.1);
+ --ciderShadow-Generic: var(--mediaItemShadow), 0 8px 40px rgb(0 0 0 / 0.55);
+ --mediaItemRadius: 8px;
+ --mediaItemRadiusSmall: 6px;
+ --mediaItemRadiusMedium: 8px;
+ --mediaItemRadiusRound: 100%;
+ --panelRadius: 10px;
+ --contentInnerPadding: 16px;
+ --navbarHeight1: 48px;
+ --navbarHeight2: 0px;
+ --navbarHeight: calc(var(--navbarHeight1) + var(--navbarHeight2));
+ --selected: rgba(130, 130, 130, 0.3);
+ --selected-click: rgba(80, 80, 80, 0.3);
+ --hover: rgba(200, 200, 200, 0.1);
+ --keyColorDefault: #fc3c44;
+ --keyColor: #fc3c44;
+ --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);
+ --keyColor-primary: #ff2b52a6;
+ --navigationBarHeight: 0px;
+ --modalBackground: #262626;
+ --songProgressColor: var(--keyColor);
+ --songProgressBackground: #333;
+ --textColor: #eee;
+ --replayGradient: linear-gradient(45deg, hsl(248, 58%, 29%), hsl(13, 41%, 42%));
+ --glassFilter: blur(16px) saturate(180%);
+ --glassFilterHeavy: blur(64px) saturate(280%);
+ --sidebarWidth: 260px;
+}
+*:focus-visible {
+ outline: 2px solid var(--keyColor);
+}
+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: "Pretendard Variable", "Noto Sans JP", "Noto Sans KR", "Noto Sans TC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ transition: opacity 0.1s var(--appleEase);
+}
+a:-webkit-any-link {
+ color: var(--keyColor);
+}
+hr {
+ appearance: none;
+ border: none;
+ height: 1px;
+ background-color: rgba(255, 255, 255, 0.2);
+}
+body[loading] .app-navigation {
+ pointer-events: none;
+}
+body.stopanimation * {
+ animation: unset !important;
+}
+body.stopanimation * .loadbar-sound {
+ display: none;
+}
+body.notransparency::before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ opacity: 0.5;
+ display: none;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
+}
+*,
+*: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 rgba(200, 200, 200, 0.5);
+ border-radius: 16px;
+ min-height: 64px;
+ transition: border 1s;
+}
+::-webkit-scrollbar-thumb:hover {
+ border: 5px solid transparent;
+ box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.8);
+}
+[disabled] {
+ pointer-events: none;
+ opacity: 0.5;
+}
+#app {
+ --panelColor1: rgba(32, 32, 32, 0.5);
+ --panelColor2: rgba(39, 39, 39, 0.5);
+ --color1: var(--panelColor2);
+ --color2: var(--panelColor1);
+ --color3: rgba(0, 0, 0, 0.2);
+ --bgColor: transparent;
+ --bgWidth: 0px;
+ --bgHeight: 0px;
+ --chromeHeight1: 55px;
+ --chromeHeight2: 0px;
+ --chromeHeight: calc(var(--chromeHeight1) + var(--chromeHeight2));
+ width: 100%;
+ height: 100%;
+ background: transparent;
+ color: var(--textColor);
+ user-select: none;
+ margin: 0 auto;
+ position: relative;
+ overflow: hidden;
+ background-size: 400% 400%;
+}
+#app.simplebg {
+ background: #0e0e0e;
+}
+.bgGradientMaterial-base {
+ position: relative;
+}
+.bgGradientMaterial-base::before {
+ position: absolute;
+ top: -50%;
+ left: -50%;
+ width: 200%;
+ height: 250%;
+ background-image: var(--bgColor);
+ content: "";
+ z-index: -1;
+ transform: rotateZ(0deg);
+ transform-origin: center;
+ animation: bgRotate 10s linear infinite;
+ filter: brightness(100%) saturate(200%) contrast(1.5);
+}
+@keyframes bgRotate {
+ 0% {
+ transform: rotateZ(0deg);
+ }
+ 100% {
+ transform: rotateZ(360deg);
+ }
+}
+[hidden] {
+ display: none !important;
+}
+input[type="text"],
+input[type="number"] {
+ background: #1c1c1c;
+ border-radius: 3px;
+ border: 1px solid rgba(200, 200, 200, 0.25);
+ color: #eee;
+ padding: 6px;
+ font-size: 1em;
+ font-family: inherit;
+}
+.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.7;
+}
+a.dropdown-item {
+ color: var(--textColor);
+}
+a.dropdown-item:hover {
+ background-color: var(--selected);
+ color: var(--textColor);
+}
+a.dropdown-item:active {
+ background-color: var(--selected-click);
+}
+.bg-artwork {
+ position: absolute;
+ width: 200%;
+ background: var(--artwork);
+ filter: brightness(200%) blur(180px) saturate(280%) contrast(2);
+ opacity: 1;
+ transition: opacity 0.25s var(--appleEase);
+ pointer-events: none;
+ transform: translateZ(0px);
+ animation: rotateBg 35s linear infinite;
+ backface-visibility: hidden;
+}
+@keyframes rotateBg {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+.bg-artwork-container {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ pointer-events: none;
+ transform: translateZ(0px);
+ z-index: -1;
+}
+.bg-artwork-container .bg-artwork.a {
+ top: 0;
+ left: 0;
+}
+.bg-artwork-container .bg-artwork.b {
+ bottom: 0;
+ right: 0;
+ animation-direction: reverse;
+ animation-delay: 10s;
+}
+.bg-artwork-container.noanimation .bg-artwork {
+ animation: none;
+}
+.artworkMaterial {
+ position: relative;
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+ pointer-events: none;
+}
+.artworkMaterial img {
+ position: absolute;
+ width: 200%;
+ opacity: 0.5;
+ filter: brightness(200%) blur(180px) saturate(280%) contrast(2);
+}
+.artworkMaterial img:first-child {
+ top: 0;
+ left: 0;
+}
+.artworkMaterial img:last-child {
+ bottom: 0;
+ right: 0;
+ transform: rotate(180deg);
+}
+[artwork-hidden] {
+ transition: opacity 0.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: #ffffff;
+ 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;
+}
+#app-main {
+ display: flex;
+ width: 100%;
+ height: 100%;
+ flex-direction: column;
+ opacity: 1;
+ overflow: hidden;
+ background-color: rgba(20 20 20 / 0.7);
+}
+#app-sidebar {
+ height: 100%;
+ width: var(--sidebarWidth);
+ display: flex;
+ flex-direction: column;
+ flex: 0 0 auto;
+ position: relative;
+ background: linear-gradient(180deg, var(--baseColorMix) calc(var(--chromeHeight1) + 1px), var(--sidebarColorMix) calc(var(--chromeHeight1) + 1px));
+ max-width: var(--sidebarWidth);
+ padding-top: var(--chromeHeight1);
+}
+#app-navbar {
+ height: 40px;
+ width: 100%;
+ background: rgba(30, 30, 30, 0.85);
+ position: sticky;
+ top: 0px;
+ left: 0;
+ z-index: 2;
+ backdrop-filter: blur(16px) saturate(180%);
+}
+#app-content {
+ --navigationBarHeight: var(--chromeHeight1);
+ background-color: var(--baseColorMix);
+ height: 100%;
+ width: 100%;
+ overflow-y: scroll;
+ overflow-y: overlay;
+ overflow-x: hidden;
+ border-radius: 0;
+ border-left: 1px solid var(--baseColorMix);
+ position: relative;
+}
+#app-content::-webkit-scrollbar-track-piece {
+ margin-top: var(--chromeHeight1);
+}
+.app-drawer {
+ width: 300px;
+ flex: 0 0 auto;
+ position: absolute;
+ right: 16px;
+ background: var(--color2);
+ border-radius: 12px;
+ z-index: 10;
+ backdrop-filter: blur(40px) saturate(180%);
+ box-shadow: var(--ciderShadow-Generic);
+ overflow: hidden;
+ height: calc(calc(100% - 6%) - var(--chromeHeight1));
+ top: calc(var(--chromeHeight1) + 3%);
+}
+.app-drawer .bgArtworkMaterial {
+ display: none;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+.app-drawer .bgArtworkMaterial .bg-artwork-container .bg-artwork {
+ filter: brightness(80%) blur(180px) saturate(180%) contrast(1);
+}
+.search-input-container {
+ position: relative;
+}
+.search-input {
+ width: 100%;
+ padding: 6px;
+ border-radius: 6px;
+ border: 1px solid rgba(100, 100, 100, 0.35);
+ border-top: 1px solid rgba(100, 100, 100, 0.5);
+ border-bottom: 1px solid rgba(60, 60, 60, 0.62);
+ font-family: inherit;
+ font-size: 14px;
+ background: #1e1e1e99;
+ color: #c8c8c8;
+ 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;
+ padding: 6px 6px;
+ font-weight: 600;
+ opacity: 0.5;
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJtNiA5IDYgNiA2LTYiPjwvcGF0aD4KPC9zdmc+");
+ background-size: 16px;
+ background-repeat: no-repeat;
+ background-position: 98%;
+ border-radius: 3px;
+}
+.app-sidebar-header-text.collapsed {
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJtOSAxOCA2LTYtNi02Ij48L3BhdGg+Cjwvc3ZnPg==");
+}
+.app-sidebar-header-text:hover {
+ background-color: var(--selected);
+}
+.app-sidebar-header-text:active {
+ background-color: var(--selected-click);
+}
+.app-sidebar-footer {
+ border-top: 1px solid rgba(200, 200, 200, 0.15);
+ padding: 11px;
+}
+.app-sidebar-footer .app-playback-controls {
+ margin: 0 auto;
+}
+.app-sidebar-footer .app-playback-controls .control-buttons {
+ display: flex;
+ justify-content: center;
+ align-content: center;
+}
+.app-sidebar-footer .app-playback-controls .volume {
+ display: flex;
+}
+.app-sidebar-footer.collapseTab {
+ display: flex;
+ padding: 6px;
+ border: 0;
+}
+.app-sidebar-footer.collapseTab > button {
+ appearance: none;
+ width: 100%;
+ position: relative;
+ padding-left: 40px;
+ text-align: left;
+ font-family: inherit;
+}
+.app-sidebar-footer.collapseTab > button:hover {
+ background-color: var(--selected);
+}
+.app-sidebar-footer.collapseTab > button:active {
+ background-color: var(--selected-click);
+}
+.app-sidebar-footer.collapseTab > button:after {
+ content: '';
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 46px;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ font-weight: bold;
+ font-size: 1em;
+ font-family: "codicon";
+}
+.app-sidebar-button {
+ width: 100%;
+ padding: 0px;
+ font-family: inherit;
+ display: flex;
+ border-radius: 6px;
+ border: 1px solid rgba(200, 200, 200, 0.05);
+ background: rgba(100, 100, 100, 0.25);
+ color: #eee;
+ font-weight: 500;
+ align-items: center;
+}
+.app-sidebar-button.active {
+ background: rgba(200, 200, 200, 0.15);
+ animation: usermenuBtnClick 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
+}
+@keyframes usermenuBtnClick {
+ 0% {
+ transform: translateY(0px);
+ }
+ 50% {
+ transform: translateY(-6px);
+ }
+ 100% {
+ transform: translateY(0px);
+ }
+}
+.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;
+ text-align: center;
+ margin-right: 35px;
+}
+.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: 36px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-top: 1px solid rgba(200, 200, 200, 0.15);
+ background: rgba(0, 0, 0, 0.15);
+ flex-direction: column;
+ padding: 10px 0px;
+}
+.app-sidebar-notification.libraryNotification {
+ flex-direction: row;
+ padding: 0px;
+}
+.app-sidebar-notification.libraryNotification .message {
+ flex-grow: 1;
+}
+.app-sidebar-notification.libraryNotification .spinner {
+ width: 46px;
+ height: 30px;
+ margin-left: 1em;
+}
+.app-sidebar-content {
+ padding: 8px;
+ overflow-y: scroll;
+ overflow-y: overlay;
+ height: 100%;
+}
+.search-hints-container {
+ top: 44px;
+ position: absolute;
+ left: 0px;
+ width: var(--sidebarWidth);
+ max-width: var(--sidebarWidth);
+ padding: 10px;
+ z-index: 1;
+}
+.search-hints-container .search-hints {
+ background: rgba(30, 30, 30, 0.45);
+ padding: 6px;
+ border-radius: var(--panelRadius);
+ width: 100%;
+ box-shadow: var(--ciderShadow-Generic);
+ backdrop-filter: var(--glassFilter);
+ animation: cmenuBodyIn 0.5s var(--appleEase);
+}
+@keyframes cmenuBodyIn {
+ 0% {
+ background: #1e1e1e;
+ }
+ 100% {
+ background: rgba(30, 30, 30, 0.45);
+ }
+}
+.search-hints-container .search-hints .search-hint {
+ background: transparent;
+ display: block;
+ width: 100%;
+ text-align: left;
+ color: #eee;
+ font-family: inherit;
+ font-size: 15px;
+ padding: 8px 12px;
+ border: 0px;
+ appearance: none;
+ border-radius: 6px;
+ margin: 2px 0px;
+}
+.search-hints-container .search-hints .search-hint:hover {
+ background: var(--selected);
+}
+.usermenu-container {
+ top: var(--chromeHeight1);
+ z-index: 200001 !important;
+ position: absolute;
+ left: 0px;
+ width: var(--sidebarWidth);
+ max-width: var(--sidebarWidth);
+ padding: 10px;
+ z-index: 1;
+}
+.usermenu-container .usermenu-body {
+ background: rgba(30, 30, 30, 0.45);
+ padding: 6px;
+ border-radius: var(--panelRadius);
+ width: 100%;
+ box-shadow: var(--ciderShadow-Generic);
+ backdrop-filter: var(--glassFilter);
+ animation: cmenuBodyIn 0.5s var(--appleEase);
+}
+@keyframes cmenuBodyIn {
+ 0% {
+ background: #1e1e1e;
+ }
+ 100% {
+ background: rgba(30, 30, 30, 0.45);
+ }
+}
+.usermenu-container .usermenu-body .usermenu-item {
+ background: transparent;
+ display: block;
+ width: 100%;
+ text-align: left;
+ color: #eee;
+ font-family: inherit;
+ font-size: 15px;
+ padding: 8px 12px;
+ border: 0px;
+ appearance: none;
+ border-radius: 6px;
+ margin: 2px 0px;
+}
+.usermenu-container .usermenu-body .usermenu-item:hover {
+ background: var(--selected);
+}
+.usermenu-container .usermenu-body .usermenu-item .usermenu-item-icon {
+ position: relative;
+ top: 1.5px;
+ right: 3px;
+ display: table-cell;
+}
+.usermenu-container .usermenu-body .usermenu-item .usermenu-item-name {
+ position: relative;
+ bottom: 2px;
+ padding-left: 5px;
+ display: table-cell;
+}
+.context-menu {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0);
+ z-index: 100;
+}
+.context-menu .context-menu-item {
+ background: transparent;
+ display: flex;
+ width: 100%;
+ text-align: left;
+ color: #eee;
+ font-family: inherit;
+ font-size: 14px;
+ padding: 6px 12px;
+ border: 0px;
+ appearance: none;
+ border-radius: 6px;
+ margin: 2px 0px;
+}
+.context-menu .context-menu-item:hover {
+ background: var(--selected);
+ cursor: pointer;
+}
+.context-menu .context-menu-item:active {
+ background: var(--selected-click);
+}
+.context-menu .context-menu-body {
+ background: #242424;
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: var(--ciderShadow-Generic);
+}
+.context-menu .context-menu-body.context-menu-open {
+ animation-duration: 0.1s;
+ animation-name: contextMenuIn;
+ animation-iteration-count: 1;
+ animation-easings: var(--appleEase);
+}
+.context-menu .context-menu-body.context-menu-close {
+ animation-duration: 0.1s;
+ animation-name: contextMenuOut;
+ animation-iteration-count: 1;
+ animation-easings: var(--appleEase);
+}
+@keyframes contextMenuIn {
+ 0% {
+ transform: scale(0.9);
+ opacity: 0;
+ }
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+@keyframes contextMenuOut {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+ 100% {
+ transform: scale(0.9);
+ opacity: 0;
+ }
+}
+.hidden-opacity {
+ opacity: 0;
+ height: 0px;
+ width: 0px;
+ margin: 0px;
+}
+.spinner {
+ background-image: url("assets/spinner.svg");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ width: 50px;
+ height: 50px;
+ display: inline-block;
+}
+.app-sidebar-content::-webkit-scrollbar {
+ display: none;
+}
+.app-sidebar-content:hover::-webkit-scrollbar {
+ display: initial;
+}
+.app-sidebar-item {
+ --iconSize: 18px;
+ display: flex;
+ width: 100%;
+ padding: 8px 12px;
+ font-weight: 400;
+ font-family: inherit;
+ font-size: 14px;
+ margin: 3px 0px;
+ border: 1px solid transparent;
+ border-radius: 6px;
+ background: transparent;
+ color: #eee;
+ transition: transform 0.1s;
+ text-align: left;
+ align-items: center;
+ gap: 12px;
+}
+.app-sidebar-item.app-sidebar-item-playlist {
+ -webkit-user-drag: element;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.app-sidebar-item.app-sidebar-item-playlist .presentNotice {
+ align-self: center;
+ margin-left: 8px;
+ text-transform: uppercase;
+ font-size: 0.7em;
+ opacity: 0.6;
+}
+.app-sidebar-item > ._svg-icon {
+ --size: var(--iconSize);
+}
+.app-sidebar-item:hover {
+ border: 1px solid rgba(200, 200, 200, 0);
+ background: rgba(180, 180, 180, 0.15);
+}
+.app-sidebar-item:active {
+ border: 1px solid rgba(200, 200, 200, 0);
+ background: rgba(150, 150, 150, 0.15);
+ transition: transform 0s;
+}
+.app-sidebar-item.active {
+ border: 1px solid rgba(200, 200, 200, 0);
+ background: rgba(200, 200, 200, 0.15);
+ transform: scale(1);
+ transition: transform 0s;
+ cursor: default;
+}
+.app-chrome {
+ background-color: var(--baseColorMix);
+ box-shadow: 0px 3px 6px rgba(20, 20, 20, 0.12), 0px 1px 0px 0px rgba(200, 200, 200, 0.12);
+ width: 100%;
+ height: var(--chromeHeight1);
+ display: flex;
+ flex-direction: row;
+ -webkit-app-region: drag;
+ z-index: 4;
+}
+.app-chrome:not(.chrome-bottom) {
+ z-index: 16;
+ position: fixed;
+ backdrop-filter: var(--glassFilter);
+}
+.app-chrome:not(.chrome-bottom) .app-chrome--center {
+ flex: 1;
+}
+.app-chrome .top-nav-group {
+ background: var(--baseColor);
+ border: 1px solid #323232;
+ border-radius: 10px;
+ display: flex;
+ height: 32px;
+}
+.app-chrome .top-nav-group .app-sidebar-item {
+ background-color: var(--baseColor);
+ border-radius: 10px!important;
+ border: 0px;
+ min-width: 120px;
+ padding: 6px;
+ justify-content: center;
+ align-items: center;
+ margin: 0px;
+ height: 100%;
+}
+.app-chrome .top-nav-group .app-sidebar-item:hover {
+ background-color: #2b2b2b;
+}
+.app-chrome .top-nav-group .app-sidebar-item.active {
+ background-color: #2b2b2b;
+}
+.app-chrome .top-nav-group .app-sidebar-item.md-btn-primary {
+ box-shadow: 0px 0px 0px 1px #323232;
+ background-color: #2b2b2b;
+ z-index: 1;
+}
+.app-chrome .vdiv {
+ width: 1px;
+ background: white;
+ opacity: 0.25;
+ height: 50%;
+ margin: 6px;
+}
+.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;
+ -webkit-app-region: drag;
+}
+.app-chrome .app-chrome--center .app-title-text {
+ font-size: 0.8em;
+}
+.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.7;
+}
+.app-chrome .app-chrome-item.volume {
+ width: 100px;
+ margin-right: 6px;
+}
+.app-chrome .app-chrome-item.search {
+ margin-right: 6px;
+}
+.volume-button {
+ background-image: url("./assets/feather/volume-2.svg");
+ height: 15px;
+ width: 30px;
+ padding: 0px;
+ background: transparent;
+ border: 0px;
+ border-radius: 0px;
+ box-shadow: unset;
+ background-size: 12px;
+ background-position: center;
+ background-repeat: no-repeat;
+ opacity: 0.7;
+ border-radius: 6px;
+}
+.volume-button:active,
+.volume-button--small:active {
+ transform: scale(0.9);
+}
+.volume-button.active,
+.volume-button--small.active {
+ background-image: url("./assets/feather/volume.svg");
+}
+.volume-button--small {
+ border-radius: 6px;
+ color: inherit;
+ background-size: 16px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-color: transparent;
+ height: 15px;
+ width: 30px;
+ border: 0px;
+ box-shadow: unset;
+ opacity: 0.7;
+ background-image: url("./assets/feather/volume-2.svg");
+}
+.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ height: 14px;
+ width: 14px;
+ border-radius: 50%;
+ background: #A5A8BA;
+ box-shadow: 0px 0px 0px 1px rgba(0 0 0 / 10%);
+ cursor: default;
+ transition: all var(--appleTransition);
+}
+.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;
+ width: 100%;
+}
+.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-mainmenu {
+ width: 34px;
+ font-size: 13px;
+ background: url("./assets/CiderMenu.svg");
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center;
+ height: 34px;
+ margin-right: 16px;
+ margin-left: 16px;
+ margin-top: 1.5px;
+ border: 0px;
+ border-radius: 6px;
+ transition: transform 0.1s var(--appleEase);
+ position: relative;
+}
+.app-chrome .app-chrome-item > .app-mainmenu:hover {
+ transform: scale(1.1);
+}
+.app-chrome .app-chrome-item > .app-mainmenu:active,
+.app-chrome .app-chrome-item > .app-mainmenu.active {
+ border-radius: 100%;
+ transform: scale(1.1);
+ outline: 2px solid var(--keyColor);
+}
+.app-chrome .app-chrome-item > .window-controls {
+ width: 138px;
+ font-size: 13px;
+ height: 100%;
+ display: flex;
+}
+.app-chrome .app-chrome-item > .window-controls-macos {
+ width: 100px;
+}
+.app-chrome .app-chrome-item > .window-controls > div {
+ height: 100%;
+ width: 32px;
+}
+.app-chrome .app-chrome-item > .window-controls > div:hover {
+ background: rgba(200, 200, 200, 0.1);
+}
+.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.close:hover {
+ background-color: #c42b1c;
+}
+.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%;
+}
+body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.minimize {
+ display: none;
+}
+body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.minmax {
+ display: none;
+}
+body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.close {
+ display: none;
+}
+.app-chrome .app-chrome-item.playback-controls {
+ width: 80%;
+ height: 90%;
+ display: flex;
+ max-width: 500px;
+ border-left: 1px solid rgba(200, 200, 200, 0.08);
+ border-right: 1px solid rgba(200, 200, 200, 0.08);
+ -webkit-app-region: drag;
+}
+.app-chrome .app-chrome-item > .app-playback-controls {
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ width: 100%;
+ -webkit-app-region: no-drag;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .info-rect {
+ mask-image: linear-gradient(-90deg, transparent 0%, black 10%, black 90%, transparent 100%);
+ -webkit-mask-image: linear-gradient(-90deg, transparent 3%, black 10%, black 90%, transparent 100%);
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-name {
+ font-weight: 600;
+ text-align: center;
+ font-size: 13px;
+ height: 1.3em;
+ line-height: 1.3em;
+ white-space: nowrap;
+ max-width: 360px;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-name .song-name-normal {
+ height: inherit;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-name .explicit-icon {
+ background-image: url("./assets/explicit.svg");
+ height: 9px;
+ width: 13px;
+ filter: contrast(0);
+ background-repeat: no-repeat;
+ margin-left: 3px;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-name .heart-icon {
+ height: 9px;
+ width: 13px;
+ filter: contrast(0);
+ background-repeat: no-repeat;
+ margin-left: 3px;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .lossless-icon {
+ background-image: url("./assets/lossless.svg") !important;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .ppe-icon {
+ background-image: url("./assets/ppe.svg") !important;
+ margin-left: 0.5em !important;
+ flex: 1;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .private-icon {
+ background-image: url("./assets/private.svg") !important;
+ margin-left: 0.5em !important;
+ flex: 1;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .chrome-icon-container {
+ display: flex;
+ position: absolute;
+ right: 0px;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .audio-type {
+ filter: contrast(0);
+ background-repeat: no-repeat;
+ background-size: contain;
+ height: 15px;
+ width: 15px;
+ margin-bottom: 15px;
+}
+div[data-type="library-music-videos"] .info-rect .title::before,
+div[data-type="musicVideo"] .info-rect .title::before {
+ content: "";
+ background-image: url(./assets/feather/video.svg);
+ background-size: contain;
+ filter: invert(0.6);
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ margin-bottom: -4px;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-duration p {
+ font-weight: 400;
+ font-size: 10px;
+ height: 1.2em;
+ line-height: 1.3em;
+ overflow: hidden;
+ margin: 0 0 0 0.25em;
+}
+.app-playback-controls:hover .marquee {
+ animation: unset;
+}
+.app-playback-controls:hover .marquee.song-artist {
+ overflow: hidden;
+}
+.app-playback-controls:hover .marquee .song-artist {
+ overflow: hidden;
+}
+.app-playback-controls:hover .marquee.song-name {
+ overflow: hidden;
+}
+.app-playback-controls:hover .marquee::after {
+ content: none !important;
+ display: none;
+}
+.marquee {
+ animation: marquee 15s linear 2s infinite;
+}
+.marquee.song-artist {
+ overflow: unset;
+}
+.marquee .song-artist {
+ overflow: unset;
+}
+.marquee.song-name {
+ overflow: unset;
+}
+.marquee::after {
+ content: attr(data-value);
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-progress {
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ background: transparent;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-progress:hover > input[type=range]::-webkit-slider-thumb {
+ opacity: 1;
+ transform: scale(1);
+ z-index: 1;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-progress > input[type=range] {
+ appearance: none;
+ width: 100%;
+ height: 4px;
+ background-color: rgba(200, 200, 200, 0.1);
+ border-radius: 2px;
+ margin: 0;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-progress > input[type=range]::-webkit-slider-thumb {
+ opacity: 0;
+ transform: scale(0.5);
+ -webkit-appearance: none;
+ appearance: none;
+ width: 12px;
+ height: 12px;
+ border-radius: 100%;
+ background: var(--songProgressColor);
+ cursor: default;
+ transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+}
+.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(--songProgressColor);
+ cursor: default;
+}
+@keyframes marquee {
+ from {
+ transform: translateX(0);
+ }
+ to {
+ transform: translateX(-140%);
+ }
+}
+.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: var(--mediaItemRadiusSmall);
+ flex: 0 0 auto;
+ margin: 6px;
+ image-rendering: -webkit-optimize-contrast;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .artwork .mediaitem-artwork {
+ border-radius: var(--mediaItemRadiusSmall);
+}
+.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;
+ filter: contrast(0.8);
+}
+.app-chrome .app-chrome-item > .app-playback-controls .actions .lcdMenu {
+ height: 100%;
+ width: 100%;
+ padding: 0px;
+ margin: 0px;
+ background: transparent;
+ border: 0px;
+ appearance: none;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 6px;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .actions .lcdMenu:focus {
+ outline: none;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .actions .lcdMenu:hover {
+ background: var(--hover);
+}
+.app-chrome .app-chrome-item > .app-playback-controls .actions .lcdMenu:active {
+ background: var(--selected-click);
+ transform: scale(0.95);
+}
+.app-chrome .app-chrome-item > .app-playback-controls .actions .lcdMenu .svg-icon {
+ --url: url('views/svg/more.svg') !important;
+}
+.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;
+ overflow: hidden;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .playback-info > .song-progress {
+ width: 100%;
+}
+.app-navigation {
+ background: transparent;
+ align-items: center;
+ justify-content: center;
+ background: var(--color1);
+ height: calc(100% - var(--chromeHeight2));
+ width: 100%;
+ display: flex;
+ position: relative;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-artist-album {
+ font-weight: 400;
+ font-size: 12px;
+ text-align: center;
+ /*height: 1.2em;
+ line-height: 1.2em;*/
+ z-index: 1;
+ align-items: center;
+ justify-content: center;
+ width: 80%;
+ max-width: 340px;
+ overflow: hidden;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-artist-album .song-artist-album-content {
+ font-weight: 400;
+ font-size: 12px;
+ text-align: center;
+ width: 100%;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-artist-album .song-artist-album-content.song-artist-normal {
+ height: inherit;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .song-artist-album.song-artist-marquee > marquee {
+ margin-bottom: -3px;
+}
+.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: #323232;
+ 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: 1120px) {
+ .display--small {
+ display: inherit !important;
+ }
+ .display--small .slider {
+ width: 100%;
+ z-index: 1;
+ }
+ .display--small .input-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ padding-bottom: 10px;
+ }
+ .display--small 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;
+ }
+ .display--small input[type=range]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ height: 14px;
+ width: 14px;
+ border-radius: 50%;
+ background: #323232;
+ cursor: default;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
+ transition: all var(--appleTransition);
+ }
+ .display--small input[type=range]::-webkit-slider-thumb:hover {
+ background-image: radial-gradient(var(--songProgressColor) 2px, transparent 3px, transparent 10px);
+ transform: scale(1.2);
+ }
+ .display--small input[type=range]::-webkit-slider-thumb:active {
+ background-image: radial-gradient(var(--songProgressColor) 3px, transparent 4px, transparent 10px);
+ transform: scale(1);
+ }
+ .display--small input[type=range]::-webkit-slider-runnable-track {
+ -webkit-appearance: none;
+ box-shadow: none;
+ border: none;
+ background: transparent;
+ }
+ .display--large {
+ display: none !important;
+ }
+}
+.flex-center {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+}
+.md-container {
+ width: 100%;
+ position: relative;
+}
+.lyric-body {
+ -webkit-mask-image: -webkit-gradient(linear, left 95%, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
+ overflow-y: scroll;
+ overflow-x: hidden;
+ display: flex;
+ flex-flow: column;
+ font-family: "Pretendard Variable", "Noto Sans JP", "Noto Sans KR", "Noto Sans TC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+.lyric-body .no-lyrics {
+ width: 100%;
+ justify-content: center;
+ align-items: center;
+ font-weight: bold;
+ font-size: 26px;
+}
+.lyric-line {
+ --bgSpeed: 1s;
+ appearance: none;
+ color: white;
+ font-size: 26px;
+ transform: scale(0.8);
+ transform-origin: left center;
+ transition: transform 0.5s var(--appleEase);
+ opacity: 0.75;
+ width: auto;
+ display: inline-block;
+ margin: 10px;
+ margin-left: 5%;
+ margin-right: 0px;
+ overflow-wrap: break-word;
+}
+.lyric-line.active .verse {
+ opacity: 0.6;
+}
+.lyric-line.active .verse.verse-active {
+ opacity: 1;
+ transition: opacity 0.35s var(--appleEase);
+}
+.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), opacity 0.35s var(--appleEase);
+}
+.lyric-line:not(.active) {
+ filter: blur(1px);
+}
+.lyric-line:not(.active).unsynced {
+ filter: none !important;
+}
+.lyric-line.unsynced {
+ filter: none !important;
+}
+.lyric-body:hover > .lyric-line:not(.active) {
+ filter: none !important;
+}
+.lyricWaiting {
+ margin-bottom: 10px;
+ 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: 450;
+ font-family: "Pretendard Variable", "Noto Sans JP", "Noto Sans KR", "Noto Sans TC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ filter: contrast(0.5);
+}
+.lyric-footer {
+ bottom: 0;
+ height: 50px;
+ width: 100%;
+ position: absolute;
+ z-index: 1000;
+ opacity: 1;
+ background: rgba(30, 30, 30, 0.8);
+ justify-content: center;
+ align-items: center;
+ display: none;
+ transition: opacity 0.1s var(--appleEase);
+}
+.lyric-body:hover + .lyric-footer,
+.lyric-footer:hover {
+ display: flex;
+}
+.modular-fs .app-drawer .lyric-footer {
+ background: unset;
+ display: flex;
+ opacity: 0.3;
+}
+.modular-fs .app-drawer .lyric-footer:hover {
+ opacity: 1;
+}
+.modular-fs .app-drawer .lyric-body .no-lyrics {
+ height: 100%;
+ display: flex;
+}
+@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 */
+.more-btn-round {
+ border-radius: 100%;
+ background: rgba(100, 100, 100, 0.5);
+ box-shadow: var(--ciderShadow-Generic);
+ width: 32px;
+ height: 32px;
+ border: 0px;
+ cursor: pointer;
+ z-index: 5;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.more-btn-round:hover {
+ filter: brightness(125%);
+}
+.more-btn-round:active {
+ filter: brightness(75%);
+ transform: scale(0.98);
+ transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
+}
+.more-btn-round .svg-icon {
+ width: 100%;
+ background: #eee;
+ --url: url("./views/svg/more.svg");
+}
+.social-btn {
+ border-radius: 100%;
+ background: transparent;
+ height: 17px;
+ border: 0px;
+ cursor: pointer;
+ z-index: 69;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-left: 100px;
+}
+.about-page .teamBtn {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ font-size: 14px;
+ padding: 6px 16px;
+ margin: 4px;
+}
+.about-page .teamBtn > img {
+ width: 30px;
+ margin: 0px 16px 0px 0px;
+ pointer-events: none;
+ border-radius: 100%;
+ box-shadow: var(--mediaItemShadow);
+ image-rendering: -webkit-optimize-contrast;
+}
+.about-page .sponsorBtn {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+}
+.about-page .sponsorBtn > img {
+ width: 26px;
+ margin: 0px 16px 0px 0px;
+ pointer-events: none;
+}
+.about-page .sponsorBtn.githubBtn {
+ background-color: #211F1F;
+}
+.about-page .sponsorBtn.kofiBtn {
+ background-color: #FBAA19;
+}
+.about-page .sponsorBtn.opencollectiveBtn {
+ background-color: #7fadf2;
+}
+.about-page .sponsorBtn.discordBtn {
+ background-color: #5865F2;
+}
+.about-page .sponsorBtn.twitterBtn {
+ background-color: #1D9BF0;
+}
+.sidebar-playlist .folder-button-active {
+ background: rgba(255, 255, 255, 0.12);
+}
+.sidebar-playlist .folder-body {
+ background: #ffffff0a;
+ border-radius: 10px;
+ padding: 1px 6px;
+}
+.sidebar-playlist .folder-body .spinner {
+ display: block;
+ width: 100%;
+ height: 32px;
+ background-size: 16px;
+}
+#navigation-bar {
+ width: 100%;
+ background: rgba(0, 0, 0, 0.25);
+ height: var(--navigationBarHeight);
+ display: flex;
+ align-items: center;
+ padding: 0px 6px;
+ z-index: 7;
+ position: sticky;
+ top: 0;
+ left: 0;
+ backdrop-filter: blur(32px);
+ mix-blend-mode: hard-light;
+}
+#navigation-bar .nav-item {
+ appearance: none;
+ border: 0px;
+ height: 32px;
+ width: 40px;
+ background: transparent;
+ padding: 6px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: rgba(200, 200, 200, 0.8);
+ margin: 2px;
+ border-radius: 6px;
+ transition: transform 0.1s var(--appleEase);
+}
+#navigation-bar .nav-item:active {
+ background: var(--selected-click);
+ transform: scale(0.96);
+ transition: transform 0s var(--appleEase);
+}
+#navigation-bar .nav-item > svg {
+ width: 8px;
+ pointer-events: none;
+}
+#navigation-bar .nav-item:hover {
+ background: var(--selected);
+}
+#navigation-bar .nav-item:hover > svg {
+ color: #c8c8c8;
+}
+.well {
+ background: rgba(200, 200, 200, 0.05);
+ border-radius: 10px;
+ padding: var(--contentInnerPadding);
+ margin-top: 16px;
+}
+.well.itemContainer {
+ display: flex;
+ flex-flow: wrap;
+ justify-content: center;
+}
+.well.itemContainer .cd-mediaitem-square-container {
+ align-items: center;
+}
+.well.itemContainer .cd-mediaitem-square {
+ width: 220px;
+ height: 260px;
+ display: inline-flex;
+ flex: 0 0 auto;
+ flex-direction: column;
+ font-size: 14px;
+ justify-content: center;
+ align-items: center;
+ border-radius: 6px;
+ max-width: 240px;
+ flex-grow: 1;
+}
+.well.itemContainer.collection-list-square {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(200px, 1fr));
+}
+@media screen and (min-width: 1500px) {
+ .well.itemContainer.collection-list-square {
+ grid-template-columns: repeat(6, minmax(200px, 1fr));
+ }
+}
+@media screen and (max-width: 1150px) {
+ .well.itemContainer.collection-list-square {
+ grid-template-columns: repeat(3, minmax(200px, 1fr));
+ }
+}
+.cd-mediaitem-square-container {
+ display: inline-flex;
+ flex-direction: column;
+ justify-content: center;
+}
+.reasonSP {
+ color: #a7a3a3;
+ font-weight: 500;
+ margin-left: 15px;
+}
+.text-overflow-elipsis {
+ display: -webkit-box;
+ min-width: 0px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -webkit-line-clamp: 1;
+ -webkit-box-orient: vertical;
+}
+.no-animation {
+ animation: unset !important;
+}
+.fullscreen-view-container {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: black;
+ z-index: 99;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ opacity: 1;
+}
+.fullscreen-view {
+ width: 100%;
+ height: 100%;
+ background: black;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ --chromeHeight1: 70px;
+}
+.fullscreen-view .app-content-container {
+ width: 100%;
+ height: 100%;
+}
+.fullscreen-view .app-content-container #app-content {
+ width: 100%;
+ height: 100%;
+}
+.fullscreen-view .app-content-container #app-content .fs-search .search-input--icon {
+ width: 4em;
+ background-size: 40%;
+ background-position: center;
+}
+.fullscreen-view .app-content-container #app-content .fs-search input {
+ padding-left: 2em;
+ font-size: 2em;
+ border-radius: var(--mediaItemRadius);
+}
+.fullscreen-view .fs-header {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: var(--chromeHeight1);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 9999;
+}
+.fullscreen-view .fs-header .top-nav-group {
+ background: #1e1e1e99;
+ border: 1px solid #323232;
+ border-radius: 12px;
+ display: flex;
+ height: 55px;
+ width: 90%;
+ backdrop-filter: var(--glassFilter);
+}
+.fullscreen-view .fs-header .top-nav-group .app-sidebar-item {
+ background-color: #1e1e1e00;
+ border-radius: 10px !important;
+ border: 0px;
+ min-width: 120px;
+ padding: 6px;
+ justify-content: center;
+ align-items: center;
+ margin: 0px;
+ height: 100%;
+ position: relative;
+ font-size: 1.1em;
+ font-weight: 500;
+}
+.fullscreen-view .fs-header .top-nav-group .app-sidebar-item:before {
+ --dist: 1px;
+ content: '';
+ position: absolute;
+ top: var(--dist);
+ left: var(--dist);
+ right: var(--dist);
+ bottom: var(--dist);
+ background-color: #fff;
+ opacity: 0;
+ border-radius: 10px;
+ transform: scale(0.5);
+ transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+}
+.fullscreen-view .fs-header .top-nav-group .app-sidebar-item:after {
+ display: none;
+}
+.fullscreen-view .fs-header .top-nav-group .app-sidebar-item:hover {
+ background-color: transparent;
+}
+.fullscreen-view .fs-header .top-nav-group .app-sidebar-item:hover:before {
+ transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
+ opacity: 0.1;
+ transform: scale(1);
+}
+.fullscreen-view .fs-header .top-nav-group .app-sidebar-item.active {
+ background-color: transparent;
+}
+.fullscreen-view .fs-header .top-nav-group .app-sidebar-item.active:before {
+ opacity: 0.2;
+ transform: scale(1);
+}
+.fullscreen-view .fs-header .top-nav-group .app-sidebar-item.md-btn-primary {
+ box-shadow: 0px 0px 0px 1px #323232;
+ background-color: #2b2b2b;
+ z-index: 1;
+}
+.fullscreen-view .fs-row {
+ flex-grow: 0.5;
+}
+.fullscreen-view .playback-button--small.active {
+ background-color: rgba(200, 200, 200, 0.25);
+}
+.fullscreen-view .playback-button--small {
+ opacity: 0.7;
+}
+.fullscreen-view .right-col {
+ height: 50vh;
+}
+.fullscreen-view .bg-artwork-container {
+ display: block !important;
+}
+@media only screen and (max-width: 1121px) {
+ .fullscreen-view .display--large {
+ display: flex !important;
+ }
+}
+.fullscreen-view .display--large {
+ display: flex;
+}
+.fullscreen-view .display--large .slider {
+ width: 100%;
+ z-index: 1;
+}
+.fullscreen-view .display--large .input-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+}
+.fullscreen-view .display--large .volume-button--small {
+ border-radius: 6px;
+ color: inherit;
+ background-size: 16px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-color: transparent;
+ height: 15px;
+ width: 30px;
+ border: 0px;
+ box-shadow: unset;
+ opacity: 0.7;
+ background-image: url("./assets/feather/volume-2.svg");
+}
+.fullscreen-view .display--large .volume-button--small:active {
+ transform: scale(0.9);
+}
+.fullscreen-view .display--large .volume-button--small.active {
+ background-image: url("./assets/feather/volume.svg");
+}
+.fullscreen-view .display--large 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;
+}
+.fullscreen-view .display--large input[type=range]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ height: 14px;
+ width: 14px;
+ border-radius: 50%;
+ background: #323232;
+ cursor: default;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
+ transition: all var(--appleTransition);
+}
+.fullscreen-view .display--large input[type=range]::-webkit-slider-thumb:hover {
+ background-image: radial-gradient(var(--songProgressColor) 2px, transparent 3px, transparent 10px);
+ transform: scale(1.2);
+}
+.fullscreen-view .display--large input[type=range]::-webkit-slider-thumb:active {
+ background-image: radial-gradient(var(--songProgressColor) 3px, transparent 4px, transparent 10px);
+ transform: scale(1);
+}
+.fullscreen-view .display--large input[type=range]::-webkit-slider-runnable-track {
+ -webkit-appearance: none;
+ box-shadow: none;
+ border: none;
+ background: transparent;
+}
+.fullscreen-view .background {
+ position: absolute;
+ background-size: cover;
+ width: 100%;
+ height: 100%;
+}
+.fullscreen-view .background .bgArtworkMaterial {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+.fullscreen-view .background .bgArtworkMaterial .bg-artwork-container {
+ z-index: unset;
+}
+.fullscreen-view .background .bgArtworkMaterial .bg-artwork-container .bg-artwork {
+ filter: brightness(85%) saturate(95%) blur(180px) contrast(0.9) opacity(0.9);
+}
+.fullscreen-view .lyrics-col {
+ height: 62vh;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ width: 80%;
+}
+.fullscreen-view .lyrics-col ::-webkit-scrollbar-thumb {
+ box-shadow: unset;
+}
+.fullscreen-view .lyrics-col:hover ::-webkit-scrollbar-thumb {
+ box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.5);
+}
+.fullscreen-view .lyrics-col .no-lyrics {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+}
+.fullscreen-view .lyrics-col .lyric-line {
+ font-size: 35px;
+}
+.fullscreen-view .queue-col {
+ width: 60vh;
+ height: 62vh;
+}
+.fullscreen-view .queue-col .queue-title {
+ opacity: 0.6;
+}
+.fullscreen-view .queue-col .queue-panel > * {
+ z-index: 3;
+}
+.fullscreen-view .queue-col ::-webkit-scrollbar-thumb {
+ box-shadow: unset;
+}
+.fullscreen-view .queue-col:hover ::-webkit-scrollbar-thumb {
+ box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.5);
+}
+.fullscreen-view .tab-toggles {
+ display: flex;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ width: 15vh;
+ height: 5vh;
+ justify-content: space-evenly;
+}
+.fullscreen-view .tab-toggles .volume {
+ background-image: url("./assets/feathers/volume.svg");
+ padding: 0.5vh;
+ width: 2vh;
+ height: 2vh;
+ background-origin: content-box;
+ background-repeat: no-repeat;
+}
+.fullscreen-view .tab-toggles .queue {
+ background-image: url("./assets/list.svg");
+ padding: 0.5vh;
+ width: 2.5vh;
+ height: 2.5vh;
+ background-origin: content-box;
+ background-repeat: no-repeat;
+}
+.fullscreen-view .tab-toggles .lyrics {
+ background-image: url("./assets/quote-right.svg");
+ padding: 0.5vh;
+ width: 2.5vh;
+ height: 2.5vh;
+ background-origin: content-box;
+ background-repeat: no-repeat;
+}
+.fullscreen-view .tab-toggles .active {
+ background-color: rgba(200, 200, 200, 0.7);
+ border-radius: 3px;
+}
+.fullscreen-view .artwork-col {
+ justify-content: center;
+ align-items: center;
+ display: flex;
+ flex-direction: column;
+}
+.fullscreen-view .artwork-col .artwork {
+ width: 50vh;
+ height: 50vh;
+}
+.fullscreen-view .artwork-col .controls-parents {
+ width: 50vh;
+}
+.fullscreen-view .artwork-col .app-playback-controls .song-artist,
+.fullscreen-view .artwork-col .app-playback-controls .song-name {
+ font-weight: 600;
+ text-align: center;
+ font-size: 0.9em;
+ height: 1.2em;
+ line-height: 0.9em;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 360px;
+}
+.fullscreen-view .artwork-col .app-playback-controls .song-artist .song-name-normal,
+.fullscreen-view .artwork-col .app-playback-controls .song-name .song-name-normal {
+ height: inherit;
+}
+.fullscreen-view .artwork-col .app-playback-controls .song-artist {
+ font-size: 0.875em;
+ font-weight: 400;
+}
+.fullscreen-view .artwork-col .app-playback-controls .song-name {
+ width: unset !important;
+ margin-top: 0.15vh;
+ display: -webkit-box;
+ line-height: 1.2;
+ text-overflow: ellipsis;
+ text-align: center;
+}
+.fullscreen-view .artwork-col .app-playback-controls .playback-info {
+ margin-top: 0.5vh;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ position: relative;
+}
+.fullscreen-view .artwork-col .app-playback-controls .playback-info input[type="range"] {
+ width: 100%;
+}
+.fullscreen-view .artwork-col .app-playback-controls .playback-info > div {
+ width: 100%;
+ text-align: center;
+}
+.fullscreen-view .artwork-col .app-playback-controls .song-progress {
+ position: absolute;
+ bottom: -1.5vh;
+ left: 0px;
+ background: transparent;
+}
+.fullscreen-view .artwork-col .app-playback-controls .song-progress .song-duration p {
+ font-weight: 400;
+ font-size: 10px;
+ height: 1.2em;
+ line-height: 1.3em;
+ overflow: hidden;
+ margin: 0 0 0 0.25em;
+}
+.fullscreen-view .artwork-col .app-playback-controls .song-progress:hover > input[type=range]::-webkit-slider-thumb {
+ opacity: 1;
+ transform: scale(1);
+ z-index: 1;
+}
+.fullscreen-view .artwork-col .app-playback-controls .song-progress input[type=range] {
+ appearance: none;
+ width: 100%;
+ height: 4px;
+ background-color: rgba(200, 200, 200, 0.1);
+ border-radius: 2px;
+}
+.fullscreen-view .artwork-col .app-playback-controls .song-progress input[type=range]::-webkit-slider-thumb {
+ opacity: 0;
+ transform: scale(0.5);
+ -webkit-appearance: none;
+ appearance: none;
+ width: 12px;
+ height: 12px;
+ border-radius: 100%;
+ background: var(--songProgressColor);
+ cursor: default;
+ transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+}
+.fullscreen-view .artwork-col .app-playback-controls .song-progress input[type=range]::-moz-range-thumb {
+ width: 8px;
+ height: 8px;
+ border-radius: 100%;
+ background: var(--songProgressColor);
+ cursor: default;
+}
+.fullscreen-view .artwork-col .control-buttons {
+ margin-top: 2vh;
+ display: inline-flex;
+ width: 100%;
+ justify-content: center;
+}
+.fullscreen-view .cd-mediaitem-square {
+ font-size: 17px;
+ font-weight: 500;
+}
+.fullscreen-view .cd-mediaitem-square .artwork-container .artwork {
+ box-shadow: var(--mediaItemShadow-Shadow);
+}
+.fullscreen-view .cd-mediaitem-list-item {
+ height: 80px;
+}
+.fullscreen-view .cd-mediaitem-list-item .title {
+ font-size: 1.2em;
+ font-weight: 450;
+}
+.fullscreen-view .cd-mediaitem-list-item .subtitle {
+ font-size: 1.1em;
+ font-weight: 380;
+}
+.fullscreen-view .cd-mediaitem-list-item .duration {
+ font-size: 1.2em;
+}
+.fullscreen-view .cd-mediaitem-list-item .artwork {
+ width: 50px;
+ height: 50px;
+}
+.fullscreen-view .cd-btn-seeall {
+ font-size: 1.2em;
+}
+.fullscreen-view h1 {
+ font-size: 3em;
+}
+.fullscreen-view h3 {
+ font-size: 1.5rem;
+}
+.fullscreen-view .home-page .well.artistfeed-well {
+ height: 512px;
+}
+.fullscreen-view .header-text {
+ font-size: 3em;
+ height: 3em;
+ padding-left: 0.2em;
+}
+.fullscreen-view .grouping-container .grouping-btn {
+ font-size: 1.3em;
+ color: var(--textColor);
+ background-color: var(--sidebarColor);
+ font-weight: 600;
+ padding: 32px;
+}
+.fullscreen-view .content-inner.playlist-page {
+ display: flex;
+ flex-direction: row;
+}
+.fullscreen-view .playlist-page .playlist-display {
+ width: 100%;
+ max-width: 500px;
+ flex: 1;
+ text-align: center;
+}
+.fullscreen-view .playlist-page .playlist-display .playlistInfo > .row {
+ justify-content: center;
+}
+.fullscreen-view .playlist-page .playlist-display .playlist-controls div {
+ width: 100%;
+}
+.fullscreen-view .playlist-page .mediaContainer {
+ width: 30vh;
+ height: 30vh;
+ aspect-ratio: 1;
+}
+.fullscreen-view .playlist-page .playlist-display .playlistInfo .playlist-info {
+ gap: 16px;
+ margin-top: 40px;
+}
+.fullscreen-view .playlist-page .playlist-display .playlistInfo .playlist-hero {
+ transform: unset;
+}
+.fullscreen-view .artist-page .artist-header {
+ min-height: 60vh;
+}
+.fullscreen-view .artist-page .artist-image {
+ width: 20vh;
+ height: 20vh;
+ aspect-ratio: 1;
+}
+.fullscreen-view .artist-page.animated .artist-header {
+ min-height: 80vh;
+}
+.fullscreen-view .playlist-page .playlist-body {
+ flex: 1;
+}
+.mini-view {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.mini-view .fs-row {
+ flex-grow: 1;
+}
+.mini-view .playback-button--small.active {
+ background-color: rgba(200, 200, 200, 0.25);
+}
+.mini-view .player-exit {
+ z-index: 3;
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ -webkit-app-region: no-drag;
+}
+.mini-view .player-pin {
+ z-index: 3;
+ position: absolute;
+ min-width: 20px;
+ min-height: 20px;
+ top: 5px;
+ right: 30px;
+ -webkit-app-region: no-drag;
+}
+.mini-view #mini-pin {
+ display: none;
+}
+.mini-view .player-pin:hover #mini-pin {
+ display: block;
+}
+.mini-view .playback-button--small {
+ opacity: 0.7;
+}
+.mini-view .right-col {
+ height: 50vh;
+}
+@media only screen and (max-width: 1121px) {
+ .mini-view .display--large {
+ display: flex !important;
+ }
+}
+.mini-view .display--large {
+ display: flex;
+}
+.mini-view .display--large .slider {
+ width: 100%;
+ z-index: 1;
+}
+.mini-view .display--large .input-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+}
+.mini-view .display--large .volume-button--small {
+ border-radius: 6px;
+ color: inherit;
+ background-size: 16px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-color: transparent;
+ height: 15px;
+ width: 30px;
+ border: 0px;
+ box-shadow: unset;
+ opacity: 0.7;
+ background-image: url("./assets/feather/volume-2.svg");
+}
+.mini-view .display--large .volume-button--small:active {
+ transform: scale(0.9);
+}
+.mini-view .display--large .volume-button--small.active {
+ background-image: url("./assets/feather/volume.svg");
+}
+.mini-view .display--large 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;
+}
+.mini-view .display--large input[type=range]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ height: 14px;
+ width: 14px;
+ border-radius: 50%;
+ background: #323232;
+ cursor: default;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
+ transition: all var(--appleTransition);
+}
+.mini-view .display--large input[type=range]::-webkit-slider-thumb:hover {
+ background-image: radial-gradient(var(--songProgressColor) 2px, transparent 3px, transparent 10px);
+ transform: scale(1.2);
+}
+.mini-view .display--large input[type=range]::-webkit-slider-thumb:active {
+ background-image: radial-gradient(var(--songProgressColor) 3px, transparent 4px, transparent 10px);
+ transform: scale(1);
+}
+.mini-view .display--large input[type=range]::-webkit-slider-runnable-track {
+ -webkit-appearance: none;
+ box-shadow: none;
+ border: none;
+ background: transparent;
+}
+.mini-view .background {
+ position: absolute;
+ background-size: cover;
+ width: 100%;
+ height: 100%;
+ -webkit-user-select: none;
+ -webkit-app-region: drag;
+}
+.mini-view .background .bgArtworkMaterial {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+.mini-view .background .bgArtworkMaterial .bg-artwork-container {
+ z-index: unset;
+}
+.mini-view .background .bgArtworkMaterial .bg-artwork-container .bg-artwork {
+ filter: brightness(85%) saturate(95%) blur(180px) contrast(0.9) opacity(0.9);
+}
+.mini-view .background .bgArtworkMaterial .no-animation {
+ animation: unset;
+}
+.mini-view .lyrics-col {
+ height: 62vh;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ width: 80%;
+}
+.mini-view .lyrics-col ::-webkit-scrollbar-thumb {
+ box-shadow: unset;
+}
+.mini-view .lyrics-col:hover ::-webkit-scrollbar-thumb {
+ box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.5);
+}
+.mini-view .lyrics-col .no-lyrics {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+}
+.mini-view .lyrics-col .lyric-line {
+ font-size: 35px;
+}
+.mini-view .queue-col {
+ width: 60vh;
+ height: 50vh;
+}
+.mini-view .queue-col .queue-title {
+ opacity: 0.6;
+}
+.mini-view .queue-col .queue-panel > * {
+ z-index: 3;
+}
+.mini-view .queue-col ::-webkit-scrollbar-thumb {
+ box-shadow: unset;
+}
+.mini-view .queue-col:hover ::-webkit-scrollbar-thumb {
+ box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.5);
+}
+.mini-view .tab-toggles {
+ display: flex;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ width: 15vh;
+ height: 5vh;
+ justify-content: space-evenly;
+}
+.mini-view .tab-toggles .volume {
+ background-image: url("./assets/feathers/volume.svg");
+ padding: 0.5vh;
+ width: 2vh;
+ height: 2vh;
+ background-origin: content-box;
+ background-repeat: no-repeat;
+}
+.mini-view .tab-toggles .queue {
+ background-image: url("./assets/list.svg");
+ padding: 0.5vh;
+ width: 2.5vh;
+ height: 2.5vh;
+ background-origin: content-box;
+ background-repeat: no-repeat;
+}
+.mini-view .tab-toggles .lyrics {
+ background-image: url("./assets/quote-right.svg");
+ padding: 0.5vh;
+ width: 2.5vh;
+ height: 2.5vh;
+ background-origin: content-box;
+ background-repeat: no-repeat;
+}
+.mini-view .tab-toggles .active {
+ background-color: rgba(200, 200, 200, 0.7);
+ border-radius: 3px;
+}
+.mini-view .artwork-col {
+ justify-content: center;
+ align-items: center;
+ display: flex;
+ flex-direction: column;
+}
+.mini-view .artwork-col .artwork {
+ width: 100%;
+ height: 100%;
+}
+.mini-view .artwork-col .artwork .mediaitem-artwork {
+ border-radius: unset;
+}
+.mini-view .artwork-col .controls-parents {
+ width: 100%;
+ position: absolute;
+ background: #0000009e;
+ backdrop-filter: blur(10px);
+ bottom: 0px;
+ z-index: 3;
+ opacity: 0;
+ padding: 3%;
+}
+.mini-view .artwork-col .controls-parents:hover {
+ opacity: 1;
+}
+.mini-view .artwork-col .app-playback-controls {
+ -webkit-app-region: no-drag;
+}
+.mini-view .artwork-col .app-playback-controls .song-artist,
+.mini-view .artwork-col .app-playback-controls .song-name {
+ font-weight: 600;
+ text-align: center;
+ font-size: 0.9em;
+ height: 1.2em;
+ line-height: 0.9em;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 360px;
+}
+.mini-view .artwork-col .app-playback-controls .song-artist .song-name-normal,
+.mini-view .artwork-col .app-playback-controls .song-name .song-name-normal {
+ height: inherit;
+}
+.mini-view .artwork-col .app-playback-controls .song-artist {
+ font-size: 0.875em;
+ font-weight: 400;
+}
+.mini-view .artwork-col .app-playback-controls .song-name {
+ width: unset !important;
+ margin-top: 0.15vh;
+ display: -webkit-box;
+ line-height: 1.2;
+ text-overflow: ellipsis;
+ text-align: center;
+}
+.mini-view .artwork-col .app-playback-controls .playback-info {
+ margin-top: 0.5vh;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ position: relative;
+}
+.mini-view .artwork-col .app-playback-controls .playback-info input[type="range"] {
+ width: 100%;
+}
+.mini-view .artwork-col .app-playback-controls .playback-info > div {
+ width: 100%;
+ text-align: center;
+}
+.mini-view .artwork-col .app-playback-controls .song-progress {
+ position: absolute;
+ bottom: -3.5vh;
+ left: 0px;
+ background: transparent;
+}
+.mini-view .artwork-col .app-playback-controls .song-progress .song-duration p {
+ font-weight: 400;
+ font-size: 10px;
+ height: 1.2em;
+ line-height: 1.3em;
+ overflow: hidden;
+ margin: 0 0 0 0.25em;
+}
+.mini-view .artwork-col .app-playback-controls .song-progress:hover > input[type=range]::-webkit-slider-thumb {
+ opacity: 1;
+ transform: scale(1);
+ z-index: 1;
+}
+.mini-view .artwork-col .app-playback-controls .song-progress input[type=range] {
+ appearance: none;
+ width: 100%;
+ height: 4px;
+ background-color: rgba(200, 200, 200, 0.1);
+ border-radius: 2px;
+}
+.mini-view .artwork-col .app-playback-controls .song-progress input[type=range]::-webkit-slider-thumb {
+ opacity: 0;
+ transform: scale(0.5);
+ -webkit-appearance: none;
+ appearance: none;
+ width: 12px;
+ height: 12px;
+ border-radius: 100%;
+ background: var(--songProgressColor);
+ cursor: default;
+ transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+}
+.mini-view .artwork-col .app-playback-controls .song-progress input[type=range]::-moz-range-thumb {
+ width: 8px;
+ height: 8px;
+ border-radius: 100%;
+ background: var(--songProgressColor);
+ cursor: default;
+}
+.mini-view .artwork-col .control-buttons {
+ margin-top: 3.5vh;
+ display: inline-flex;
+ width: 100%;
+ justify-content: center;
+}
+#micaEffect {
+ opacity: 1;
+ filter: brightness(1) saturate(320%);
+}
+@keyframes micaEnter {
+ 0% {
+ opacity: 0;
+ transform: translateY(10px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0px);
+ }
+}
+@keyframes rotate {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+.modular-fs .app-chrome.chrome-bottom {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ z-index: 14!important;
+ backdrop-filter: var(--glassFilter);
+}
+.modular-fs .app-navigation {
+ height: 100%;
+}
+.modular-fs .app-drawer {
+ width: 100%;
+ right: 0px;
+ top: 0px;
+ height: 100%;
+ border-radius: 0px;
+ box-shadow: unset;
+ background: black;
+}
+.modular-fs .app-drawer .bgArtworkMaterial {
+ display: block;
+}
+.modular-fs .app-drawer .bgArtworkMaterial::before {
+ top: -50%;
+ left: -20%;
+ width: 200VH;
+ height: 200VH;
+}
+.modular-fs .app-drawer .bgArtworkMaterial .bg-artwork-container {
+ display: block !important;
+}
+.modular-fs .app-drawer .lyric-body {
+ justify-content: center;
+ align-items: center;
+ padding: 0px;
+ margin: 0px;
+ overflow: hidden;
+ filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.7));
+}
+.modular-fs .app-drawer .lyric-body .lyric-line {
+ pointer-events: none;
+ font-weight: 600;
+ font-size: 2em;
+ transform-origin: center;
+ animation: fsLyricIn var(--appleEase) 0.2s;
+ opacity: 0.9;
+}
+.modular-fs .app-drawer .lyric-body .lyric-line:not(.active) {
+ display: none;
+ margin: 0;
+ transform: scale(1);
+}
+.modular-fs .app-drawer .lyric-body .lyric-line.active {
+ margin: 0;
+ transform: scale(1);
+}
+@keyframes fsLyricIn {
+ 0% {
+ opacity: 0;
+ transform: scale(0.98);
+ }
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+/* Transitions */
+.replaycard-enter-active,
+.replaycard-leave-active {
+ transition: opacity 0.5s var(--appleEase), transform 0.5s var(--appleEase);
+}
+.replaycard-enter,
+.replaycard-leave-to {
+ opacity: 0;
+ transform: translateY(20px);
+}
+.fade-enter-active,
+.fade-leave-active {
+ transition: opacity 0.15s var(--appleEase);
+}
+.fade-enter,
+.fade-leave-to {
+ opacity: 0;
+}
+.modal-enter-active,
+.modal-leave-active {
+ transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+}
+.modal-enter,
+.modal-leave-to {
+ opacity: 0;
+ transform: scale(1.1);
+}
+.wpfade-enter-active,
+.wpfade-leave-active {
+ transition: opacity 0.1s var(--appleEase);
+}
+.wpfade-enter,
+.wpfade-leave-to {
+ opacity: 0;
+}
+.wpfade_transform-enter-active,
+.wpfade_transform-leave-active {
+ --transitionTime: 0.2s;
+ transition: opacity var(--transitionTime) var(--appleEase);
+ will-change: opacity, transform;
+}
+.wpfade_transform-enter {
+ opacity: 0;
+ transform: unset;
+ will-change: opacity;
+}
+.wpfade_transform-leave-to {
+ opacity: 0;
+ transform: unset;
+ will-change: opacity;
+}
+.wpfade_transform_backwards-enter-active,
+.wpfade_transform_backwards-leave-active {
+ --transitionTime: 0.2s;
+ transition: opacity var(--transitionTime) var(--appleEase);
+}
+.wpfade_transform_backwards-enter {
+ opacity: 0;
+ transform: unset;
+ will-change: opacity;
+}
+.wpfade_transform_backwards-leave-to {
+ opacity: 0;
+ transform: unset;
+ will-change: opacity;
+}
+.fabfade-enter-active,
+.fabfade-leave-active {
+ transition: transform 0.1s var(--appleEase), opacity 0.1s var(--appleEase);
+}
+.fabfade-enter,
+.fabfade-leave-to {
+ opacity: 0;
+ transform: scale(0.5);
+}
+.fsModeSwitch-enter-active,
+.fsModeSwitch-leave-active {
+ transition: transform 1s var(--appleEase), opacity 1s var(--appleEase);
+}
+.fsModeSwitch-enter,
+.fsModeSwitch-leave-to {
+ transform: scale(1.1);
+ opacity: 0;
+}
+.sidebartransition-enter-active,
+.sidebartransition-leave-active {
+ transition: margin-left 0.35s var(--appleEase);
+}
+.sidebartransition-enter,
+.sidebartransition-leave-to {
+ margin-left: calc(var(--sidebarWidth) * -1);
+}
+.drawertransition-enter-active,
+.drawertransition-leave-active {
+ transition: transform 0.25s var(--appleEase);
+}
+.drawertransition-enter,
+.drawertransition-leave-to {
+ transform: translateX(400px);
+}
+: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: 100%;
+ bottom: 0;
+ z-index: 100000;
+}
+#apple-music-video-container #player-fullscreen {
+ background-size: 50%;
+ background-position: center;
+ background-repeat: no-repeat;
+ filter: opacity(0.6);
+ background-color: transparent;
+ border-radius: 10px;
+ transition: 0.2s ease-in-out filter;
+ bottom: 0;
+}
+#apple-music-video-container #player-fullscreen:hover {
+ filter: opacity(1);
+ transition: 0.2s ease-in-out filter;
+}
+#apple-music-video-container #player-pip {
+ background-color: transparent;
+ border-radius: 10px;
+ bottom: 0;
+ filter: opacity(0.6);
+ transition: 0.2s ease-in-out filter;
+}
+#apple-music-video-container #player-pip:hover {
+ filter: opacity(1);
+ transition: 0.2s ease-in-out filter;
+}
+#apple-music-video-container .playback-info {
+ position: absolute;
+ width: 100%;
+ bottom: 0;
+ padding: 20px 40px;
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%);
+}
+#apple-music-video-container .playback-info .song-artist {
+ font-size: 1.7rem;
+ font-weight: bold;
+}
+#apple-music-video-container .playback-info .song-name {
+ font-size: 1.2rem;
+ font-weight: bold;
+ color: #ffffff;
+}
+#apple-music-video-container input[type="range"] {
+ align-self: center;
+ height: 4px;
+ border-radius: 0.5rem;
+ margin-inline: 10px;
+}
+#apple-music-video-container .song-progress input[type="range"] {
+ appearance: initial;
+}
+#apple-music-video-container .song-progress input[type="range"]::-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;
+}
+#apple-music-video-player {
+ position: absolute;
+ top: 50%;
+ width: 100%;
+ transform: translate(0, -50%);
+ height: 100%;
+}
+#app.twopanel #apple-music-video-container {
+ top: 0;
+ bottom: unset;
+}
+.inactive {
+ opacity: 0;
+}
+#apple-music-video-player-controls {
+ position: absolute;
+ z-index: 100001;
+ float: left;
+ width: 100%;
+ height: 100%;
+}
+#apple-music-video-player-controls .playback-info .song-progress {
+ display: flex;
+}
+#apple-music-video-player-controls .playback-info .app-chrome-item.display--large {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-items: center;
+}
+#apple-music-video-player-controls .playback-info .app-chrome-item.display--large .playback-button {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ padding: 3px;
+}
+#apple-music-video-player-controls .playback-info .song-artist-album {
+ font-weight: 400;
+ font-size: 12px;
+ text-align: center;
+ /*height: 1.2em;
+ line-height: 1.2em;*/
+ z-index: 1;
+ align-items: center;
+ justify-content: center;
+ width: 80%;
+ max-width: 340px;
+ overflow: hidden;
+}
+#apple-music-video-player-controls .playback-info .song-artist-album .song-artist-album-content {
+ font-weight: 400;
+ font-size: 12px;
+ text-align: center;
+ width: 100%;
+}
+#apple-music-video-player-controls .playback-info .song-artist-album .song-artist-album-content.song-artist-normal {
+ height: inherit;
+}
+#apple-music-video-player-controls .playback-info .song-artist-album.song-artist-marquee > marquee {
+ margin-bottom: -3px;
+}
+#apple-music-video-player-controls #player-exit {
+ position: absolute;
+ z-index: 100001;
+ float: left;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ margin-top: 10px;
+ margin-bottom: 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%;
+ 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%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+}
+#apple-music-video-player-controls #player-fullscreen > svg {
+ width: 70%;
+}
+#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;
+ white-space: pre-line;
+ font-family: '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;
+}
+[v-cloak] {
+ display: none !important;
+}
+.item-navigate:hover {
+ text-decoration: underline;
+ cursor: pointer;
+}
+.title-browse-sp {
+ width: 100%;
+ text-align: left;
+ margin-bottom: 2px;
+}
+.bold {
+ font-weight: bold;
+}
+.semibold {
+ font-weight: 500;
+}
+.madeforyou-body {
+ margin-top: 15px;
+}
+.albums-square-container {
+ text-align: center;
+}
+body.no-gpu {
+ --ciderShadow-Generic: var(--mediaItemShadow);
+ --mediaItemShadow-Shadow: var(--mediaItemShadow);
+ --mediaItemShadow-ShadowSubtle: var(--mediaItemShadow);
+}
+body.no-gpu .bg-artwork-container {
+ display: none;
+ animation: none !important;
+}
+body.no-gpu .bg-artwork-container .bg-artwork {
+ animation: none !important;
+}
+body.no-gpu .floating-header {
+ background: black;
+ backdrop-filter: unset;
+}
+body.no-gpu .artworkContainer {
+ animation: unset!important;
+ opacity: 0.7;
+}
+body.no-gpu .info-rect-card:before {
+ display: none;
+}
+body.no-gpu .menu-panel .menu-panel-body {
+ background: #1e1e1e;
+ backdrop-filter: unset;
+}
+body.no-gpu #navigation-bar {
+ backdrop-filter: unset;
+ mix-blend-mode: unset;
+ background: #000000;
+}
+body.no-gpu .addtoplaylist-panel .modal-window {
+ background: #121212;
+ backdrop-filter: unset;
+}
+body.no-gpu .app-drawer {
+ backdrop-filter: unset;
+ mix-blend-mode: unset;
+ background: #1c1c1c;
+}
+body.no-gpu .wpfade-enter-active,
+body.no-gpu .wpfade-leave-active {
+ transition: opacity 0s var(--appleEase);
+}
+body.no-gpu .wpfade-enter,
+body.no-gpu .wpfade-leave-to {
+ opacity: 0;
+}
+body.no-gpu .drawertransition-enter-active,
+body.no-gpu .drawertransition-leave-active {
+ transition: right 0s var(--appleEase);
+}
+body.no-gpu .drawertransition-enter,
+body.no-gpu .drawertransition-leave-to {
+ right: -300px;
+}
+body.no-gpu .lyric-line:hover::after {
+ display: none;
+}
+.qrimg {
+ width: -webkit-fill-available;
+ max-block-size: -webkit-fill-available;
+ object-fit: contain;
+ overflow-x: hidden;
+ overflow-y: hidden;
+}
+.moreinfo-modal .modal-window {
+ height: max-content !important;
+}
+.moreinfo-modal .modal-window .modal-content {
+ height: max-content !important;
+ padding-block: 25px;
+}
+.equalizer-panel .modal-window {
+ height: 330px;
+ max-height: 330px;
+ width: 740px;
+ max-width: 800px;
+ overflow: hidden;
+}
+.equalizer-panel .modal-window .info-header {
+ padding-left: 12px;
+}
+.equalizer-panel .modal-window .visual-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ overflow: hidden;
+}
+.equalizer-panel .modal-window .modal-header {
+ padding: 16px;
+ position: relative;
+ overflow: hidden;
+}
+.equalizer-panel .modal-window .modal-header .modal-title {
+ text-align: center;
+}
+.equalizer-panel .modal-window .modal-header .close-btn {
+ width: 36px;
+ height: 36px;
+ background-position: center;
+ background-repeat: no-repeat;
+ -webkit-app-region: no-drag;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ border-radius: 50px;
+ display: grid;
+ align-content: center;
+}
+.equalizer-panel .modal-window .modal-header .close-btn:before {
+ content: "";
+ font-family: "codicon";
+ color: var(--textColor);
+ font-size: 20px;
+}
+.equalizer-panel .modal-window .modal-header .close-btn:hover {
+ background-color: #c42b1c;
+}
+.equalizer-panel .modal-window .modal-content {
+ display: block;
+}
+.equalizer-panel .modal-window .modal-content .inputs-container {
+ margin-left: 8px;
+}
+.equalizer-panel .modal-window .modal-content .input-container {
+ display: inline-grid;
+ width: 54px;
+ justify-items: center;
+ font-size: 0.7em;
+}
+.equalizer-panel .modal-window .modal-content .input-container.mini {
+ display: inline-grid;
+ width: 43px;
+ justify-items: center;
+ font-size: 0.7em;
+}
+.equalizer-panel .modal-window .modal-content .freq-header {
+ margin-bottom: 2px;
+}
+.equalizer-panel .modal-window .modal-content .reset-button {
+ width: 50%;
+ margin-left: 25%;
+ text-align: center;
+}
+.equalizer-panel .modal-window .modal-content input.eq-slider {
+ -webkit-appearance: slider-vertical;
+ width: 5%;
+}
+.equalizer-panel .modal-window .modal-content input[type="number"] {
+ padding: unset;
+ width: 55px;
+}
+.equalizer-panel .modal-window .modal-content .header input.eq-slider {
+ -webkit-appearance: slider-vertical;
+ width: 5%;
+ opacity: 0;
+}
+.equalizer-panel .modal-window .modal-lowercontent {
+ padding: 16px;
+ background-color: var(--modalBackground);
+}
+body[platform='darwin'] #window-controls-container {
+ display: none;
+}
+body[platform='darwin'] .app-chrome .app-chrome-item > .app-mainmenu {
+ opacity: 0;
+ width: 52px;
+ pointer-events: none;
+ -webkit-app-region: drag;
+}
+.percent {
+ display: inline-block;
+ position: relative;
+}
+.percent::after {
+ position: relative;
+ right: 2em;
+ transition: all 0.05s ease-in-out;
+}
+.percent:hover::after,
+.percent:focus-within::after {
+ right: 3.5em;
+}
+.percent::after {
+ content: '%';
+}
+.playbackrate-text {
+ align-items: end;
+ margin-right: 5px;
+}
+.modal .close {
+ color: transparent;
+}
+.spatialproperties-panel.modal-fullscreen {
+ flex-direction: column;
+}
+.cursor {
+ background: rgba(255, 255, 255, 0.5);
+ width: 16px;
+ height: 16px;
+ position: fixed;
+ z-index: 9999999999;
+ pointer-events: none;
+ border-radius: 100%;
+ box-shadow: 0px 0px 0px 2px #c8c8c8;
+ top: 0;
+ left: 0;
+ display: none;
+}
+.keybinds-page .md-option-header {
+ padding: 10px 0px;
+ border-bottom: unset;
+ border-top: unset;
+ font-weight: 600;
+ background: rgba(255, 255, 255, 0);
+ font-size: 2em;
+}
+.keybinds-page .md-option-header-sub {
+ padding: 15px 10px;
+ border-bottom: unset;
+ border-top: unset;
+ background: rgba(255, 255, 255, 0);
+ font-weight: 600;
+ font-size: 1.7em;
+}
+.keybinds-page .md-option-line {
+ padding: 15px 20px;
+ font-size: 0.9em;
+}
+.content-inner.keybinds-page {
+ top: var(--navigationBarHeight);
+ padding: 15px;
+}
+body[platform="darwin"] html {
+ background: transparent !important;
+}
+body[platform="darwin"].notransparency::before {
+ display: none;
+}
+body[platform="darwin"] #app.simplebg {
+ background: transparent;
+}
+body[platform="darwin"] #app::before {
+ display: none;
+}
+body[platform="darwin"] #app .app-chrome {
+ background-color: var(--macOSChromeColor);
+}
+body[platform="darwin"] #app.twopanel {
+ --chromeHeight1: 55px;
+ --chromeHeight: calc(var(--chromeHeight1) + var(--chromeHeight2));
+}
+body[platform="darwin"] #app.twopanel .app-chrome .app-chrome-item.search {
+ margin-right: 12px;
+}
+body[platform="darwin"] #app.twopanel .app-chrome .app-mainmenu {
+ width: 46px;
+}
+body[platform="darwin"] #app.twopanel .app-chrome.chrome-bottom {
+ background-color: var(--macOSChromeColor);
+}
+body[platform="darwin"] #app[window-state="normal"]::after {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ box-shadow: inset 0px 0px 0.5px 1px rgba(200, 200, 200, 0.4);
+ border-radius: 10px;
+ content: " ";
+ z-index: 999999;
+ pointer-events: none;
+}
+body[platform="darwin"] #app-main {
+ background-color: transparent;
+}
+body[platform="darwin"] #app-main .app-navigation {
+ background: transparent;
+}
+body[platform="darwin"] #app-main #app-content {
+ background-color: #1e1e1e6b;
+}
+body[platform="darwin"] .settings-window.maxed .tabs > .col-auto {
+ transition: padding-top 0.3s linear;
+ padding-top: var(--chromeHeight1);
+}
+body[platform="darwin"] #apple-music-video-player-controls #player-exit {
+ margin-top: 18px;
+ left: 70px;
+}
+body[platform="linux"] .window-controls {
+ justify-content: flex-end;
+ align-items: center;
+ padding-right: 6px;
+}
+body[platform="linux"] .window-controls > div {
+ --iconSize: 16px;
+}
+body[platform="linux"] .window-controls > div.close,
+body[platform="linux"] .window-controls > div.minmax,
+body[platform="linux"] .window-controls > div.minimize,
+body[platform="linux"] .window-controls > div.minmax.restore {
+ background-image: unset!important;
+ position: relative;
+ display: grid;
+ align-content: center;
+ text-align: center;
+ height: 36px!important;
+ width: 36px!important;
+ border-radius: 50px;
+ transition: background-color 0.1s ease-in-out;
+}
+body[platform="linux"] .window-controls > div.close:hover,
+body[platform="linux"] .window-controls > div.minmax:hover,
+body[platform="linux"] .window-controls > div.minimize:hover,
+body[platform="linux"] .window-controls > div.minmax.restore:hover {
+ background: rgba(200, 200, 200, 0.1) !important;
+}
+body[platform="linux"] .window-controls > div.close::before {
+ font-family: "codicon";
+ font-size: var(--iconSize);
+ content: "";
+}
+body[platform="linux"] .window-controls > div.minmax::before {
+ font-family: "codicon";
+ font-size: var(--iconSize);
+ content: "";
+}
+body[platform="linux"] .window-controls > div.minimize::before {
+ font-family: "codicon";
+ font-size: var(--iconSize);
+ content: "";
+}
+body[platform="linux"] .window-controls > div.restore::before {
+ font-family: "codicon";
+ font-size: var(--iconSize);
+ content: "";
+}
+#app.compact .content-inner {
+ zoom: 0.95;
+}
+#app.compact .app-sidebar-content {
+ padding: 0px;
+}
+#app.compact .app-sidebar-content .app-sidebar-header-text {
+ padding: 6px 10px;
+ margin: 0px;
+}
+#app.compact .app-sidebar-content .app-sidebar-item {
+ display: flex;
+ width: 100%;
+ padding: 8px 12px;
+ font-size: 13px;
+ margin: 0px;
+ border: 1px solid transparent;
+ border-radius: 0px;
+ transition: unset;
+ transform: unset;
+}
+#app.compact .app-sidebar-content .app-sidebar-item:active {
+ background: var(--selected-click);
+}
+#app.compact .app-sidebar-content .app-sidebar-item::after {
+ display: none;
+}
+#app.compact .app-sidebar-content .app-sidebar-item.active {
+ background: var(--keyColor-disabled);
+}
+#app.compact .app-sidebar-content .sidebar-icon {
+ width: 14px;
+ height: 16px;
+ margin-right: 8px;
+}
+#app.compact .app-sidebar-content .folder-body {
+ border-radius: 0px;
+ padding: 0px;
+}
+#app.navbar {
+ --navigationBarHeight: 38px;
+}
+#app.twopanel {
+ --chromeHeight1: 46px;
+ --chromeHeight2: 90px;
+ --chromeHeight: calc(var(--chromeHeight1) + var(--chromeHeight2));
+}
+#app.twopanel .modular-fs .app-drawer .lyric-footer {
+ bottom: var(--chromeHeight2);
+}
+#app.twopanel .app-chrome {
+ height: var(--chromeHeight1);
+}
+#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center {
+ flex: 1;
+}
+#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group {
+ background: #1e1e1e99;
+ border: 1px solid #323232;
+ border-radius: 12px;
+ display: flex;
+ height: 32px;
+}
+#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item {
+ background-color: #1e1e1e00;
+ border-radius: 10px !important;
+ border: 0px;
+ min-width: 120px;
+ padding: 6px;
+ justify-content: center;
+ align-items: center;
+ margin: 0px;
+ height: 100%;
+ position: relative;
+}
+#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item:before {
+ --dist: 1px;
+ content: '';
+ position: absolute;
+ top: var(--dist);
+ left: var(--dist);
+ right: var(--dist);
+ bottom: var(--dist);
+ background-color: #fff;
+ opacity: 0;
+ border-radius: 10px;
+ transform: scale(0.5);
+ transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+}
+#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item:after {
+ display: none;
+}
+#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item:hover {
+ background-color: transparent;
+}
+#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item:hover:before {
+ transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
+ opacity: 0.1;
+ transform: scale(1);
+}
+#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item.active {
+ background-color: transparent;
+}
+#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item.active:before {
+ opacity: 0.2;
+ transform: scale(1);
+}
+#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item.md-btn-primary {
+ box-shadow: 0px 0px 0px 1px #323232;
+ background-color: #2b2b2b;
+ z-index: 1;
+}
+#app.twopanel .app-chrome .app-mainmenu {
+ width: 30px;
+ height: 30px;
+}
+#app.twopanel .app-chrome .search-input {
+ width: 180px;
+}
+#app.twopanel .app-chrome.chrome-bottom {
+ background: var(--color2);
+ -webkit-app-region: no-drag;
+ height: var(--chromeHeight2);
+ box-shadow: 0px -2px 6px rgba(20, 20, 20, 0.12), 0px -1px 0px 0px rgba(200, 200, 200, 0.12);
+ z-index: 4;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom {
+ width: 100%;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom .col {
+ display: flex;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom .col-sm-auto {
+ width: 4em;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.8em;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom input[type=range] {
+ appearance: none;
+ width: 100%;
+ height: 5px;
+ background-color: rgba(200, 200, 200, 0.1);
+ border-radius: 6px;
+ box-shadow: 0px 0px 0px 1px rgba(0 0 0 / 10%);
+ align-self: center;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom input[type=range]::-webkit-slider-thumb {
+ opacity: 0;
+ transform: scale(1);
+ -webkit-appearance: none;
+ appearance: none;
+ width: 16px;
+ height: 16px;
+ border-radius: 100%;
+ background: var(--keyColor);
+ cursor: default;
+ transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom input[type=range]:hover::-webkit-slider-thumb {
+ opacity: 1;
+}
+#app.twopanel .app-sidebar-footer--controls {
+ display: none !important;
+}
+#app.twopanel .app-chrome.chrome-bottom {
+ -webkit-app-region: no-drag;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-playback-controls .actions {
+ align-self: center;
+}
+#app.twopanel .app-chrome.chrome-bottom .playback-button.play,
+#app.twopanel .app-chrome.chrome-bottom .playback-button.pause,
+#app.twopanel .app-chrome.chrome-bottom .playback-button.stop {
+ width: 42px;
+ height: 42px;
+ border-radius: 50%;
+ margin: 6px;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--center {
+ display: flex;
+ flex-direction: column;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-controls {
+ display: flex;
+ z-index: 1;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration {
+ position: relative;
+ width: 80%;
+ -webkit-app-region: no-drag;
+ height: 16px;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress {
+ height: 16px;
+ position: absolute;
+ bottom: 4px;
+ left: 0px;
+ right: 4px;
+ background: transparent;
+ z-index: 0;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress .song-duration {
+ display: flex;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress .song-duration p {
+ font-weight: 400;
+ font-size: 10px;
+ height: 1.2em;
+ line-height: 1.3em;
+ overflow: hidden;
+ margin: 0 0 0 0.25em;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress:hover > input[type=range]::-webkit-slider-thumb {
+ opacity: 1;
+ transform: scale(1);
+ z-index: 1;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress input[type=range] {
+ appearance: none;
+ width: 100%;
+ height: 4px;
+ background-color: rgba(200, 200, 200, 0.1);
+ border-radius: 2px;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress input[type=range]::-webkit-slider-thumb {
+ opacity: 0;
+ transform: scale(0.5);
+ -webkit-appearance: none;
+ appearance: none;
+ width: 12px;
+ height: 12px;
+ border-radius: 100%;
+ background: var(--keyColor);
+ cursor: default;
+ transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left {
+ width: 30%;
+ justify-content: flex-start;
+ align-items: flex-start;
+ -webkit-app-region: no-drag !important;
+ flex: 0 0 auto;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls {
+ -webkit-app-region: no-drag !important;
+ width: 100%;
+ height: 100%;
+ max-width: 100%;
+ border: 0px;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .artwork {
+ --offset: 20px;
+ --marginOffset: 2;
+ --size: calc(var(--chromeHeight2) - var(--offset));
+ width: var(--size);
+ height: var(--size);
+ margin: 0 calc(var(--offset) / var(--marginOffset)) 0 calc(var(--offset) / var(--marginOffset));
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .artwork .mediaitem-artwork,
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .artwork img {
+ border-radius: calc(var(--mediaItemRadius) / 2);
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info {
+ align-items: flex-start;
+ margin: 6px;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-name {
+ text-align: left;
+ font-size: 0.8em;
+ font-weight: 500;
+ width: 100%;
+ -webkit-mask-image: linear-gradient(-90deg, transparent 0%, transparent 10%, black 20%);
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-artist,
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-album {
+ font-size: 0.75em;
+ opacity: 0.8;
+ cursor: pointer;
+ white-space: nowrap;
+ max-width: 360px;
+ -webkit-mask-image: linear-gradient(-90deg, transparent 0%, transparent 10%, black 20%);
+ width: 100%;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-artist:hover,
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-album:hover {
+ text-decoration: underline;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .audio-type {
+ margin: 0px;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-artist-album-content {
+ text-align: left;
+ font-size: 12px;
+}
+#app.twopanel .app-chrome.chrome-bottom .app-chrome--right {
+ width: 30%;
+ flex: 0 0 auto;
+ padding-right: 8px;
+}
+#app.twopanel .collection-page .top-fab {
+ bottom: 96px;
+}
+@media (max-width: 1100px) {
+ #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center {
+ flex: unset;
+ }
+ #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item {
+ min-width: 110px;
+ }
+ #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item .sidebar-item-text {
+ display: none;
+ }
+ #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item .sidebar-icon {
+ margin: 0px;
+ }
+}
+@media (max-width: 1000px) {
+ #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center {
+ flex: unset;
+ }
+ #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item {
+ min-width: 60px;
+ }
+ #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item .sidebar-item-text {
+ display: none;
+ }
+ #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item .sidebar-icon {
+ margin: 0px;
+ }
+}
+#app.macosemu .app-chrome .app-chrome-item > .window-controls-macos {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 96px;
+}
+#app.macosemu .app-chrome .app-chrome-item > .window-controls-macos div {
+ margin: 4px;
+ background-color: red;
+ border-radius: 100%;
+ flex: 0 0 auto;
+ background-image: unset !important;
+}
+#app.macosemu .app-chrome .app-chrome-item > .window-controls-macos div.close {
+ box-shadow: 0px 0px 0px 1px #420000;
+ background-color: #ff5c5c;
+ width: 12px;
+ height: 12px;
+}
+#app.macosemu .app-chrome .app-chrome-item > .window-controls-macos div.minimize {
+ box-shadow: 0px 0px 0px 1px #322000;
+ background-color: #ffbd4c;
+ width: 12px;
+ height: 12px;
+}
+#app.macosemu .app-chrome .app-chrome-item > .window-controls-macos div.minmax {
+ box-shadow: 0px 0px 0px 1px #0b260b;
+ background-color: #4dca4d;
+ width: 12px;
+ height: 12px;
+}
+#app.macosemu .usermenu-body {
+ left: calc(100vw - 260px);
+ position: relative;
+}
diff --git a/src/renderer/views/components/settings-keybinds.ejs b/src/renderer/views/components/settings-keybinds.ejs
new file mode 100644
index 00000000..24805c29
--- /dev/null
+++ b/src/renderer/views/components/settings-keybinds.ejs
@@ -0,0 +1,323 @@
+
+
+
\ No newline at end of file
diff --git a/src/renderer/views/components/settings-plugins-github.ejs b/src/renderer/views/components/settings-plugins-github.ejs
new file mode 100644
index 00000000..4bd927ed
--- /dev/null
+++ b/src/renderer/views/components/settings-plugins-github.ejs
@@ -0,0 +1,188 @@
+
+
diff --git a/src/renderer/views/components/settings-themes-github.ejs b/src/renderer/views/components/settings-themes-github.ejs
new file mode 100644
index 00000000..24f4aec9
--- /dev/null
+++ b/src/renderer/views/components/settings-themes-github.ejs
@@ -0,0 +1,197 @@
+
+
\ No newline at end of file
diff --git a/src/renderer/views/components/settings-themes.ejs b/src/renderer/views/components/settings-themes.ejs
new file mode 100644
index 00000000..57f38d10
--- /dev/null
+++ b/src/renderer/views/components/settings-themes.ejs
@@ -0,0 +1,367 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/views/components/settings-window.ejs b/src/renderer/views/components/settings-window.ejs
index 6c1e574b..876fad04 100644
--- a/src/renderer/views/components/settings-window.ejs
+++ b/src/renderer/views/components/settings-window.ejs
@@ -1667,4 +1667,4 @@
}
}
})
-
+
\ No newline at end of file
diff --git a/src/renderer/views/pages/installed-themes.ejs b/src/renderer/views/pages/installed-themes.ejs
index dbb99395..453fd424 100644
--- a/src/renderer/views/pages/installed-themes.ejs
+++ b/src/renderer/views/pages/installed-themes.ejs
@@ -1,5 +1,7 @@
-
\ No newline at end of file
+ -->
\ No newline at end of file
diff --git a/src/renderer/views/pages/plugins-github.ejs b/src/renderer/views/pages/plugins-github.ejs
index 15a08986..fb4d46d7 100644
--- a/src/renderer/views/pages/plugins-github.ejs
+++ b/src/renderer/views/pages/plugins-github.ejs
@@ -1,5 +1,7 @@
-
+ -->
\ No newline at end of file
diff --git a/src/renderer/views/pages/themes-github.ejs b/src/renderer/views/pages/themes-github.ejs
index afd9f895..a5f7dbab 100644
--- a/src/renderer/views/pages/themes-github.ejs
+++ b/src/renderer/views/pages/themes-github.ejs
@@ -1,5 +1,7 @@
-
+ -->
\ No newline at end of file
From 1fa60624da4cffd83a9e7e2f62d5d309ec1c1553 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Mon, 4 Jul 2022 00:59:35 -0700
Subject: [PATCH 155/289] readded strings to en_US
---
src/i18n/en_US.json | 17 +++++++++++++++++
src/i18n/source/en_US.json | 17 +++++++++++++++++
2 files changed, 34 insertions(+)
diff --git a/src/i18n/en_US.json b/src/i18n/en_US.json
index aa4aec03..e7873bef 100644
--- a/src/i18n/en_US.json
+++ b/src/i18n/en_US.json
@@ -31,6 +31,10 @@
"term.miniplayer": "MiniPlayer",
"term.history": "History",
"term.search": "Search",
+ "term.scroll": "Scroll Mode",
+ "term.scroll.infinite": "Infinite",
+ "term.scroll.paged": "${songsPerPage} per page",
+ "term.live": "LIVE",
"term.showSearch": "Show search bar",
"term.hideSearch": "Hide search bar",
"term.library": "Library",
@@ -207,6 +211,12 @@
"term.zoomout" : "Zoom Out",
"term.zoomreset" : "Reset Zoom",
"term.fullscreen" : "Fullscreen",
+ "term.nowPlaying": "Now Playing",
+ "home.syncFavorites": "Sync Favorites",
+ "home.syncFavorites.gettingArtists": "Getting Favorited Artists...",
+ "action.favorite": "Favorite",
+ "action.removeFavorite": "Remove Favorite",
+ "action.refresh": "Refresh",
"home.title": "Home",
"home.recentlyPlayed": "Recently Played",
"home.recentlyAdded": "Recently Added",
@@ -411,6 +421,8 @@
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z3600": "Hokkaido Milk Tea",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500A": "Moonlight Softcake",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.BSCBM": "Brown Sugar Creme Brûlée Milk",
+ "settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500B": "Clafoutis aux Cerises",
+ "settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500C": "Uji Matcha Mochi",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.CUDDLE": "Cuddle Warmth",
"settings.option.audio.enableAdvancedFunctionality.ciderPPE": "Cider Adrenaline Processor™️",
"settings.option.audio.enableAdvancedFunctionality.ciderPPE.description": "Enhances the perceived audio quality of AAC encoded audio by using a real-time algorithm that takes advantage of both psychoacoustic models of human hearing and AAC encoding characteristics.",
@@ -547,6 +559,11 @@
"settings.option.advanced.playlistTrackMapping.description": "Enables deep scanning of playlists to determine which tracks are in which playlists. Playlist cache build times can increase significantly.",
"settings.option.visual.transparent": "Transparent frame",
"settings.option.visual.transparent.description": "needs Theme Support, requires relaunch",
+ "settings.option.visual.customAccentColor": "Custom Accent Color",
+ "settings.option.visual.accentColor": "Accent Color",
+ "settings.option.visual.purplePodcastPlaybackBar": "Purple Playback Bar for Podcasts",
+ "settings.option.visual.windowColor": "Window Tint Color",
+ "settings.header.visual.windowBackgroundStyle.color": "Color Tint",
"settings.header.advanced": "Advanced",
"settings.header.connect": "Sync",
"settings.option.connect.link_account": "Enable Sync with Cider Connect",
diff --git a/src/i18n/source/en_US.json b/src/i18n/source/en_US.json
index aa4aec03..e7873bef 100644
--- a/src/i18n/source/en_US.json
+++ b/src/i18n/source/en_US.json
@@ -31,6 +31,10 @@
"term.miniplayer": "MiniPlayer",
"term.history": "History",
"term.search": "Search",
+ "term.scroll": "Scroll Mode",
+ "term.scroll.infinite": "Infinite",
+ "term.scroll.paged": "${songsPerPage} per page",
+ "term.live": "LIVE",
"term.showSearch": "Show search bar",
"term.hideSearch": "Hide search bar",
"term.library": "Library",
@@ -207,6 +211,12 @@
"term.zoomout" : "Zoom Out",
"term.zoomreset" : "Reset Zoom",
"term.fullscreen" : "Fullscreen",
+ "term.nowPlaying": "Now Playing",
+ "home.syncFavorites": "Sync Favorites",
+ "home.syncFavorites.gettingArtists": "Getting Favorited Artists...",
+ "action.favorite": "Favorite",
+ "action.removeFavorite": "Remove Favorite",
+ "action.refresh": "Refresh",
"home.title": "Home",
"home.recentlyPlayed": "Recently Played",
"home.recentlyAdded": "Recently Added",
@@ -411,6 +421,8 @@
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z3600": "Hokkaido Milk Tea",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500A": "Moonlight Softcake",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.BSCBM": "Brown Sugar Creme Brûlée Milk",
+ "settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500B": "Clafoutis aux Cerises",
+ "settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500C": "Uji Matcha Mochi",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.CUDDLE": "Cuddle Warmth",
"settings.option.audio.enableAdvancedFunctionality.ciderPPE": "Cider Adrenaline Processor™️",
"settings.option.audio.enableAdvancedFunctionality.ciderPPE.description": "Enhances the perceived audio quality of AAC encoded audio by using a real-time algorithm that takes advantage of both psychoacoustic models of human hearing and AAC encoding characteristics.",
@@ -547,6 +559,11 @@
"settings.option.advanced.playlistTrackMapping.description": "Enables deep scanning of playlists to determine which tracks are in which playlists. Playlist cache build times can increase significantly.",
"settings.option.visual.transparent": "Transparent frame",
"settings.option.visual.transparent.description": "needs Theme Support, requires relaunch",
+ "settings.option.visual.customAccentColor": "Custom Accent Color",
+ "settings.option.visual.accentColor": "Accent Color",
+ "settings.option.visual.purplePodcastPlaybackBar": "Purple Playback Bar for Podcasts",
+ "settings.option.visual.windowColor": "Window Tint Color",
+ "settings.header.visual.windowBackgroundStyle.color": "Color Tint",
"settings.header.advanced": "Advanced",
"settings.header.connect": "Sync",
"settings.option.connect.link_account": "Enable Sync with Cider Connect",
From 5010a989e187a74ff024af4a02e32b5c473c12bd Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Mon, 4 Jul 2022 01:24:06 -0700
Subject: [PATCH 156/289] adjustments to settings sidebar collapse
---
src/renderer/less/pages.less | 19 ++++++++++++-------
1 file changed, 12 insertions(+), 7 deletions(-)
diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less
index fe6d9d4e..9ab7040c 100644
--- a/src/renderer/less/pages.less
+++ b/src/renderer/less/pages.less
@@ -50,12 +50,12 @@
}
.repos-list {
- height: 85%;
+ height: 100%;
width: 320px;
font-size: 14px;
- position: absolute;
overflow: overlay;
padding-bottom: 16px;
+ flex: 0 0 auto;
> .list-group {
margin: 0px;
@@ -75,13 +75,10 @@
}
.github-preview {
- height: 85%;
+ height: 100%;
flex: 1;
padding: 16px 32px;
overflow: auto;
- position: fixed;
- // width: calc(100% - 574px);
- margin-left: 320px;
padding-bottom: 16px;
}
@@ -94,6 +91,10 @@
.gh-header {
padding: 16px;
+ height: 64px;
+ display: grid;
+ align-content: center;
+ flex: 0 0 auto;
.header-text {
position: initial !important;
@@ -2112,8 +2113,10 @@
display: flex;
gap: 10px;
align-items: center;
+ height: 35px;
:nth-child(2) {
+ white-space: nowrap;
}
}
@@ -2252,8 +2255,10 @@
.tabs {
.nav-pills .nav-link {
+ width: 50px;
:nth-child(2) {
- display: none;
+ // font-size: 0px;
+ opacity:0;
}
}
>.col-auto {
From deba46e4be1be383423fb283683df9b3b6c783b9 Mon Sep 17 00:00:00 2001
From: vapormusic
Date: Mon, 4 Jul 2022 20:15:13 +0700
Subject: [PATCH 157/289] add multiplex
---
src/main/providers/local/index.ts | 2 +-
src/renderer/main/vueapp.js | 21 ++++++++++++++++++++-
2 files changed, 21 insertions(+), 2 deletions(-)
diff --git a/src/main/providers/local/index.ts b/src/main/providers/local/index.ts
index ffd0ed71..3993b8d9 100644
--- a/src/main/providers/local/index.ts
+++ b/src/main/providers/local/index.ts
@@ -173,7 +173,7 @@ export class LocalFiles {
// metadata.common.picture[0].data.toString('base64')
res.setHeader('Cache-Control', 'public, max-age=31536000');
- res.setHeader('Expires', new Date(Date.now() + 31536000).toUTCString());
+ res.setHeader('Expires', new Date(Date.now() + 31536000000).toUTCString());
res.setHeader('Content-Type', 'image/jpeg');
let data =
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 36e18c36..46773bc6 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -1944,12 +1944,31 @@ const app = new Vue({
})
return;
+ } else if(item.attributes.link.url.includes("viewFeature")) {
+ const params = new Proxy(new URLSearchParams(new URL(item.attributes.link.url).search), {
+ get: (searchParams, prop) => searchParams.get(prop),
+ });
+ id = params.id
+ app.mk.api.v3.music(`/v1/editorial/vn/multiplex/${id}?art%5Burl%5D=f&format%5Bresources%5D=map&platform=web`).then(
+ (data) => {
+ let item = data.data.results?.target ?? []
+ app.routeView(item)
+ }
+ )
+
} else {
window.open(item.attributes.link.url)
}
}
- } else if (kind == "multirooms") {
+ } else if (kind == "multiplex") {
+ app.mk.api.v3.music(`/v1/editorial/vn/multiplex/${id}?art%5Burl%5D=f&format%5Bresources%5D=map&platform=web`).then(
+ (data) => {
+ let item = data.data.results?.target ?? []
+ app.routeView(item)
+ }
+ )
+ }if (kind == "multirooms") {
app.getTypeFromID("multiroom", id, false, {
platform: "web",
extend: "editorialArtwork,uber,lockupStyle"
From 07cb4d03798ab64a89c934835f5b433a5910fcfb Mon Sep 17 00:00:00 2001
From: cryptofyre
Date: Mon, 4 Jul 2022 10:57:29 -0500
Subject: [PATCH 159/289] Update style.css
---
src/renderer/style.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/renderer/style.css b/src/renderer/style.css
index 1b2e42da..1fb89c50 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -4360,7 +4360,7 @@ input[type=range].md-slider::-webkit-slider-runnable-track {
}
.list-group-item-dark {
color: var(--textColor);
- background-color: #333;
+ background-color: #3333338a;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
From 2e7e7ba0bc3eddc8de8c6108417cfed7e454695f Mon Sep 17 00:00:00 2001
From: cryptofyre
Date: Mon, 4 Jul 2022 11:00:35 -0500
Subject: [PATCH 160/289] dont break pls thx
---
src/renderer/views/components/settings-plugins-github.ejs | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/renderer/views/components/settings-plugins-github.ejs b/src/renderer/views/components/settings-plugins-github.ejs
index 4bd927ed..0c310bfd 100644
--- a/src/renderer/views/components/settings-plugins-github.ejs
+++ b/src/renderer/views/components/settings-plugins-github.ejs
@@ -16,7 +16,7 @@
-
From c4dbd4d92e36c11cf8e3f6e9de79776576da1ce6 Mon Sep 17 00:00:00 2001
From: cryptofyre
Date: Mon, 4 Jul 2022 11:04:27 -0500
Subject: [PATCH 161/289] swag
---
src/renderer/assets/feather/plugins.svg | 49 +------------------------
1 file changed, 1 insertion(+), 48 deletions(-)
diff --git a/src/renderer/assets/feather/plugins.svg b/src/renderer/assets/feather/plugins.svg
index 76eff3b0..1ad5759a 100644
--- a/src/renderer/assets/feather/plugins.svg
+++ b/src/renderer/assets/feather/plugins.svg
@@ -1,48 +1 @@
-
-
+
\ No newline at end of file
From ddfaea3248deac8c05928451433da67207ea01ad Mon Sep 17 00:00:00 2001
From: Gabriel Davila <56521591+mefsaal@users.noreply.github.com>
Date: Mon, 4 Jul 2022 20:56:56 -0300
Subject: [PATCH 162/289] I forgot that (#1239)
---
src/renderer/main/vueapp.js | 5 +----
src/renderer/views/components/settings-window.ejs | 9 +--------
2 files changed, 2 insertions(+), 12 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 46773bc6..413ed6f3 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -4466,7 +4466,7 @@ const app = new Vue({
case "visual":
this.$store.state.pageState.settings.currentTabIndex = 4
break;
- case "plugins":
+ case "github-plugins":
this.$store.state.pageState.settings.currentTabIndex = 5
break;
case "lyrics":
@@ -4484,9 +4484,6 @@ const app = new Vue({
case "github-themes":
this.$store.state.pageState.settings.currentTabIndex = 10
break;
- case "github-plugins":
- this.$store.state.pageState.settings.currentTabIndex = 11
- break;
}
app.modals.settings = true
},
diff --git a/src/renderer/views/components/settings-window.ejs b/src/renderer/views/components/settings-window.ejs
index 876fad04..60400b3f 100644
--- a/src/renderer/views/components/settings-window.ejs
+++ b/src/renderer/views/components/settings-window.ejs
@@ -1387,13 +1387,6 @@
-
-
-
-
-
-
-
+
+
+
+ {{$root.getLz('settings.option.lyrics.enableMusixmatch')}}
+
+
+
+
+
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index 0db48612..0b9fcbe8 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -614,15 +614,17 @@
{{$root.getLz('settings.header.lyrics')}}
-
-
- {{$root.getLz('settings.option.lyrics.enableMusixmatch')}}
-
-
-
-
+
+
+
+ {{$root.getLz('settings.option.lyrics.enableMusixmatch')}}
+
+
+
+
+
From 2361cfaebe8cd39473fdd9ace9d2d9fdeecf5600 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Thu, 7 Jul 2022 02:03:56 -0700
Subject: [PATCH 180/289] new mediaitem scaling method
---
src/renderer/less/elements.less | 127 +++++++++---------
src/renderer/main/vueapp.js | 14 ++
src/renderer/style.less | 1 +
.../views/pages/library-recentlyadded.ejs | 6 +-
4 files changed, 84 insertions(+), 64 deletions(-)
diff --git a/src/renderer/less/elements.less b/src/renderer/less/elements.less
index 1b8026f7..403e38e0 100644
--- a/src/renderer/less/elements.less
+++ b/src/renderer/less/elements.less
@@ -984,11 +984,11 @@
/* mediaitem-square */
.cd-mediaitem-square {
- --transitionDuration: .25s;
+ --transitionDuration: .5s;
--scaleRate: 1.25;
--scaleRateArtwork: 1;
- width: 200px;
- height: 200px;
+ width: calc(160px * var(--windowRelativeScale));
+ height: calc(200px * var(--windowRelativeScale));
display: inline-flex;
flex: 0 0 auto;
flex-direction: column;
@@ -996,14 +996,13 @@
justify-content: center;
align-items: center;
border-radius: 6px;
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
.artwork-container {
position: relative;
.artwork {
- height: 150px;
- width: 150px;
+ height: calc(140px * var(--windowRelativeScale));
+ width: calc(140px * var(--windowRelativeScale));
background: blue;
border-radius: var(--mediaItemRadius);
background: var(--artwork);
@@ -1011,7 +1010,6 @@
flex: 0 0 auto;
margin: 6px;
cursor: pointer;
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
.mediaitem-artwork {
box-shadow: unset;
@@ -1085,31 +1083,31 @@
}
}
- &:not(.mediaitem-card):not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) {
- @media (min-width: 1460px) {
- --scaleRate: 1.1;
- --scaleRateArtwork: 0.9;
- width: calc(200px * var(--scaleRate));
- height: calc(200px * var(--scaleRate));
+ // &:not(.mediaitem-card):not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) {
+ // @media (min-width: 1460px) {
+ // --scaleRate: 1.1;
+ // --scaleRateArtwork: 0.9;
+ // width: calc(200px * var(--scaleRate));
+ // height: calc(200px * var(--scaleRate));
- .artwork-container > .artwork {
- width: calc(190px * var(--scaleRateArtwork));
- height: calc(190px * var(--scaleRateArtwork));
- }
- }
+ // .artwork-container > .artwork {
+ // width: calc(190px * var(--scaleRateArtwork));
+ // height: calc(190px * var(--scaleRateArtwork));
+ // }
+ // }
- @media (min-width: 1550px) {
- --scaleRate: 1.25;
- --scaleRateArtwork: 1;
- width: calc(200px * var(--scaleRate));
- height: calc(200px * var(--scaleRate));
+ // @media (min-width: 1550px) {
+ // --scaleRate: 1.25;
+ // --scaleRateArtwork: 1;
+ // width: calc(200px * var(--scaleRate));
+ // height: calc(200px * var(--scaleRate));
- .artwork-container > .artwork {
- width: calc(190px * var(--scaleRateArtwork));
- height: calc(190px * var(--scaleRateArtwork));
- }
- }
- }
+ // .artwork-container > .artwork {
+ // width: calc(190px * var(--scaleRateArtwork));
+ // height: calc(190px * var(--scaleRateArtwork));
+ // }
+ // }
+ // }
.info-rect {
@@ -1161,10 +1159,12 @@
&.mediaitem-video {
height: 200px;
width: 240px;
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
.artwork {
height: 120px;
width: 212px;
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
&:not(.noscale) {
@@ -1195,48 +1195,52 @@
}
&.mediaitem-brick {
- height: 200px;
- width: 240px;
+ height: calc(200px, var(--windowRelativeScale));
+ width: calc(240px, var(--windowRelativeScale));
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
.artwork {
- height: 123px;
- width: 220px;
+ height: calc(123px, var(--windowRelativeScale));
+ width: calc(220px, var(--windowRelativeScale));
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
- &:not(.noscale) {
- @media (min-width: 1460px) {
- --scaleRate: 1.1;
- --scaleRateArtwork: 1.1;
- width: calc(240px * var(--scaleRate));
- height: calc(200px * var(--scaleRate));
+ // &:not(.noscale) {
+ // @media (min-width: 1460px) {
+ // --scaleRate: 1.1;
+ // --scaleRateArtwork: 1.1;
+ // width: calc(240px * var(--scaleRate));
+ // height: calc(200px * var(--scaleRate));
- .artwork-container > .artwork {
- width: calc(220px * var(--scaleRateArtwork));
- height: calc(123px * var(--scaleRateArtwork));
- }
- }
+ // .artwork-container > .artwork {
+ // width: calc(220px * var(--scaleRateArtwork));
+ // height: calc(123px * var(--scaleRateArtwork));
+ // }
+ // }
- @media (min-width: 1550px) {
- --scaleRate: 1.25;
- --scaleRateArtwork: 1.25;
- width: calc(240px * var(--scaleRate));
- height: calc(200px * var(--scaleRate));
+ // @media (min-width: 1550px) {
+ // --scaleRate: 1.25;
+ // --scaleRateArtwork: 1.25;
+ // width: calc(240px * var(--scaleRate));
+ // height: calc(200px * var(--scaleRate));
- .artwork-container > .artwork {
- width: calc(220px * var(--scaleRateArtwork));
- height: calc(123px * var(--scaleRateArtwork));
- }
- }
- }
+ // .artwork-container > .artwork {
+ // width: calc(220px * var(--scaleRateArtwork));
+ // height: calc(123px * var(--scaleRateArtwork));
+ // }
+ // }
+ // }
}
&.mediaitem-small {
- width: 140px;
- height: 180px;
+ width: calc(140px, var(--windowRelativeScale));
+ height: calc(180px, var(--windowRelativeScale));
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
.artwork {
- height: 128px;
- width: 128px;
+ height: calc(128px, var(--windowRelativeScale));
+ width: calc(128px, var(--windowRelativeScale));
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
}
@@ -1249,6 +1253,7 @@
position: relative;
border-radius: calc(var(--mediaItemRadius) * 2);
box-shadow: var(--mediaItemShadow-ShadowSubtle);
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
.artwork {
width: 230px;
@@ -1341,7 +1346,7 @@
}
&:not(.noscale) {
- @media (min-width: 1460px) {
+ @media (min-width: 1200px) {
width: calc(230px * 1.1);
height: calc(298px * 1.1);
.artwork-container > .artwork {
@@ -1350,7 +1355,7 @@
}
}
- @media (min-width: 1550px) {
+ @media (min-width: 1400px) {
width: calc(230px * 1.25);
height: calc(298px * 1.25);
.artwork-container > .artwork {
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index a975a90d..1edc9418 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -706,6 +706,9 @@ const app = new Vue({
} catch (err) {
}
+ // Used to get a scale factor for the window for CSS scaling
+ window.addEventListener("resize", e => this.setWindowScaleFactor())
+ this.setWindowScaleFactor()
this.mk._bag.features['seamless-audio-transitions'] = this.cfg.audio.seamless_audio
this.mk._bag.features["broadcast-radio"] = true
this.mk._services.apiManager.store.storekit._restrictedEnabled = false
@@ -1092,6 +1095,17 @@ const app = new Vue({
ipcRenderer.invoke("scanLibrary")
},
+ setWindowScaleFactor() {
+ let scale = window.devicePixelRatio * window.innerWidth / 1280 * window.innerHeight / 720
+
+ if(scale <= 1) {
+ scale = 1
+ }else if(scale >= 1.4) {
+ scale = 1.4
+ }
+ document.documentElement.style
+ .setProperty('--windowRelativeScale', scale);
+ },
showFoo(querySelector, time) {
clearTimeout(this.idleTimer);
if (this.idleState == true) {
diff --git a/src/renderer/style.less b/src/renderer/style.less
index a4592068..60619f5b 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -14,6 +14,7 @@
@import url("less/pages.less");
:root {
+ --windowRelativeScale: 1;
--appleEase: cubic-bezier(0.42, 0, 0.58, 1);
--borderColor: rgb(200 200 200 / 16%);
--mediaItemShadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%);
diff --git a/src/renderer/views/pages/library-recentlyadded.ejs b/src/renderer/views/pages/library-recentlyadded.ejs
index 9f5b2151..b65150c9 100644
--- a/src/renderer/views/pages/library-recentlyadded.ejs
+++ b/src/renderer/views/pages/library-recentlyadded.ejs
@@ -1,13 +1,13 @@
\ No newline at end of file
From a855c1736a6c196ff2b4efa51409222ca762f787 Mon Sep 17 00:00:00 2001
From: Monochromish
Date: Fri, 8 Jul 2022 18:39:41 +1000
Subject: [PATCH 212/289] Fix cider list
---
src/renderer/less/ameframework.less | 6 ++++++
src/renderer/less/bootstrap.less | 6 ++++++
src/renderer/less/pages.less | 5 +++++
src/renderer/style.css | 20 ++++++++++++++++++++
src/renderer/style.less | 6 ++++++
src/web-remote/ciderframework.css | 6 ++++++
6 files changed, 49 insertions(+)
diff --git a/src/renderer/less/ameframework.less b/src/renderer/less/ameframework.less
index de057c2f..fe69d570 100644
--- a/src/renderer/less/ameframework.less
+++ b/src/renderer/less/ameframework.less
@@ -239,6 +239,12 @@ input[type=range].md-slider::-webkit-slider-runnable-track {
width: auto;
}
+@media only screen and (min-width: 1133px) and (max-width: 1233px) {
+ .row .col-auto {
+ display: none !important;
+ }
+}
+
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
diff --git a/src/renderer/less/bootstrap.less b/src/renderer/less/bootstrap.less
index f420e5aa..c0c8bf72 100644
--- a/src/renderer/less/bootstrap.less
+++ b/src/renderer/less/bootstrap.less
@@ -2642,6 +2642,12 @@ fieldset:disabled .btn {
width: auto;
}
+@media only screen and (min-width: 1133px) and (max-width: 1241px) {
+ .row .col-auto {
+ display: none !important;
+ }
+}
+
.col-1 {
flex : 0 0 auto;
width: 8.33333333%;
diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less
index 746ee6b5..55b0b84b 100644
--- a/src/renderer/less/pages.less
+++ b/src/renderer/less/pages.less
@@ -1302,6 +1302,11 @@
align-items: center;
float: right;
}
+ @media only screen and (min-width: 1133px) and (max-width: 1277px) {
+ .social-btn {
+ display: none !important;
+ }
+ }
.animated {
width: 100%;
diff --git a/src/renderer/style.css b/src/renderer/style.css
index d96a3ec9..8fc64690 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -3160,6 +3160,11 @@ input[type=range].md-slider::-webkit-slider-runnable-track {
flex: 0 0 auto;
width: auto;
}
+@media only screen and (min-width: 1133px) and (max-width: 1233px) {
+ .row .col-auto {
+ display: none !important;
+ }
+}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
@@ -6007,6 +6012,11 @@ fieldset:disabled .btn {
flex: 0 0 auto;
width: auto;
}
+@media only screen and (min-width: 1133px) and (max-width: 1241px) {
+ .row .col-auto {
+ display: none !important;
+ }
+}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
@@ -14047,6 +14057,11 @@ input[type=checkbox][switch]:checked:active::before {
align-items: center;
float: right;
}
+@media only screen and (min-width: 1133px) and (max-width: 1277px) {
+ .artist-page .artist-header .social-btn {
+ display: none !important;
+ }
+}
.artist-page .artist-header .animated {
width: 100%;
height: 100%;
@@ -16446,6 +16461,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
align-items: center;
float: right;
}
+@media only screen and (min-width: 1133px) and (max-width: 1277px) {
+ .social-btn {
+ display: none !important;
+ }
+}
.about-page .teamBtn {
display: flex;
align-items: center;
diff --git a/src/renderer/style.less b/src/renderer/style.less
index a4592068..6facc9ca 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -1898,6 +1898,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
float: right;
}
+@media only screen and (min-width: 1133px) and (max-width: 1277px) {
+ .social-btn {
+ display: none !important;
+ }
+}
+
.about-page {
.teamBtn {
display: flex;
diff --git a/src/web-remote/ciderframework.css b/src/web-remote/ciderframework.css
index a84ea000..e96cceb5 100644
--- a/src/web-remote/ciderframework.css
+++ b/src/web-remote/ciderframework.css
@@ -279,6 +279,12 @@ input[type=range].md-slider::-webkit-slider-runnable-track {
width: auto;
}
+@media only screen and (min-width: 1133px) and (max-width: 1241px) {
+ .row .col-auto {
+ display: none !important;
+ }
+}
+
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
From 4c08d075ffc8c90c36adf92399784994eea01f4a Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 04:29:51 -0700
Subject: [PATCH 213/289] the amount of brain cells that I have lost because of
mxm trans
---
src/renderer/main/vueapp.js | 83 +++++++++++++++++--------------------
1 file changed, 39 insertions(+), 44 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 4e0e2730..8247dbb0 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3054,7 +3054,7 @@ const app = new Vue({
const track = encodeURIComponent((this.mk.nowPlayingItem != null) ? this.mk.nowPlayingItem.title ?? '' : '');
const artist = encodeURIComponent((this.mk.nowPlayingItem != null) ? this.mk.nowPlayingItem.artistName ?? '' : '');
const time = encodeURIComponent((this.mk.nowPlayingItem != null) ? (Math.round((this.mk.nowPlayingItem.attributes["durationInMillis"] ?? -1000) / 1000) ?? -1) : -1);
- let id = null;
+ let id = null; let vanity_id = null;
if (this.mk.nowPlayingItem != null && app.mk.nowPlayingItem.localFilesMetadata != null) {const id = encodeURIComponent('')}
else {id = encodeURIComponent((this.mk.nowPlayingItem != null) ? (app.mk.nowPlayingItem._songId) ?? (app.mk.nowPlayingItem["songId"] ?? '') : '');}
@@ -3084,6 +3084,7 @@ const app = new Vue({
if (jsonResponse["message"]["body"]["macro_calls"]["matcher.track.get"]["message"]["header"]["status_code"] == 200 && jsonResponse["message"]["body"]["macro_calls"]["track.subtitles.get"]["message"]["header"]["status_code"] == 200) {
id = jsonResponse["message"]["body"]["macro_calls"]["matcher.track.get"]["message"]["body"]["track"]["track_id"] ?? '';
lrcfile = jsonResponse["message"]["body"]["macro_calls"]["track.subtitles.get"]["message"]["body"]["subtitle_list"][0]["subtitle"]["subtitle_body"];
+ vanity_id = jsonResponse["message"]["body"]["macro_calls"]["matcher.track.get"]["message"]["body"]["track"]["commontrack_vanity_id"];
try {
let lrcrich = jsonResponse["message"]["body"]["macro_calls"]["track.richsync.get"]["message"]["body"]["richsync"]["richsync_body"];
@@ -3139,13 +3140,10 @@ const app = new Vue({
});
app.lyrics = preLrc;
}
- if (lrcfile != null && lrcfile != '') {
- // load translation
- getMXMTrans(id, lang);
- } else {
- // app.loadAMLyrics()
- app.loadQQLyrics();
- }
+
+ // Load translation
+ getMXMTrans(lang, vanity_id);
+
}
} catch (e) {
console.log(e);
@@ -3168,49 +3166,46 @@ const app = new Vue({
req.send();
}
- function getMXMTrans(lang, id) {
- if (lang != "disabled" && id != '') { // Mode 2 -> Trans
- let url2 = "https://api.cider.sh/v1/lyrics?" + "mode=2" + "&richsyncQuery=false" + "&songID=" + id + "&source=mxm" + "&lang=" + lang + "&time=" + time;
- let req2 = new XMLHttpRequest();
- req2.overrideMimeType("application/json");
- req2.onload = function () {
- try {
- let jsonResponse2 = JSON.parse(this.responseText);
- console.log(jsonResponse2);
- let status2 = jsonResponse2["message"]["header"]["status_code"];
- if (status2 === 200) {
- try {
- let preTrans = []
- let u = app.lyrics;
- let translation_list = jsonResponse2["message"]["body"]["translations_list"];
- if (translation_list.length > 0) {
- for (var i = 0; i < u.length - 1; i++) {
- preTrans[i] = ""
- for (var trans_line of translation_list) {
- if (u[i].line == " " + trans_line["translation"]["matched_line"] || u[i].line == trans_line["translation"]["matched_line"]) {
- u[i].translation = trans_line["translation"]["description"];
- break;
- }
- }
- }
- app.lyrics = u;
+ function getMXMTrans(lang, vanity_id) {
+ lang = 'english';
+ try {
+ if (lang != "disabled" && vanity_id != '') { // Mode 2 -> Trans
+ fetch('https://www.musixmatch.com/lyrics/' + vanity_id +'/translation/' + lang, {
+ method: 'GET',
+ headers: {
+ 'Host': 'musixmatch.com',
+ 'User-Agent': "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36",
+ 'authority': "www.musixmatch.com"
+ },
+ })
+ .then(async (res) => {
+ let html = document.createElement('html'); html.innerHTML = await res.text()
+ let lyric_isolated = html.querySelector("#site > div > div > div > main > div > div > div.mxm-track-lyrics-container > div.container > div > div > div > div.col-sm-12.col-md-10.col-ml-9.col-lg-9 > div.mxm-lyrics.translated > div.row > div.col-xs-12.col-sm-12.col-md-12.col-ml-12.col-lg-12")
+ let raw_lines = lyric_isolated.getElementsByClassName("col-xs-6 col-sm-6 col-md-6 col-ml-6 col-lg-6")
+ let applied = 0;
+
+ for (let i = 1; applied < app.lyrics.length; i+=2) {
+ console.log("i = " + i + '\n' + raw_lines[i].childNodes[0].childNodes[0])
+ if (app.lyrics[applied].line === "lrcInstrumental") {
+ app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.replace(/\s+/g,' ');
+ applied +=2;
+ }
+ else if (app.lyrics[applied].translation == raw_lines[i].childNodes[0].childNodes[0].textContent.replace(/\s+/g,' ')) {
+ // Do nothing
+ }
+ else {
+ app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.replace(/\s+/g,' ');
+ applied +=1;
}
- } catch (e) {
- /// not found trans -> ignore
}
- }
- } catch (e) {
- }
+ })
}
- req2.open('POST', url2, true);
- req2.send();
- }
+ } catch (e) {console.debug("Error while parsing MXM Trans: " + e)}
}
if (track != "" & track != "No Title Found") {
- getMXMSubs(track, artist, lang, time, id)
- getMXMTrans(track, artist, lang, time, id)
+ getMXMSubs(track, artist, lang, time, id);
}
},
loadNeteaseLyrics() {
From 3bfb2be4a8fde0029767a690726cc62fcfd17ed8 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 04:36:55 -0700
Subject: [PATCH 214/289] WIP language filter
---
src/renderer/views/pages/settings.ejs | 66 +++------------------------
1 file changed, 6 insertions(+), 60 deletions(-)
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index a167cb64..50dc70df 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -644,77 +644,23 @@
From f8c70f2833c99a8b6c96523dc4c345bbb16490c7 Mon Sep 17 00:00:00 2001
From: yazninja
Date: Fri, 8 Jul 2022 20:31:46 +0800
Subject: [PATCH 216/289] MXM changes
---
.../views/components/settings-window.ejs | 218 +-----------------
1 file changed, 7 insertions(+), 211 deletions(-)
diff --git a/src/renderer/views/components/settings-window.ejs b/src/renderer/views/components/settings-window.ejs
index 3ebc5a4f..d4ec031b 100644
--- a/src/renderer/views/components/settings-window.ejs
+++ b/src/renderer/views/components/settings-window.ejs
@@ -768,271 +768,67 @@
From 0fcda21c338a5148274cb5a1a39ef7dcf0f0f28e Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 16:43:48 -0700
Subject: [PATCH 217/289] 4am code moments
---
src/renderer/main/vueapp.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 8247dbb0..c2703075 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3190,7 +3190,7 @@ const app = new Vue({
app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.replace(/\s+/g,' ');
applied +=2;
}
- else if (app.lyrics[applied].translation == raw_lines[i].childNodes[0].childNodes[0].textContent.replace(/\s+/g,' ')) {
+ else if (app.lyrics[applied].translation === raw_lines[i].childNodes[0].childNodes[0].textContent.replace(/\s+/g,' ')) {
// Do nothing
}
else {
From 11d249308313b6af3005b7fdc70241ebe92762f4 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 16:44:57 -0700
Subject: [PATCH 218/289] move logic
---
src/renderer/main/vueapp.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index c2703075..e7a0205e 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3167,9 +3167,9 @@ const app = new Vue({
}
function getMXMTrans(lang, vanity_id) {
- lang = 'english';
try {
if (lang != "disabled" && vanity_id != '') { // Mode 2 -> Trans
+ lang = "english"
fetch('https://www.musixmatch.com/lyrics/' + vanity_id +'/translation/' + lang, {
method: 'GET',
headers: {
From 2008fab842351f545b58cc37625b20e93b56a058 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 18:05:31 -0700
Subject: [PATCH 219/289] fix lyrics translation & allow other lang
---
src/renderer/main/vueapp.js | 8 +-
src/renderer/views/pages/settings.ejs | 120 +++++++++++++-------------
2 files changed, 64 insertions(+), 64 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index e7a0205e..b6c0394e 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3079,12 +3079,13 @@ const app = new Vue({
let status1 = jsonResponse["message"]["header"]["status_code"];
if (status1 == 200) {
- let id = '';
+ let id, songLang = '';
try {
if (jsonResponse["message"]["body"]["macro_calls"]["matcher.track.get"]["message"]["header"]["status_code"] == 200 && jsonResponse["message"]["body"]["macro_calls"]["track.subtitles.get"]["message"]["header"]["status_code"] == 200) {
id = jsonResponse["message"]["body"]["macro_calls"]["matcher.track.get"]["message"]["body"]["track"]["track_id"] ?? '';
lrcfile = jsonResponse["message"]["body"]["macro_calls"]["track.subtitles.get"]["message"]["body"]["subtitle_list"][0]["subtitle"]["subtitle_body"];
vanity_id = jsonResponse["message"]["body"]["macro_calls"]["matcher.track.get"]["message"]["body"]["track"]["commontrack_vanity_id"];
+ songLang = jsonResponse["message"]["body"]["macro_calls"]["track.lyrics.get"]["message"]["body"]["lyrics"]["lyrics_language_description"];
try {
let lrcrich = jsonResponse["message"]["body"]["macro_calls"]["track.richsync.get"]["message"]["body"]["richsync"]["richsync_body"];
@@ -3142,7 +3143,9 @@ const app = new Vue({
}
// Load translation
- getMXMTrans(lang, vanity_id);
+ if (songLang.toLowerCase() !== lang){
+ getMXMTrans(lang, vanity_id);
+ }
}
} catch (e) {
@@ -3169,7 +3172,6 @@ const app = new Vue({
function getMXMTrans(lang, vanity_id) {
try {
if (lang != "disabled" && vanity_id != '') { // Mode 2 -> Trans
- lang = "english"
fetch('https://www.musixmatch.com/lyrics/' + vanity_id +'/translation/' + lang, {
method: 'GET',
headers: {
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index a788e39a..e8439e81 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -644,67 +644,65 @@
From 5d4369c843d4233ab2899e5137f8d10eb5212110 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 20:52:54 -0700
Subject: [PATCH 220/289] default store.ts mxm trans to be disabled
---
src/main/base/store.ts | 2 +-
src/renderer/main/vueapp.js | 7 +++----
2 files changed, 4 insertions(+), 5 deletions(-)
diff --git a/src/main/base/store.ts b/src/main/base/store.ts
index 42289d72..4267623d 100644
--- a/src/main/base/store.ts
+++ b/src/main/base/store.ts
@@ -245,7 +245,7 @@ export class Store {
"lyrics": {
"enable_mxm": true,
"mxm_karaoke": false,
- "mxm_language": "en",
+ "mxm_language": "disabled",
"enable_qq": false,
"enable_yt": false,
},
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index b6c0394e..b227276a 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3187,16 +3187,15 @@ const app = new Vue({
let applied = 0;
for (let i = 1; applied < app.lyrics.length; i+=2) {
- console.log("i = " + i + '\n' + raw_lines[i].childNodes[0].childNodes[0])
if (app.lyrics[applied].line === "lrcInstrumental") {
- app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.replace(/\s+/g,' ');
+ app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
applied +=2;
}
- else if (app.lyrics[applied].translation === raw_lines[i].childNodes[0].childNodes[0].textContent.replace(/\s+/g,' ')) {
+ else if (app.lyrics[applied].translation === raw_lines[i].childNodes[0].childNodes[0].textContent) {
// Do nothing
}
else {
- app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.replace(/\s+/g,' ');
+ app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
applied +=1;
}
}
From 92ce7b38f3cd525b41c61d76bfcd852d977cb324 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 21:00:25 -0700
Subject: [PATCH 221/289] this is why you dont code at 4am
---
src/renderer/main/vueapp.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index b227276a..3cde5b02 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3191,7 +3191,7 @@ const app = new Vue({
app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
applied +=2;
}
- else if (app.lyrics[applied].translation === raw_lines[i].childNodes[0].childNodes[0].textContent) {
+ else if (app.lyrics[applied].line === raw_lines[i].childNodes[0].childNodes[0].textContent) {
// Do nothing
}
else {
From 62fd9d825eb9c93cc26ba9bdd0de5c3688199e0d Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 21:04:39 -0700
Subject: [PATCH 222/289] and this is why you should test your code before
pushing
---
src/renderer/main/vueapp.js | 5 +--
src/renderer/style.css | 61 +++++++++++++------------------------
2 files changed, 25 insertions(+), 41 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 3cde5b02..18ef8ae4 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -925,7 +925,7 @@ const app = new Vue({
})
this.mk.addEventListener(MusicKit.Events.playbackTimeDidChange, (a) => {
- self.lyriccurrenttime = self.mk.currentPlaybackTime + app.lyricOffset
+ self.lyriccurrenttime = self.mk.currentPlaybackTime + (app.lyricOffset / 2)
this.currentSongInfo = a
self.playerLCD.playbackDuration = (self.mk.currentPlaybackTime)
// wsapi
@@ -3192,7 +3192,8 @@ const app = new Vue({
applied +=2;
}
else if (app.lyrics[applied].line === raw_lines[i].childNodes[0].childNodes[0].textContent) {
- // Do nothing
+ // Skip this line
+ applied +=1;
}
else {
app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
diff --git a/src/renderer/style.css b/src/renderer/style.css
index 8fc64690..ce5d124a 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -11334,11 +11334,11 @@ fieldset:disabled .btn {
}
/* mediaitem-square */
.cd-mediaitem-square {
- --transitionDuration: 0.25s;
+ --transitionDuration: 0.5s;
--scaleRate: 1.25;
--scaleRateArtwork: 1;
- width: 200px;
- height: 200px;
+ width: calc(160px * var(--windowRelativeScale));
+ height: calc(200px * var(--windowRelativeScale));
display: inline-flex;
flex: 0 0 auto;
flex-direction: column;
@@ -11346,14 +11346,13 @@ fieldset:disabled .btn {
justify-content: center;
align-items: center;
border-radius: 6px;
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
.cd-mediaitem-square .artwork-container {
position: relative;
}
.cd-mediaitem-square .artwork-container .artwork {
- height: 150px;
- width: 150px;
+ height: calc(140px * var(--windowRelativeScale));
+ width: calc(140px * var(--windowRelativeScale));
background: blue;
border-radius: var(--mediaItemRadius);
background: var(--artwork);
@@ -11361,7 +11360,6 @@ fieldset:disabled .btn {
flex: 0 0 auto;
margin: 6px;
cursor: pointer;
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
.cd-mediaitem-square .artwork-container .artwork .mediaitem-artwork {
box-shadow: unset;
@@ -11421,30 +11419,6 @@ fieldset:disabled .btn {
.cd-mediaitem-square .artwork-container:hover > .menu-btn {
opacity: 1;
}
-@media (min-width: 1460px) {
- .cd-mediaitem-square:not(.mediaitem-card):not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) {
- --scaleRate: 1.1;
- --scaleRateArtwork: 0.9;
- width: calc(200px * var(--scaleRate));
- height: calc(200px * var(--scaleRate));
- }
- .cd-mediaitem-square:not(.mediaitem-card):not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) .artwork-container > .artwork {
- width: calc(190px * var(--scaleRateArtwork));
- height: calc(190px * var(--scaleRateArtwork));
- }
-}
-@media (min-width: 1550px) {
- .cd-mediaitem-square:not(.mediaitem-card):not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) {
- --scaleRate: 1.25;
- --scaleRateArtwork: 1;
- width: calc(200px * var(--scaleRate));
- height: calc(200px * var(--scaleRate));
- }
- .cd-mediaitem-square:not(.mediaitem-card):not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) .artwork-container > .artwork {
- width: calc(190px * var(--scaleRateArtwork));
- height: calc(190px * var(--scaleRateArtwork));
- }
-}
.cd-mediaitem-square .info-rect {
width: 90%;
height: 100%;
@@ -11488,10 +11462,12 @@ fieldset:disabled .btn {
.cd-mediaitem-square.mediaitem-video {
height: 200px;
width: 240px;
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
.cd-mediaitem-square.mediaitem-video .artwork {
height: 120px;
width: 212px;
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
@media (min-width: 1460px) {
.cd-mediaitem-square.mediaitem-video:not(.noscale) {
@@ -11520,10 +11496,12 @@ fieldset:disabled .btn {
.cd-mediaitem-square.mediaitem-brick {
height: 200px;
width: 240px;
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
.cd-mediaitem-square.mediaitem-brick .artwork {
height: 123px;
width: 220px;
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
@media (min-width: 1460px) {
.cd-mediaitem-square.mediaitem-brick:not(.noscale) {
@@ -11550,12 +11528,14 @@ fieldset:disabled .btn {
}
}
.cd-mediaitem-square.mediaitem-small {
- width: 140px;
- height: 180px;
+ width: calc(140px, var(--windowRelativeScale));
+ height: calc(180px, var(--windowRelativeScale));
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
.cd-mediaitem-square.mediaitem-small .artwork {
- height: 128px;
- width: 128px;
+ height: calc(128px, var(--windowRelativeScale));
+ width: calc(128px, var(--windowRelativeScale));
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
.cd-mediaitem-square.mediaitem-card {
background: #ccc;
@@ -11566,6 +11546,7 @@ fieldset:disabled .btn {
position: relative;
border-radius: calc(var(--mediaItemRadius) * 2);
box-shadow: var(--mediaItemShadow-ShadowSubtle);
+ transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
}
.cd-mediaitem-square.mediaitem-card .artwork {
width: 230px;
@@ -11645,7 +11626,7 @@ fieldset:disabled .btn {
.cd-mediaitem-square.mediaitem-card:hover .info-rect-card::before {
filter: brightness(0.3) blur(50px) saturate(180%);
}
-@media (min-width: 1460px) {
+@media (min-width: 1200px) {
.cd-mediaitem-square.mediaitem-card:not(.noscale) {
width: calc(230px * 1.1);
height: calc(298px * 1.1);
@@ -11655,7 +11636,7 @@ fieldset:disabled .btn {
height: calc(230px * 1.1);
}
}
-@media (min-width: 1550px) {
+@media (min-width: 1400px) {
.cd-mediaitem-square.mediaitem-card:not(.noscale) {
width: calc(230px * 1.25);
height: calc(298px * 1.25);
@@ -13995,7 +13976,7 @@ input[type=checkbox][switch]:checked:active::before {
right: 28px;
}
.artist-page.animated .artist-header {
- min-height: 500px;
+ min-height: 80vh;
}
.artist-page .artist-header {
color: white;
@@ -14080,6 +14061,7 @@ input[type=checkbox][switch]:checked:active::before {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
+ object-fit: cover;
}
.artist-page .artist-header .row .col.flex-center {
z-index: 4;
@@ -14862,6 +14844,7 @@ input[type=checkbox][switch]:checked:active::before {
display: none;
}
:root {
+ --windowRelativeScale: 1;
--appleEase: cubic-bezier(0.42, 0, 0.58, 1);
--borderColor: rgba(200, 200, 200, 0.16);
--mediaItemShadow: inset 0px 0px 0px 1px rgba(200, 200, 200, 0.16);
@@ -16598,7 +16581,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
}
@media screen and (min-width: 1500px) {
.well.itemContainer.collection-list-square {
- grid-template-columns: repeat(6, minmax(200px, 1fr));
+ grid-template-columns: repeat(5, minmax(200px, 1fr));
}
}
@media screen and (max-width: 1150px) {
From dd75e98e6c81ec2fe7fdcbf3fb3fa196f0321cee Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 21:12:35 -0700
Subject: [PATCH 223/289] added Romanized langs to mxm trans
---
src/renderer/views/pages/settings.ejs | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index e8439e81..e58f3216 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -673,9 +673,10 @@
+
-
+
From ffdb9451fd26b7e98c434a1ff999fb5cffba0644 Mon Sep 17 00:00:00 2001
From: yazninja
Date: Sat, 9 Jul 2022 12:21:27 +0800
Subject: [PATCH 224/289] love how previous MXM changes are in vain till now
---
.../views/components/settings-window.ejs | 121 +++++++++---------
1 file changed, 60 insertions(+), 61 deletions(-)
diff --git a/src/renderer/views/components/settings-window.ejs b/src/renderer/views/components/settings-window.ejs
index d4ec031b..220bae3c 100644
--- a/src/renderer/views/components/settings-window.ejs
+++ b/src/renderer/views/components/settings-window.ejs
@@ -768,67 +768,66 @@
From 357996db609774b2b0b6e08baf9aee8a50f9a2b8 Mon Sep 17 00:00:00 2001
From: yazninja <71800112+yazninja@users.noreply.github.com>
Date: Sat, 9 Jul 2022 12:33:21 +0800
Subject: [PATCH 225/289] stop. uploading. this.
---
src/renderer/style.css | 18553 ---------------------------------------
1 file changed, 18553 deletions(-)
delete mode 100644 src/renderer/style.css
diff --git a/src/renderer/style.css b/src/renderer/style.css
deleted file mode 100644
index ce5d124a..00000000
--- a/src/renderer/style.css
+++ /dev/null
@@ -1,18553 +0,0 @@
-@charset "UTF-8";
-@import url("assets/fonts/Pretendard/pretendardvariable.css");
-@import url("less/codicon.css");
-@font-face {
- font-family: 'Noto Sans JP';
- font-style: normal;
- font-weight: 100;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6ofjtqLzI2JPCgQBnw7HFQoggM.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans JP';
- font-style: normal;
- font-weight: 300;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6pfjtqLzI2JPCgQBnw7HFQaioq1A.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans JP';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F62fjtqLzI2JPCgQBnw7HFowA.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans JP';
- font-style: normal;
- font-weight: 500;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6pfjtqLzI2JPCgQBnw7HFQMisq1A.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans JP';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6pfjtqLzI2JPCgQBnw7HFQei0q1A.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans JP';
- font-style: normal;
- font-weight: 900;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6pfjtqLzI2JPCgQBnw7HFQQi8q1A.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans KR';
- font-style: normal;
- font-weight: 100;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanskr/v27/Pby6FmXiEBPT4ITbgNA5CgmOsn7u.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans KR';
- font-style: normal;
- font-weight: 300;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanskr/v27/Pby7FmXiEBPT4ITbgNA5CgmOelzI7g.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans KR';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanskr/v27/PbykFmXiEBPT4ITbgNA5Cgm20A.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans KR';
- font-style: normal;
- font-weight: 500;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanskr/v27/Pby7FmXiEBPT4ITbgNA5CgmOIl3I7g.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans KR';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanskr/v27/Pby7FmXiEBPT4ITbgNA5CgmOalvI7g.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans KR';
- font-style: normal;
- font-weight: 900;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanskr/v27/Pby7FmXiEBPT4ITbgNA5CgmOUlnI7g.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans TC';
- font-style: normal;
- font-weight: 100;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nFlOG829Oofr2wohFbTp9i9WyEJ.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans TC';
- font-style: normal;
- font-weight: 300;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nFkOG829Oofr2wohFbTp9i9kwMvDQ.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans TC';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nF7OG829Oofr2wohFbTp9iFOQ.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans TC';
- font-style: normal;
- font-weight: 500;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nFkOG829Oofr2wohFbTp9i9ywIvDQ.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans TC';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nFkOG829Oofr2wohFbTp9i9gwQvDQ.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans TC';
- font-style: normal;
- font-weight: 900;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanstc/v26/-nFkOG829Oofr2wohFbTp9i9uwYvDQ.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans SC';
- font-style: normal;
- font-weight: 100;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kJo84MPvpLmixcA63oeALZTYKL.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans SC';
- font-style: normal;
- font-weight: 300;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kIo84MPvpLmixcA63oeALZhaCt9w.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans SC';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kXo84MPvpLmixcA63oeALhLw.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans SC';
- font-style: normal;
- font-weight: 500;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kIo84MPvpLmixcA63oeALZ3aGt9w.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans SC';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kIo84MPvpLmixcA63oeALZlaet9w.otf) format('opentype');
-}
-@font-face {
- font-family: 'Noto Sans SC';
- font-style: normal;
- font-weight: 900;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/notosanssc/v26/k3kIo84MPvpLmixcA63oeALZraWt9w.otf) format('opentype');
-}
-:root {
- --baseColor: #1e1e1e;
- --baseColorMix: rgba(30, 30, 30, 0.5);
- --sidebarColor: #2e2e2e;
- --sidebarColorMix: rgba(46, 46, 46, 0.5);
- --ciderColor: #ff2654;
- --appOpacity: 0.15;
- --transparencyRate: 50%;
- --macOSChromeColor: rgba(14, 14, 14, 0.32);
-}
-/*!
- * BootstrapVue Custom CSS (https://bootstrap-vue.org)
- */
-.bv-no-focus-ring:focus {
- outline: none;
-}
-@media (max-width: 575.98px) {
- .bv-d-xs-down-none {
- display: none !important;
- }
-}
-@media (max-width: 767.98px) {
- .bv-d-sm-down-none {
- display: none !important;
- }
-}
-@media (max-width: 991.98px) {
- .bv-d-md-down-none {
- display: none !important;
- }
-}
-@media (max-width: 1199.98px) {
- .bv-d-lg-down-none {
- display: none !important;
- }
-}
-.bv-d-xl-down-none {
- display: none !important;
-}
-.form-control.focus {
- color: #495057;
- background-color: #fff;
- border-color: #80bdff;
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-.form-control.focus.is-valid {
- border-color: #28a745;
- box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
-}
-.form-control.focus.is-invalid {
- border-color: #dc3545;
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
-}
-.b-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- flex-shrink: 0;
- width: 2.5rem;
- height: 2.5rem;
- font-size: inherit;
- font-weight: 400;
- line-height: 1;
- max-width: 100%;
- max-height: auto;
- text-align: center;
- overflow: visible;
- position: relative;
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-.b-avatar:focus {
- outline: 0;
-}
-.b-avatar.btn,
-.b-avatar[href] {
- padding: 0;
- border: 0;
-}
-.b-avatar.btn .b-avatar-img img,
-.b-avatar[href] .b-avatar-img img {
- transition: -webkit-transform 0.15s ease-in-out;
- transition: transform 0.15s ease-in-out;
- transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
-}
-.b-avatar.btn:not(:disabled):not(.disabled),
-.b-avatar[href]:not(:disabled):not(.disabled) {
- cursor: pointer;
-}
-.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,
-.b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
- -webkit-transform: scale(1.15);
- transform: scale(1.15);
-}
-.b-avatar.disabled,
-.b-avatar:disabled,
-.b-avatar[disabled] {
- opacity: 0.65;
- pointer-events: none;
-}
-.b-avatar .b-avatar-custom,
-.b-avatar .b-avatar-text,
-.b-avatar .b-avatar-img {
- border-radius: inherit;
- width: 100%;
- height: 100%;
- overflow: hidden;
- display: flex;
- justify-content: center;
- align-items: center;
- -webkit-mask-image: radial-gradient(white, black);
- mask-image: radial-gradient(white, black);
-}
-.b-avatar .b-avatar-text {
- text-transform: uppercase;
- white-space: nowrap;
-}
-.b-avatar[href] {
- text-decoration: none;
-}
-.b-avatar > .b-icon {
- width: 60%;
- height: auto;
- max-width: 100%;
-}
-.b-avatar .b-avatar-img img {
- width: 100%;
- height: 100%;
- max-height: auto;
- border-radius: inherit;
- -o-object-fit: cover;
- object-fit: cover;
-}
-.b-avatar .b-avatar-badge {
- position: absolute;
- min-height: 1.5em;
- min-width: 1.5em;
- padding: 0.25em;
- line-height: 1;
- border-radius: 10em;
- font-size: 70%;
- font-weight: 700;
- z-index: 1;
-}
-.b-avatar-sm {
- width: 1.5rem;
- height: 1.5rem;
-}
-.b-avatar-sm .b-avatar-text {
- font-size: calc(0.6rem);
-}
-.b-avatar-sm .b-avatar-badge {
- font-size: calc(0.42rem);
-}
-.b-avatar-lg {
- width: 3.5rem;
- height: 3.5rem;
-}
-.b-avatar-lg .b-avatar-text {
- font-size: calc(1.4rem);
-}
-.b-avatar-lg .b-avatar-badge {
- font-size: calc(0.98rem);
-}
-.b-avatar-group .b-avatar-group-inner {
- display: flex;
- flex-wrap: wrap;
-}
-.b-avatar-group .b-avatar {
- border: 1px solid #dee2e6;
-}
-.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled),
-.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled) {
- z-index: 1;
-}
-.b-calendar {
- display: inline-flex;
-}
-.b-calendar .b-calendar-inner {
- min-width: 250px;
-}
-.b-calendar .b-calendar-header,
-.b-calendar .b-calendar-nav {
- margin-bottom: 0.25rem;
-}
-.b-calendar .b-calendar-nav .btn {
- padding: 0.25rem;
-}
-.b-calendar output {
- padding: 0.25rem;
- font-size: 80%;
-}
-.b-calendar output.readonly {
- background-color: #e9ecef;
- opacity: 1;
-}
-.b-calendar .b-calendar-footer {
- margin-top: 0.5rem;
-}
-.b-calendar .b-calendar-grid {
- padding: 0;
- margin: 0;
- overflow: hidden;
-}
-.b-calendar .b-calendar-grid .row {
- flex-wrap: nowrap;
-}
-.b-calendar .b-calendar-grid-caption {
- padding: 0.25rem;
-}
-.b-calendar .b-calendar-grid-body .col[data-date] .btn {
- width: 32px;
- height: 32px;
- font-size: 14px;
- line-height: 1;
- margin: 3px auto;
- padding: 9px 0;
-}
-.b-calendar .btn:disabled,
-.b-calendar .btn.disabled,
-.b-calendar .btn[aria-disabled=true] {
- cursor: default;
- pointer-events: none;
-}
-.card-img-left {
- border-top-left-radius: calc(0.25rem - 1px);
- border-bottom-left-radius: calc(0.25rem - 1px);
-}
-.card-img-right {
- border-top-right-radius: calc(0.25rem - 1px);
- border-bottom-right-radius: calc(0.25rem - 1px);
-}
-.dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after {
- display: none !important;
-}
-.dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before {
- display: none !important;
-}
-.dropdown .dropdown-menu:focus {
- outline: none;
-}
-.b-dropdown-form {
- display: inline-block;
- padding: 0.25rem 1.5rem;
- width: 100%;
- clear: both;
- font-weight: 400;
-}
-.b-dropdown-form:focus {
- outline: 1px dotted !important;
- outline: 5px auto -webkit-focus-ring-color !important;
-}
-.b-dropdown-form.disabled,
-.b-dropdown-form:disabled {
- outline: 0 !important;
- color: #6c757d;
- pointer-events: none;
-}
-.b-dropdown-text {
- display: inline-block;
- padding: 0.25rem 1.5rem;
- margin-bottom: 0;
- width: 100%;
- clear: both;
- font-weight: lighter;
-}
-.custom-checkbox.b-custom-control-lg,
-.input-group-lg .custom-checkbox {
- font-size: 1.25rem;
- line-height: 1.5;
- padding-left: 1.875rem;
-}
-.custom-checkbox.b-custom-control-lg .custom-control-label::before,
-.input-group-lg .custom-checkbox .custom-control-label::before {
- top: 0.3125rem;
- left: -1.875rem;
- width: 1.25rem;
- height: 1.25rem;
- border-radius: 0.3rem;
-}
-.custom-checkbox.b-custom-control-lg .custom-control-label::after,
-.input-group-lg .custom-checkbox .custom-control-label::after {
- top: 0.3125rem;
- left: -1.875rem;
- width: 1.25rem;
- height: 1.25rem;
- background-size: 50% 50%;
-}
-.custom-checkbox.b-custom-control-sm,
-.input-group-sm .custom-checkbox {
- font-size: 0.875rem;
- line-height: 1.5;
- padding-left: 1.3125rem;
-}
-.custom-checkbox.b-custom-control-sm .custom-control-label::before,
-.input-group-sm .custom-checkbox .custom-control-label::before {
- top: 0.21875rem;
- left: -1.3125rem;
- width: 0.875rem;
- height: 0.875rem;
- border-radius: 0.2rem;
-}
-.custom-checkbox.b-custom-control-sm .custom-control-label::after,
-.input-group-sm .custom-checkbox .custom-control-label::after {
- top: 0.21875rem;
- left: -1.3125rem;
- width: 0.875rem;
- height: 0.875rem;
- background-size: 50% 50%;
-}
-.custom-switch.b-custom-control-lg,
-.input-group-lg .custom-switch {
- padding-left: 2.8125rem;
-}
-.custom-switch.b-custom-control-lg .custom-control-label,
-.input-group-lg .custom-switch .custom-control-label {
- font-size: 1.25rem;
- line-height: 1.5;
-}
-.custom-switch.b-custom-control-lg .custom-control-label::before,
-.input-group-lg .custom-switch .custom-control-label::before {
- top: 0.3125rem;
- height: 1.25rem;
- left: -2.8125rem;
- width: 2.1875rem;
- border-radius: 0.625rem;
-}
-.custom-switch.b-custom-control-lg .custom-control-label::after,
-.input-group-lg .custom-switch .custom-control-label::after {
- top: calc(0.3125rem + 2px);
- left: calc(-2.8125rem + 2px);
- width: calc(1.25rem - 4px);
- height: calc(1.25rem - 4px);
- border-radius: 0.625rem;
- background-size: 50% 50%;
-}
-.custom-switch.b-custom-control-lg .custom-control-input:checked ~ .custom-control-label::after,
-.input-group-lg .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
- -webkit-transform: translateX(0.9375rem);
- transform: translateX(0.9375rem);
-}
-.custom-switch.b-custom-control-sm,
-.input-group-sm .custom-switch {
- padding-left: 1.96875rem;
-}
-.custom-switch.b-custom-control-sm .custom-control-label,
-.input-group-sm .custom-switch .custom-control-label {
- font-size: 0.875rem;
- line-height: 1.5;
-}
-.custom-switch.b-custom-control-sm .custom-control-label::before,
-.input-group-sm .custom-switch .custom-control-label::before {
- top: 0.21875rem;
- left: -1.96875rem;
- width: 1.53125rem;
- height: 0.875rem;
- border-radius: 0.4375rem;
-}
-.custom-switch.b-custom-control-sm .custom-control-label::after,
-.input-group-sm .custom-switch .custom-control-label::after {
- top: calc(0.21875rem + 2px);
- left: calc(-1.96875rem + 2px);
- width: calc(0.875rem - 4px);
- height: calc(0.875rem - 4px);
- border-radius: 0.4375rem;
- background-size: 50% 50%;
-}
-.custom-switch.b-custom-control-sm .custom-control-input:checked ~ .custom-control-label::after,
-.input-group-sm .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
- -webkit-transform: translateX(0.65625rem);
- transform: translateX(0.65625rem);
-}
-.input-group > .input-group-prepend > .btn-group > .btn,
-.input-group > .input-group-append:not(:last-child) > .btn-group > .btn,
-.input-group > .input-group-append:last-child > .btn-group:not(:last-child):not(.dropdown-toggle) > .btn {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-.input-group > .input-group-append > .btn-group > .btn,
-.input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn,
-.input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-.b-form-btn-label-control.form-control {
- display: flex;
- align-items: stretch;
- height: auto;
- padding: 0;
- background-image: none;
-}
-.input-group .b-form-btn-label-control.form-control {
- padding: 0;
-}
-[dir=rtl] .b-form-btn-label-control.form-control,
-.b-form-btn-label-control.form-control[dir=rtl] {
- flex-direction: row-reverse;
-}
-[dir=rtl] .b-form-btn-label-control.form-control > label,
-.b-form-btn-label-control.form-control[dir=rtl] > label {
- text-align: right;
-}
-.b-form-btn-label-control.form-control > .btn {
- line-height: 1;
- font-size: inherit;
- box-shadow: none !important;
- border: 0;
-}
-.b-form-btn-label-control.form-control > .btn:disabled {
- pointer-events: none;
-}
-.b-form-btn-label-control.form-control.is-valid > .btn {
- color: #28a745;
-}
-.b-form-btn-label-control.form-control.is-invalid > .btn {
- color: #dc3545;
-}
-.b-form-btn-label-control.form-control > .dropdown-menu {
- padding: 0.5rem;
-}
-.b-form-btn-label-control.form-control > .form-control {
- height: auto;
- min-height: calc(calc(1.5em + 0.75rem + 2px) - 2px);
- padding-left: 0.25rem;
- margin: 0;
- border: 0;
- outline: 0;
- background: transparent;
- word-break: break-word;
- font-size: inherit;
- white-space: normal;
- cursor: pointer;
-}
-.b-form-btn-label-control.form-control > .form-control.form-control-sm {
- min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
-}
-.b-form-btn-label-control.form-control > .form-control.form-control-lg {
- min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
-}
-.input-group.input-group-sm .b-form-btn-label-control.form-control > .form-control {
- min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
- padding-top: 0.25rem;
- padding-bottom: 0.25rem;
-}
-.input-group.input-group-lg .b-form-btn-label-control.form-control > .form-control {
- min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
-}
-.b-form-btn-label-control.form-control[aria-disabled=true],
-.b-form-btn-label-control.form-control[aria-readonly=true] {
- background-color: #e9ecef;
- opacity: 1;
-}
-.b-form-btn-label-control.form-control[aria-disabled=true] {
- pointer-events: none;
-}
-.b-form-btn-label-control.form-control[aria-disabled=true] > label {
- cursor: default;
-}
-.b-form-btn-label-control.btn-group > .dropdown-menu {
- padding: 0.5rem;
-}
-.custom-file-label {
- white-space: nowrap;
- overflow-x: hidden;
-}
-.b-custom-control-lg.custom-file,
-.b-custom-control-lg .custom-file-input,
-.b-custom-control-lg .custom-file-label,
-.input-group-lg.custom-file,
-.input-group-lg .custom-file-input,
-.input-group-lg .custom-file-label {
- font-size: 1.25rem;
- height: calc(1.5em + 1rem + 2px);
-}
-.b-custom-control-lg .custom-file-label,
-.b-custom-control-lg .custom-file-label:after,
-.input-group-lg .custom-file-label,
-.input-group-lg .custom-file-label:after {
- padding: 0.5rem 1rem;
- line-height: 1.5;
-}
-.b-custom-control-lg .custom-file-label,
-.input-group-lg .custom-file-label {
- border-radius: 0.3rem;
-}
-.b-custom-control-lg .custom-file-label::after,
-.input-group-lg .custom-file-label::after {
- font-size: inherit;
- height: calc(1.5em + 1rem);
- border-radius: 0 0.3rem 0.3rem 0;
-}
-.b-custom-control-sm.custom-file,
-.b-custom-control-sm .custom-file-input,
-.b-custom-control-sm .custom-file-label,
-.input-group-sm.custom-file,
-.input-group-sm .custom-file-input,
-.input-group-sm .custom-file-label {
- font-size: 0.875rem;
- height: calc(1.5em + 0.5rem + 2px);
-}
-.b-custom-control-sm .custom-file-label,
-.b-custom-control-sm .custom-file-label:after,
-.input-group-sm .custom-file-label,
-.input-group-sm .custom-file-label:after {
- padding: 0.25rem 0.5rem;
- line-height: 1.5;
-}
-.b-custom-control-sm .custom-file-label,
-.input-group-sm .custom-file-label {
- border-radius: 0.2rem;
-}
-.b-custom-control-sm .custom-file-label::after,
-.input-group-sm .custom-file-label::after {
- font-size: inherit;
- height: calc(1.5em + 0.5rem);
- border-radius: 0 0.2rem 0.2rem 0;
-}
-.was-validated .form-control:invalid,
-.was-validated .form-control:valid,
-.form-control.is-invalid,
-.form-control.is-valid {
- background-position: right calc(0.375em + 0.1875rem) center;
-}
-input[type=color].form-control {
- height: calc(1.5em + 0.75rem + 2px);
- padding: 0.125rem 0.25rem;
-}
-input[type=color].form-control.form-control-sm,
-.input-group-sm input[type=color].form-control {
- height: calc(1.5em + 0.5rem + 2px);
- padding: 0.125rem 0.25rem;
-}
-input[type=color].form-control.form-control-lg,
-.input-group-lg input[type=color].form-control {
- height: calc(1.5em + 1rem + 2px);
- padding: 0.125rem 0.25rem;
-}
-input[type=color].form-control:disabled {
- background-color: #adb5bd;
- opacity: 0.65;
-}
-.input-group > .custom-range {
- position: relative;
- flex: 1 1 auto;
- width: 1%;
- margin-bottom: 0;
-}
-.input-group > .custom-range + .form-control,
-.input-group > .custom-range + .form-control-plaintext,
-.input-group > .custom-range + .custom-select,
-.input-group > .custom-range + .custom-range,
-.input-group > .custom-range + .custom-file {
- margin-left: -1px;
-}
-.input-group > .form-control + .custom-range,
-.input-group > .form-control-plaintext + .custom-range,
-.input-group > .custom-select + .custom-range,
-.input-group > .custom-range + .custom-range,
-.input-group > .custom-file + .custom-range {
- margin-left: -1px;
-}
-.input-group > .custom-range:focus {
- z-index: 3;
-}
-.input-group > .custom-range:not(:last-child) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-.input-group > .custom-range:not(:first-child) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-.input-group > .custom-range {
- padding: 0 0.75rem;
- background-color: #fff;
- background-clip: padding-box;
- border: 1px solid #ced4da;
- height: calc(1.5em + 0.75rem + 2px);
- border-radius: 0.25rem;
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
- .input-group > .custom-range {
- transition: none;
- }
-}
-.input-group > .custom-range:focus {
- color: #495057;
- background-color: #fff;
- border-color: #80bdff;
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-.input-group > .custom-range:disabled,
-.input-group > .custom-range[readonly] {
- background-color: #e9ecef;
-}
-.input-group-lg > .custom-range {
- height: calc(1.5em + 1rem + 2px);
- padding: 0 1rem;
- border-radius: 0.3rem;
-}
-.input-group-sm > .custom-range {
- height: calc(1.5em + 0.5rem + 2px);
- padding: 0 0.5rem;
- border-radius: 0.2rem;
-}
-.was-validated .input-group .custom-range:valid,
-.input-group .custom-range.is-valid {
- border-color: #28a745;
-}
-.was-validated .input-group .custom-range:valid:focus,
-.input-group .custom-range.is-valid:focus {
- border-color: #28a745;
- box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
-}
-.was-validated .custom-range:valid:focus::-webkit-slider-thumb,
-.custom-range.is-valid:focus::-webkit-slider-thumb {
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
-}
-.was-validated .custom-range:valid:focus::-moz-range-thumb,
-.custom-range.is-valid:focus::-moz-range-thumb {
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
-}
-.was-validated .custom-range:valid:focus::-ms-thumb,
-.custom-range.is-valid:focus::-ms-thumb {
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
-}
-.was-validated .custom-range:valid::-webkit-slider-thumb,
-.custom-range.is-valid::-webkit-slider-thumb {
- background-color: #28a745;
- background-image: none;
-}
-.was-validated .custom-range:valid::-webkit-slider-thumb:active,
-.custom-range.is-valid::-webkit-slider-thumb:active {
- background-color: #9be7ac;
- background-image: none;
-}
-.was-validated .custom-range:valid::-webkit-slider-runnable-track,
-.custom-range.is-valid::-webkit-slider-runnable-track {
- background-color: rgba(40, 167, 69, 0.35);
-}
-.was-validated .custom-range:valid::-moz-range-thumb,
-.custom-range.is-valid::-moz-range-thumb {
- background-color: #28a745;
- background-image: none;
-}
-.was-validated .custom-range:valid::-moz-range-thumb:active,
-.custom-range.is-valid::-moz-range-thumb:active {
- background-color: #9be7ac;
- background-image: none;
-}
-.was-validated .custom-range:valid::-moz-range-track,
-.custom-range.is-valid::-moz-range-track {
- background: rgba(40, 167, 69, 0.35);
-}
-.was-validated .custom-range:valid ~ .valid-feedback,
-.was-validated .custom-range:valid ~ .valid-tooltip,
-.custom-range.is-valid ~ .valid-feedback,
-.custom-range.is-valid ~ .valid-tooltip {
- display: block;
-}
-.was-validated .custom-range:valid::-ms-thumb,
-.custom-range.is-valid::-ms-thumb {
- background-color: #28a745;
- background-image: none;
-}
-.was-validated .custom-range:valid::-ms-thumb:active,
-.custom-range.is-valid::-ms-thumb:active {
- background-color: #9be7ac;
- background-image: none;
-}
-.was-validated .custom-range:valid::-ms-track-lower,
-.custom-range.is-valid::-ms-track-lower {
- background: rgba(40, 167, 69, 0.35);
-}
-.was-validated .custom-range:valid::-ms-track-upper,
-.custom-range.is-valid::-ms-track-upper {
- background: rgba(40, 167, 69, 0.35);
-}
-.was-validated .input-group .custom-range:invalid,
-.input-group .custom-range.is-invalid {
- border-color: #dc3545;
-}
-.was-validated .input-group .custom-range:invalid:focus,
-.input-group .custom-range.is-invalid:focus {
- border-color: #dc3545;
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
-}
-.was-validated .custom-range:invalid:focus::-webkit-slider-thumb,
-.custom-range.is-invalid:focus::-webkit-slider-thumb {
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
-}
-.was-validated .custom-range:invalid:focus::-moz-range-thumb,
-.custom-range.is-invalid:focus::-moz-range-thumb {
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
-}
-.was-validated .custom-range:invalid:focus::-ms-thumb,
-.custom-range.is-invalid:focus::-ms-thumb {
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
-}
-.was-validated .custom-range:invalid::-webkit-slider-thumb,
-.custom-range.is-invalid::-webkit-slider-thumb {
- background-color: #dc3545;
- background-image: none;
-}
-.was-validated .custom-range:invalid::-webkit-slider-thumb:active,
-.custom-range.is-invalid::-webkit-slider-thumb:active {
- background-color: #f6cdd1;
- background-image: none;
-}
-.was-validated .custom-range:invalid::-webkit-slider-runnable-track,
-.custom-range.is-invalid::-webkit-slider-runnable-track {
- background-color: rgba(220, 53, 69, 0.35);
-}
-.was-validated .custom-range:invalid::-moz-range-thumb,
-.custom-range.is-invalid::-moz-range-thumb {
- background-color: #dc3545;
- background-image: none;
-}
-.was-validated .custom-range:invalid::-moz-range-thumb:active,
-.custom-range.is-invalid::-moz-range-thumb:active {
- background-color: #f6cdd1;
- background-image: none;
-}
-.was-validated .custom-range:invalid::-moz-range-track,
-.custom-range.is-invalid::-moz-range-track {
- background: rgba(220, 53, 69, 0.35);
-}
-.was-validated .custom-range:invalid ~ .invalid-feedback,
-.was-validated .custom-range:invalid ~ .invalid-tooltip,
-.custom-range.is-invalid ~ .invalid-feedback,
-.custom-range.is-invalid ~ .invalid-tooltip {
- display: block;
-}
-.was-validated .custom-range:invalid::-ms-thumb,
-.custom-range.is-invalid::-ms-thumb {
- background-color: #dc3545;
- background-image: none;
-}
-.was-validated .custom-range:invalid::-ms-thumb:active,
-.custom-range.is-invalid::-ms-thumb:active {
- background-color: #f6cdd1;
- background-image: none;
-}
-.was-validated .custom-range:invalid::-ms-track-lower,
-.custom-range.is-invalid::-ms-track-lower {
- background: rgba(220, 53, 69, 0.35);
-}
-.was-validated .custom-range:invalid::-ms-track-upper,
-.custom-range.is-invalid::-ms-track-upper {
- background: rgba(220, 53, 69, 0.35);
-}
-.custom-radio.b-custom-control-lg,
-.input-group-lg .custom-radio {
- font-size: 1.25rem;
- line-height: 1.5;
- padding-left: 1.875rem;
-}
-.custom-radio.b-custom-control-lg .custom-control-label::before,
-.input-group-lg .custom-radio .custom-control-label::before {
- top: 0.3125rem;
- left: -1.875rem;
- width: 1.25rem;
- height: 1.25rem;
- border-radius: 50%;
-}
-.custom-radio.b-custom-control-lg .custom-control-label::after,
-.input-group-lg .custom-radio .custom-control-label::after {
- top: 0.3125rem;
- left: -1.875rem;
- width: 1.25rem;
- height: 1.25rem;
- background: no-repeat 50%/50% 50%;
-}
-.custom-radio.b-custom-control-sm,
-.input-group-sm .custom-radio {
- font-size: 0.875rem;
- line-height: 1.5;
- padding-left: 1.3125rem;
-}
-.custom-radio.b-custom-control-sm .custom-control-label::before,
-.input-group-sm .custom-radio .custom-control-label::before {
- top: 0.21875rem;
- left: -1.3125rem;
- width: 0.875rem;
- height: 0.875rem;
- border-radius: 50%;
-}
-.custom-radio.b-custom-control-sm .custom-control-label::after,
-.input-group-sm .custom-radio .custom-control-label::after {
- top: 0.21875rem;
- left: -1.3125rem;
- width: 0.875rem;
- height: 0.875rem;
- background: no-repeat 50%/50% 50%;
-}
-.b-rating {
- text-align: center;
-}
-.b-rating.d-inline-flex {
- width: auto;
-}
-.b-rating .b-rating-star,
-.b-rating .b-rating-value {
- padding: 0 0.25em;
-}
-.b-rating .b-rating-value {
- min-width: 2.5em;
-}
-.b-rating .b-rating-star {
- display: inline-flex;
- justify-content: center;
- outline: 0;
-}
-.b-rating .b-rating-star .b-rating-icon {
- display: inline-flex;
- transition: all 0.15s ease-in-out;
-}
-.b-rating.disabled,
-.b-rating:disabled {
- background-color: #e9ecef;
- color: #6c757d;
-}
-.b-rating:not(.disabled):not(.readonly) .b-rating-star {
- cursor: pointer;
-}
-.b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon,
-.b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon {
- -webkit-transform: scale(1.5);
- transform: scale(1.5);
-}
-.b-rating[dir=rtl] .b-rating-star-half {
- -webkit-transform: scale(-1, 1);
- transform: scale(-1, 1);
-}
-.b-form-spinbutton {
- text-align: center;
- overflow: hidden;
- background-image: none;
- padding: 0;
-}
-[dir=rtl] .b-form-spinbutton:not(.flex-column),
-.b-form-spinbutton[dir=rtl]:not(.flex-column) {
- flex-direction: row-reverse;
-}
-.b-form-spinbutton output {
- font-size: inherit;
- outline: 0;
- border: 0;
- background-color: transparent;
- width: auto;
- margin: 0;
- padding: 0 0.25rem;
-}
-.b-form-spinbutton output > div,
-.b-form-spinbutton output > bdi {
- display: block;
- min-width: 2.25em;
- height: 1.5em;
-}
-.b-form-spinbutton.flex-column {
- height: auto;
- width: auto;
-}
-.b-form-spinbutton.flex-column output {
- margin: 0 0.25rem;
- padding: 0.25rem 0;
-}
-.b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
- output-width: 100%;
-}
-.b-form-spinbutton.d-inline-flex:not(.flex-column) {
- width: auto;
-}
-.b-form-spinbutton .btn {
- line-height: 1;
- box-shadow: none !important;
-}
-.b-form-spinbutton .btn:disabled {
- pointer-events: none;
-}
-.b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon {
- -webkit-transform: scale(1.25);
- transform: scale(1.25);
-}
-.b-form-spinbutton.disabled,
-.b-form-spinbutton.readonly {
- background-color: #e9ecef;
-}
-.b-form-spinbutton.disabled {
- pointer-events: none;
-}
-.b-form-tags .b-form-tags-list {
- margin-top: -0.25rem;
-}
-.b-form-tags .b-form-tags-list .b-from-tags-field,
-.b-form-tags .b-form-tags-list .b-form-tag {
- margin-top: 0.25rem;
-}
-.b-form-tags.focus {
- color: #495057;
- background-color: #fff;
- border-color: #80bdff;
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-.b-form-tags.focus.is-valid {
- border-color: #28a745;
- box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
-}
-.b-form-tags.focus.is-invalid {
- border-color: #dc3545;
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
-}
-.b-form-tags.disabled {
- background-color: #e9ecef;
-}
-.b-form-tag {
- font-size: 75%;
- font-weight: normal;
- line-height: 1.5;
- margin-right: 0.25rem;
-}
-.b-form-tag.disabled {
- opacity: 0.75;
-}
-.b-form-tag > button.b-form-tag-remove {
- color: inherit;
- font-size: 125%;
- line-height: 1;
- float: none;
- margin-left: 0.25rem;
-}
-.form-control-sm .b-form-tag {
- line-height: 1.5;
-}
-.form-control-lg .b-form-tag {
- line-height: 1.5;
-}
-.media-aside {
- display: flex;
- margin-right: 1rem;
-}
-.media-aside-right {
- margin-right: 0;
- margin-left: 1rem;
-}
-.modal-backdrop {
- opacity: 0.5;
-}
-.b-pagination-pills .page-item .page-link {
- border-radius: 50rem !important;
- margin-left: 0.25rem;
- line-height: 1;
-}
-.b-pagination-pills .page-item:first-child .page-link {
- margin-left: 0;
-}
-.popover.b-popover {
- display: block;
- opacity: 1;
- outline: 0;
-}
-.popover.b-popover.fade:not(.show) {
- opacity: 0;
-}
-.popover.b-popover.show {
- opacity: 1;
-}
-.b-popover-primary.popover {
- background-color: #cce5ff;
- border-color: #b8daff;
-}
-.b-popover-primary.bs-popover-top > .arrow::before,
-.b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::before {
- border-top-color: #b8daff;
-}
-.b-popover-primary.bs-popover-top > .arrow::after,
-.b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::after {
- border-top-color: #cce5ff;
-}
-.b-popover-primary.bs-popover-right > .arrow::before,
-.b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::before {
- border-right-color: #b8daff;
-}
-.b-popover-primary.bs-popover-right > .arrow::after,
-.b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::after {
- border-right-color: #cce5ff;
-}
-.b-popover-primary.bs-popover-bottom > .arrow::before,
-.b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::before {
- border-bottom-color: #b8daff;
-}
-.b-popover-primary.bs-popover-bottom > .arrow::after,
-.b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::after {
- border-bottom-color: #bdddff;
-}
-.b-popover-primary.bs-popover-bottom .popover-header::before,
-.b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header::before {
- border-bottom-color: #bdddff;
-}
-.b-popover-primary.bs-popover-left > .arrow::before,
-.b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::before {
- border-left-color: #b8daff;
-}
-.b-popover-primary.bs-popover-left > .arrow::after,
-.b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::after {
- border-left-color: #cce5ff;
-}
-.b-popover-primary .popover-header {
- color: #212529;
- background-color: #bdddff;
- border-bottom-color: #a3d0ff;
-}
-.b-popover-primary .popover-body {
- color: #004085;
-}
-.b-popover-secondary.popover {
- background-color: #e2e3e5;
- border-color: #d6d8db;
-}
-.b-popover-secondary.bs-popover-top > .arrow::before,
-.b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::before {
- border-top-color: #d6d8db;
-}
-.b-popover-secondary.bs-popover-top > .arrow::after,
-.b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::after {
- border-top-color: #e2e3e5;
-}
-.b-popover-secondary.bs-popover-right > .arrow::before,
-.b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::before {
- border-right-color: #d6d8db;
-}
-.b-popover-secondary.bs-popover-right > .arrow::after,
-.b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::after {
- border-right-color: #e2e3e5;
-}
-.b-popover-secondary.bs-popover-bottom > .arrow::before,
-.b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::before {
- border-bottom-color: #d6d8db;
-}
-.b-popover-secondary.bs-popover-bottom > .arrow::after,
-.b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::after {
- border-bottom-color: #dadbde;
-}
-.b-popover-secondary.bs-popover-bottom .popover-header::before,
-.b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header::before {
- border-bottom-color: #dadbde;
-}
-.b-popover-secondary.bs-popover-left > .arrow::before,
-.b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::before {
- border-left-color: #d6d8db;
-}
-.b-popover-secondary.bs-popover-left > .arrow::after,
-.b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::after {
- border-left-color: #e2e3e5;
-}
-.b-popover-secondary .popover-header {
- color: #212529;
- background-color: #dadbde;
- border-bottom-color: #ccced2;
-}
-.b-popover-secondary .popover-body {
- color: #383d41;
-}
-.b-popover-success.popover {
- background-color: #d4edda;
- border-color: #c3e6cb;
-}
-.b-popover-success.bs-popover-top > .arrow::before,
-.b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::before {
- border-top-color: #c3e6cb;
-}
-.b-popover-success.bs-popover-top > .arrow::after,
-.b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::after {
- border-top-color: #d4edda;
-}
-.b-popover-success.bs-popover-right > .arrow::before,
-.b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::before {
- border-right-color: #c3e6cb;
-}
-.b-popover-success.bs-popover-right > .arrow::after,
-.b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::after {
- border-right-color: #d4edda;
-}
-.b-popover-success.bs-popover-bottom > .arrow::before,
-.b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::before {
- border-bottom-color: #c3e6cb;
-}
-.b-popover-success.bs-popover-bottom > .arrow::after,
-.b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::after {
- border-bottom-color: #c9e8d1;
-}
-.b-popover-success.bs-popover-bottom .popover-header::before,
-.b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header::before {
- border-bottom-color: #c9e8d1;
-}
-.b-popover-success.bs-popover-left > .arrow::before,
-.b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::before {
- border-left-color: #c3e6cb;
-}
-.b-popover-success.bs-popover-left > .arrow::after,
-.b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::after {
- border-left-color: #d4edda;
-}
-.b-popover-success .popover-header {
- color: #212529;
- background-color: #c9e8d1;
- border-bottom-color: #b7e1c1;
-}
-.b-popover-success .popover-body {
- color: #155724;
-}
-.b-popover-info.popover {
- background-color: #d1ecf1;
- border-color: #bee5eb;
-}
-.b-popover-info.bs-popover-top > .arrow::before,
-.b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::before {
- border-top-color: #bee5eb;
-}
-.b-popover-info.bs-popover-top > .arrow::after,
-.b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::after {
- border-top-color: #d1ecf1;
-}
-.b-popover-info.bs-popover-right > .arrow::before,
-.b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::before {
- border-right-color: #bee5eb;
-}
-.b-popover-info.bs-popover-right > .arrow::after,
-.b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::after {
- border-right-color: #d1ecf1;
-}
-.b-popover-info.bs-popover-bottom > .arrow::before,
-.b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::before {
- border-bottom-color: #bee5eb;
-}
-.b-popover-info.bs-popover-bottom > .arrow::after,
-.b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::after {
- border-bottom-color: #c5e7ed;
-}
-.b-popover-info.bs-popover-bottom .popover-header::before,
-.b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header::before {
- border-bottom-color: #c5e7ed;
-}
-.b-popover-info.bs-popover-left > .arrow::before,
-.b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::before {
- border-left-color: #bee5eb;
-}
-.b-popover-info.bs-popover-left > .arrow::after,
-.b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::after {
- border-left-color: #d1ecf1;
-}
-.b-popover-info .popover-header {
- color: #212529;
- background-color: #c5e7ed;
- border-bottom-color: #b2dfe7;
-}
-.b-popover-info .popover-body {
- color: #0c5460;
-}
-.b-popover-warning.popover {
- background-color: #fff3cd;
- border-color: #ffeeba;
-}
-.b-popover-warning.bs-popover-top > .arrow::before,
-.b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::before {
- border-top-color: #ffeeba;
-}
-.b-popover-warning.bs-popover-top > .arrow::after,
-.b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::after {
- border-top-color: #fff3cd;
-}
-.b-popover-warning.bs-popover-right > .arrow::before,
-.b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::before {
- border-right-color: #ffeeba;
-}
-.b-popover-warning.bs-popover-right > .arrow::after,
-.b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::after {
- border-right-color: #fff3cd;
-}
-.b-popover-warning.bs-popover-bottom > .arrow::before,
-.b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::before {
- border-bottom-color: #ffeeba;
-}
-.b-popover-warning.bs-popover-bottom > .arrow::after,
-.b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::after {
- border-bottom-color: #ffefbe;
-}
-.b-popover-warning.bs-popover-bottom .popover-header::before,
-.b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header::before {
- border-bottom-color: #ffefbe;
-}
-.b-popover-warning.bs-popover-left > .arrow::before,
-.b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::before {
- border-left-color: #ffeeba;
-}
-.b-popover-warning.bs-popover-left > .arrow::after,
-.b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::after {
- border-left-color: #fff3cd;
-}
-.b-popover-warning .popover-header {
- color: #212529;
- background-color: #ffefbe;
- border-bottom-color: #ffe9a4;
-}
-.b-popover-warning .popover-body {
- color: #856404;
-}
-.b-popover-danger.popover {
- background-color: #f8d7da;
- border-color: #f5c6cb;
-}
-.b-popover-danger.bs-popover-top > .arrow::before,
-.b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::before {
- border-top-color: #f5c6cb;
-}
-.b-popover-danger.bs-popover-top > .arrow::after,
-.b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::after {
- border-top-color: #f8d7da;
-}
-.b-popover-danger.bs-popover-right > .arrow::before,
-.b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::before {
- border-right-color: #f5c6cb;
-}
-.b-popover-danger.bs-popover-right > .arrow::after,
-.b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::after {
- border-right-color: #f8d7da;
-}
-.b-popover-danger.bs-popover-bottom > .arrow::before,
-.b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::before {
- border-bottom-color: #f5c6cb;
-}
-.b-popover-danger.bs-popover-bottom > .arrow::after,
-.b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::after {
- border-bottom-color: #f6cace;
-}
-.b-popover-danger.bs-popover-bottom .popover-header::before,
-.b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header::before {
- border-bottom-color: #f6cace;
-}
-.b-popover-danger.bs-popover-left > .arrow::before,
-.b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::before {
- border-left-color: #f5c6cb;
-}
-.b-popover-danger.bs-popover-left > .arrow::after,
-.b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::after {
- border-left-color: #f8d7da;
-}
-.b-popover-danger .popover-header {
- color: #212529;
- background-color: #f6cace;
- border-bottom-color: #f2b4ba;
-}
-.b-popover-danger .popover-body {
- color: #721c24;
-}
-.b-popover-light.popover {
- background-color: #fefefe;
- border-color: #fdfdfe;
-}
-.b-popover-light.bs-popover-top > .arrow::before,
-.b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::before {
- border-top-color: #fdfdfe;
-}
-.b-popover-light.bs-popover-top > .arrow::after,
-.b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::after {
- border-top-color: #fefefe;
-}
-.b-popover-light.bs-popover-right > .arrow::before,
-.b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::before {
- border-right-color: #fdfdfe;
-}
-.b-popover-light.bs-popover-right > .arrow::after,
-.b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::after {
- border-right-color: #fefefe;
-}
-.b-popover-light.bs-popover-bottom > .arrow::before,
-.b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::before {
- border-bottom-color: #fdfdfe;
-}
-.b-popover-light.bs-popover-bottom > .arrow::after,
-.b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::after {
- border-bottom-color: #f6f6f6;
-}
-.b-popover-light.bs-popover-bottom .popover-header::before,
-.b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header::before {
- border-bottom-color: #f6f6f6;
-}
-.b-popover-light.bs-popover-left > .arrow::before,
-.b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::before {
- border-left-color: #fdfdfe;
-}
-.b-popover-light.bs-popover-left > .arrow::after,
-.b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::after {
- border-left-color: #fefefe;
-}
-.b-popover-light .popover-header {
- color: #212529;
- background-color: #f6f6f6;
- border-bottom-color: #eaeaea;
-}
-.b-popover-light .popover-body {
- color: #818182;
-}
-.b-popover-dark.popover {
- background-color: #d6d8d9;
- border-color: #c6c8ca;
-}
-.b-popover-dark.bs-popover-top > .arrow::before,
-.b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::before {
- border-top-color: #c6c8ca;
-}
-.b-popover-dark.bs-popover-top > .arrow::after,
-.b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::after {
- border-top-color: #d6d8d9;
-}
-.b-popover-dark.bs-popover-right > .arrow::before,
-.b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::before {
- border-right-color: #c6c8ca;
-}
-.b-popover-dark.bs-popover-right > .arrow::after,
-.b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::after {
- border-right-color: #d6d8d9;
-}
-.b-popover-dark.bs-popover-bottom > .arrow::before,
-.b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::before {
- border-bottom-color: #c6c8ca;
-}
-.b-popover-dark.bs-popover-bottom > .arrow::after,
-.b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::after {
- border-bottom-color: #ced0d2;
-}
-.b-popover-dark.bs-popover-bottom .popover-header::before,
-.b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header::before {
- border-bottom-color: #ced0d2;
-}
-.b-popover-dark.bs-popover-left > .arrow::before,
-.b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::before {
- border-left-color: #c6c8ca;
-}
-.b-popover-dark.bs-popover-left > .arrow::after,
-.b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::after {
- border-left-color: #d6d8d9;
-}
-.b-popover-dark .popover-header {
- color: #212529;
- background-color: #ced0d2;
- border-bottom-color: #c1c4c5;
-}
-.b-popover-dark .popover-body {
- color: #1b1e21;
-}
-.b-sidebar-outer {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- height: 0;
- overflow: visible;
- z-index: calc(1030 + 5);
-}
-.b-sidebar-backdrop {
- position: fixed;
- top: 0;
- left: 0;
- z-index: -1;
- width: 100vw;
- height: 100vh;
- opacity: 0.6;
-}
-.b-sidebar {
- display: flex;
- flex-direction: column;
- position: fixed;
- top: 0;
- width: 320px;
- max-width: 100%;
- height: 100vh;
- max-height: 100%;
- margin: 0;
- outline: 0;
- -webkit-transform: translateX(0);
- transform: translateX(0);
-}
-.b-sidebar.slide {
- transition: -webkit-transform 0.3s ease-in-out;
- transition: transform 0.3s ease-in-out;
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-sidebar.slide {
- transition: none;
- }
-}
-.b-sidebar:not(.b-sidebar-right) {
- left: 0;
- right: auto;
-}
-.b-sidebar:not(.b-sidebar-right).slide:not(.show) {
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%);
-}
-.b-sidebar:not(.b-sidebar-right) > .b-sidebar-header .close {
- margin-left: auto;
-}
-.b-sidebar.b-sidebar-right {
- left: auto;
- right: 0;
-}
-.b-sidebar.b-sidebar-right.slide:not(.show) {
- -webkit-transform: translateX(100%);
- transform: translateX(100%);
-}
-.b-sidebar.b-sidebar-right > .b-sidebar-header .close {
- margin-right: auto;
-}
-.b-sidebar > .b-sidebar-header {
- font-size: 1.5rem;
- padding: 0.5rem 1rem;
- display: flex;
- flex-direction: row;
- flex-grow: 0;
- align-items: center;
-}
-[dir=rtl] .b-sidebar > .b-sidebar-header {
- flex-direction: row-reverse;
-}
-.b-sidebar > .b-sidebar-header .close {
- float: none;
- font-size: 1.5rem;
-}
-.b-sidebar > .b-sidebar-body {
- flex-grow: 1;
- height: 100%;
- overflow-y: auto;
-}
-.b-sidebar > .b-sidebar-footer {
- flex-grow: 0;
-}
-.b-skeleton-wrapper {
- cursor: wait;
-}
-.b-skeleton {
- position: relative;
- overflow: hidden;
- background-color: rgba(0, 0, 0, 0.12);
- cursor: wait;
- -webkit-mask-image: radial-gradient(white, black);
- mask-image: radial-gradient(white, black);
-}
-.b-skeleton::before {
- content: " ";
-}
-.b-skeleton-text {
- height: 1rem;
- margin-bottom: 0.25rem;
- border-radius: 0.25rem;
-}
-.b-skeleton-button {
- width: 75px;
- padding: 0.375rem 0.75rem;
- font-size: 1rem;
- line-height: 1.5;
- border-radius: 0.25rem;
-}
-.b-skeleton-avatar {
- width: 2.5em;
- height: 2.5em;
- border-radius: 50%;
-}
-.b-skeleton-input {
- height: calc(1.5em + 0.75rem + 2px);
- padding: 0.375rem 0.75rem;
- line-height: 1.5;
- border: #ced4da solid 1px;
- border-radius: 0.25rem;
-}
-.b-skeleton-icon-wrapper svg {
- color: rgba(0, 0, 0, 0.12);
-}
-.b-skeleton-img {
- height: 100%;
- width: 100%;
-}
-.b-skeleton-animate-wave::after {
- content: "";
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 0;
- background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
- -webkit-animation: b-skeleton-animate-wave 1.75s linear infinite;
- animation: b-skeleton-animate-wave 1.75s linear infinite;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-skeleton-animate-wave::after {
- background: none;
- -webkit-animation: none;
- animation: none;
- }
-}
-@-webkit-keyframes b-skeleton-animate-wave {
- from {
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%);
- }
- to {
- -webkit-transform: translateX(100%);
- transform: translateX(100%);
- }
-}
-@keyframes b-skeleton-animate-wave {
- from {
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%);
- }
- to {
- -webkit-transform: translateX(100%);
- transform: translateX(100%);
- }
-}
-.b-skeleton-animate-fade {
- -webkit-animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite;
- animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-skeleton-animate-fade {
- -webkit-animation: none;
- animation: none;
- }
-}
-@-webkit-keyframes b-skeleton-animate-fade {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0.4;
- }
-}
-@keyframes b-skeleton-animate-fade {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0.4;
- }
-}
-.b-skeleton-animate-throb {
- -webkit-animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite;
- animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-skeleton-animate-throb {
- -webkit-animation: none;
- animation: none;
- }
-}
-@-webkit-keyframes b-skeleton-animate-throb {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- 100% {
- -webkit-transform: scale(0.975);
- transform: scale(0.975);
- }
-}
-@keyframes b-skeleton-animate-throb {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- 100% {
- -webkit-transform: scale(0.975);
- transform: scale(0.975);
- }
-}
-.table.b-table.b-table-fixed {
- table-layout: fixed;
-}
-.table.b-table.b-table-no-border-collapse {
- border-collapse: separate;
- border-spacing: 0;
-}
-.table.b-table[aria-busy=true] {
- opacity: 0.55;
-}
-.table.b-table > tbody > tr.b-table-details > td {
- border-top: none !important;
-}
-.table.b-table > caption {
- caption-side: bottom;
-}
-.table.b-table.b-table-caption-top > caption {
- caption-side: top !important;
-}
-.table.b-table > tbody > .table-active,
-.table.b-table > tbody > .table-active > th,
-.table.b-table > tbody > .table-active > td {
- background-color: rgba(0, 0, 0, 0.075);
-}
-.table.b-table.table-hover > tbody > tr.table-active:hover td,
-.table.b-table.table-hover > tbody > tr.table-active:hover th {
- color: #212529;
- background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
- background-repeat: no-repeat;
-}
-.table.b-table > tbody > .bg-active,
-.table.b-table > tbody > .bg-active > th,
-.table.b-table > tbody > .bg-active > td {
- background-color: rgba(255, 255, 255, 0.075) !important;
-}
-.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover td,
-.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover th {
- color: #fff;
- background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
- background-repeat: no-repeat;
-}
-.b-table-sticky-header,
-.table-responsive,
-[class*=table-responsive-] {
- margin-bottom: 1rem;
-}
-.b-table-sticky-header > .table,
-.table-responsive > .table,
-[class*=table-responsive-] > .table {
- margin-bottom: 0;
-}
-.b-table-sticky-header {
- overflow-y: auto;
- max-height: 300px;
-}
-@media print {
- .b-table-sticky-header {
- overflow-y: visible !important;
- max-height: none !important;
- }
-}
-@supports ((position: -webkit-sticky) or (position: sticky)) {
- .b-table-sticky-header > .table.b-table > thead > tr > th {
- position: -webkit-sticky;
- position: sticky;
- top: 0;
- z-index: 2;
- }
- .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
- .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
- .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
- .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
- .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
- .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
- [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column,
- [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column,
- [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column {
- position: -webkit-sticky;
- position: sticky;
- left: 0;
- }
- .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
- .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
- [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column {
- z-index: 5;
- }
- .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
- .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
- .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
- .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
- [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column,
- [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column {
- z-index: 2;
- }
- .table.b-table > thead > tr > .table-b-table-default,
- .table.b-table > tbody > tr > .table-b-table-default,
- .table.b-table > tfoot > tr > .table-b-table-default {
- color: #212529;
- background-color: #fff;
- }
- .table.b-table.table-dark > thead > tr > .bg-b-table-default,
- .table.b-table.table-dark > tbody > tr > .bg-b-table-default,
- .table.b-table.table-dark > tfoot > tr > .bg-b-table-default {
- color: #fff;
- background-color: #343a40;
- }
- .table.b-table.table-striped > tbody > tr:nth-of-type(odd) > .table-b-table-default {
- background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
- background-repeat: no-repeat;
- }
- .table.b-table.table-striped.table-dark > tbody > tr:nth-of-type(odd) > .bg-b-table-default {
- background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
- background-repeat: no-repeat;
- }
- .table.b-table.table-hover > tbody > tr:hover > .table-b-table-default {
- color: #212529;
- background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
- background-repeat: no-repeat;
- }
- .table.b-table.table-hover.table-dark > tbody > tr:hover > .bg-b-table-default {
- color: #fff;
- background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
- background-repeat: no-repeat;
- }
-}
-.table.b-table > thead > tr > [aria-sort],
-.table.b-table > tfoot > tr > [aria-sort] {
- cursor: pointer;
- background-image: none;
- background-repeat: no-repeat;
- background-size: 0.65em 1em;
-}
-.table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
-.table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
- background-position: right calc(0.75rem / 2) center;
- padding-right: calc(0.75rem + 0.65em);
-}
-.table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left,
-.table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left {
- background-position: left calc(0.75rem / 2) center;
- padding-left: calc(0.75rem + 0.65em);
-}
-.table.b-table > thead > tr > [aria-sort=none],
-.table.b-table > tfoot > tr > [aria-sort=none] {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
-}
-.table.b-table > thead > tr > [aria-sort=ascending],
-.table.b-table > tfoot > tr > [aria-sort=ascending] {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
-}
-.table.b-table > thead > tr > [aria-sort=descending],
-.table.b-table > tfoot > tr > [aria-sort=descending] {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
-}
-.table.b-table.table-dark > thead > tr > [aria-sort=none],
-.table.b-table.table-dark > tfoot > tr > [aria-sort=none],
-.table.b-table > .thead-dark > tr > [aria-sort=none] {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
-}
-.table.b-table.table-dark > thead > tr > [aria-sort=ascending],
-.table.b-table.table-dark > tfoot > tr > [aria-sort=ascending],
-.table.b-table > .thead-dark > tr > [aria-sort=ascending] {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
-}
-.table.b-table.table-dark > thead > tr > [aria-sort=descending],
-.table.b-table.table-dark > tfoot > tr > [aria-sort=descending],
-.table.b-table > .thead-dark > tr > [aria-sort=descending] {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
-}
-.table.b-table > thead > tr > .table-dark[aria-sort=none],
-.table.b-table > tfoot > tr > .table-dark[aria-sort=none] {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
-}
-.table.b-table > thead > tr > .table-dark[aria-sort=ascending],
-.table.b-table > tfoot > tr > .table-dark[aria-sort=ascending] {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
-}
-.table.b-table > thead > tr > .table-dark[aria-sort=descending],
-.table.b-table > tfoot > tr > .table-dark[aria-sort=descending] {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
-}
-.table.b-table.table-sm > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
-.table.b-table.table-sm > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
- background-position: right calc(0.3rem / 2) center;
- padding-right: calc(0.3rem + 0.65em);
-}
-.table.b-table.table-sm > thead > tr > [aria-sort].b-table-sort-icon-left,
-.table.b-table.table-sm > tfoot > tr > [aria-sort].b-table-sort-icon-left {
- background-position: left calc(0.3rem / 2) center;
- padding-left: calc(0.3rem + 0.65em);
-}
-.table.b-table.b-table-selectable:not(.b-table-selectable-no-click) > tbody > tr {
- cursor: pointer;
-}
-.table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range > tbody > tr {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-@media (max-width: 575.98px) {
- .table.b-table.b-table-stacked-sm {
- display: block;
- width: 100%;
- }
- .table.b-table.b-table-stacked-sm > caption,
- .table.b-table.b-table-stacked-sm > tbody,
- .table.b-table.b-table-stacked-sm > tbody > tr,
- .table.b-table.b-table-stacked-sm > tbody > tr > td,
- .table.b-table.b-table-stacked-sm > tbody > tr > th {
- display: block;
- }
- .table.b-table.b-table-stacked-sm > thead,
- .table.b-table.b-table-stacked-sm > tfoot {
- display: none;
- }
- .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row,
- .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row,
- .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row,
- .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row {
- display: none;
- }
- .table.b-table.b-table-stacked-sm > caption {
- caption-side: top !important;
- }
- .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before {
- content: attr(data-label);
- width: 40%;
- float: left;
- text-align: right;
- overflow-wrap: break-word;
- font-weight: bold;
- font-style: normal;
- padding: 0 calc(1rem / 2) 0 0;
- margin: 0;
- }
- .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::after {
- display: block;
- clear: both;
- content: "";
- }
- .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div {
- display: inline-block;
- width: calc(100% - 40%);
- padding: 0 0 0 calc(1rem / 2);
- margin: 0;
- }
- .table.b-table.b-table-stacked-sm > tbody > tr.top-row,
- .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row {
- display: none;
- }
- .table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
- border-top-width: 3px;
- }
- .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + td,
- .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + th {
- border-top-width: 3px;
- }
-}
-@media (max-width: 767.98px) {
- .table.b-table.b-table-stacked-md {
- display: block;
- width: 100%;
- }
- .table.b-table.b-table-stacked-md > caption,
- .table.b-table.b-table-stacked-md > tbody,
- .table.b-table.b-table-stacked-md > tbody > tr,
- .table.b-table.b-table-stacked-md > tbody > tr > td,
- .table.b-table.b-table-stacked-md > tbody > tr > th {
- display: block;
- }
- .table.b-table.b-table-stacked-md > thead,
- .table.b-table.b-table-stacked-md > tfoot {
- display: none;
- }
- .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row,
- .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row,
- .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row,
- .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row {
- display: none;
- }
- .table.b-table.b-table-stacked-md > caption {
- caption-side: top !important;
- }
- .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before {
- content: attr(data-label);
- width: 40%;
- float: left;
- text-align: right;
- overflow-wrap: break-word;
- font-weight: bold;
- font-style: normal;
- padding: 0 calc(1rem / 2) 0 0;
- margin: 0;
- }
- .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::after {
- display: block;
- clear: both;
- content: "";
- }
- .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
- display: inline-block;
- width: calc(100% - 40%);
- padding: 0 0 0 calc(1rem / 2);
- margin: 0;
- }
- .table.b-table.b-table-stacked-md > tbody > tr.top-row,
- .table.b-table.b-table-stacked-md > tbody > tr.bottom-row {
- display: none;
- }
- .table.b-table.b-table-stacked-md > tbody > tr > :first-child {
- border-top-width: 3px;
- }
- .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td,
- .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th {
- border-top-width: 3px;
- }
-}
-@media (max-width: 991.98px) {
- .table.b-table.b-table-stacked-lg {
- display: block;
- width: 100%;
- }
- .table.b-table.b-table-stacked-lg > caption,
- .table.b-table.b-table-stacked-lg > tbody,
- .table.b-table.b-table-stacked-lg > tbody > tr,
- .table.b-table.b-table-stacked-lg > tbody > tr > td,
- .table.b-table.b-table-stacked-lg > tbody > tr > th {
- display: block;
- }
- .table.b-table.b-table-stacked-lg > thead,
- .table.b-table.b-table-stacked-lg > tfoot {
- display: none;
- }
- .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row,
- .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row,
- .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row,
- .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row {
- display: none;
- }
- .table.b-table.b-table-stacked-lg > caption {
- caption-side: top !important;
- }
- .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before {
- content: attr(data-label);
- width: 40%;
- float: left;
- text-align: right;
- overflow-wrap: break-word;
- font-weight: bold;
- font-style: normal;
- padding: 0 calc(1rem / 2) 0 0;
- margin: 0;
- }
- .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::after {
- display: block;
- clear: both;
- content: "";
- }
- .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div {
- display: inline-block;
- width: calc(100% - 40%);
- padding: 0 0 0 calc(1rem / 2);
- margin: 0;
- }
- .table.b-table.b-table-stacked-lg > tbody > tr.top-row,
- .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row {
- display: none;
- }
- .table.b-table.b-table-stacked-lg > tbody > tr > :first-child {
- border-top-width: 3px;
- }
- .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + td,
- .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + th {
- border-top-width: 3px;
- }
-}
-@media (max-width: 1199.98px) {
- .table.b-table.b-table-stacked-xl {
- display: block;
- width: 100%;
- }
- .table.b-table.b-table-stacked-xl > caption,
- .table.b-table.b-table-stacked-xl > tbody,
- .table.b-table.b-table-stacked-xl > tbody > tr,
- .table.b-table.b-table-stacked-xl > tbody > tr > td,
- .table.b-table.b-table-stacked-xl > tbody > tr > th {
- display: block;
- }
- .table.b-table.b-table-stacked-xl > thead,
- .table.b-table.b-table-stacked-xl > tfoot {
- display: none;
- }
- .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row,
- .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row,
- .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row,
- .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row {
- display: none;
- }
- .table.b-table.b-table-stacked-xl > caption {
- caption-side: top !important;
- }
- .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before {
- content: attr(data-label);
- width: 40%;
- float: left;
- text-align: right;
- overflow-wrap: break-word;
- font-weight: bold;
- font-style: normal;
- padding: 0 calc(1rem / 2) 0 0;
- margin: 0;
- }
- .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::after {
- display: block;
- clear: both;
- content: "";
- }
- .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div {
- display: inline-block;
- width: calc(100% - 40%);
- padding: 0 0 0 calc(1rem / 2);
- margin: 0;
- }
- .table.b-table.b-table-stacked-xl > tbody > tr.top-row,
- .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row {
- display: none;
- }
- .table.b-table.b-table-stacked-xl > tbody > tr > :first-child {
- border-top-width: 3px;
- }
- .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + td,
- .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + th {
- border-top-width: 3px;
- }
-}
-.table.b-table.b-table-stacked {
- display: block;
- width: 100%;
-}
-.table.b-table.b-table-stacked > caption,
-.table.b-table.b-table-stacked > tbody,
-.table.b-table.b-table-stacked > tbody > tr,
-.table.b-table.b-table-stacked > tbody > tr > td,
-.table.b-table.b-table-stacked > tbody > tr > th {
- display: block;
-}
-.table.b-table.b-table-stacked > thead,
-.table.b-table.b-table-stacked > tfoot {
- display: none;
-}
-.table.b-table.b-table-stacked > thead > tr.b-table-top-row,
-.table.b-table.b-table-stacked > thead > tr.b-table-bottom-row,
-.table.b-table.b-table-stacked > tfoot > tr.b-table-top-row,
-.table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row {
- display: none;
-}
-.table.b-table.b-table-stacked > caption {
- caption-side: top !important;
-}
-.table.b-table.b-table-stacked > tbody > tr > [data-label]::before {
- content: attr(data-label);
- width: 40%;
- float: left;
- text-align: right;
- overflow-wrap: break-word;
- font-weight: bold;
- font-style: normal;
- padding: 0 calc(1rem / 2) 0 0;
- margin: 0;
-}
-.table.b-table.b-table-stacked > tbody > tr > [data-label]::after {
- display: block;
- clear: both;
- content: "";
-}
-.table.b-table.b-table-stacked > tbody > tr > [data-label] > div {
- display: inline-block;
- width: calc(100% - 40%);
- padding: 0 0 0 calc(1rem / 2);
- margin: 0;
-}
-.table.b-table.b-table-stacked > tbody > tr.top-row,
-.table.b-table.b-table-stacked > tbody > tr.bottom-row {
- display: none;
-}
-.table.b-table.b-table-stacked > tbody > tr > :first-child {
- border-top-width: 3px;
-}
-.table.b-table.b-table-stacked > tbody > tr > [rowspan] + td,
-.table.b-table.b-table-stacked > tbody > tr > [rowspan] + th {
- border-top-width: 3px;
-}
-.b-time {
- min-width: 150px;
-}
-.b-time[aria-disabled=true] output,
-.b-time[aria-readonly=true] output,
-.b-time output.disabled {
- background-color: #e9ecef;
- opacity: 1;
-}
-.b-time[aria-disabled=true] output {
- pointer-events: none;
-}
-[dir=rtl] .b-time > .d-flex:not(.flex-column) {
- flex-direction: row-reverse;
-}
-.b-time .b-time-header {
- margin-bottom: 0.5rem;
-}
-.b-time .b-time-header output {
- padding: 0.25rem;
- font-size: 80%;
-}
-.b-time .b-time-footer {
- margin-top: 0.5rem;
-}
-.b-time .b-time-ampm {
- margin-left: 0.5rem;
-}
-.b-toast {
- display: block;
- position: relative;
- max-width: 350px;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- background-clip: padding-box;
- z-index: 1;
- border-radius: 0.25rem;
-}
-.b-toast .toast {
- background-color: rgba(255, 255, 255, 0.85);
-}
-.b-toast:not(:last-child) {
- margin-bottom: 0.75rem;
-}
-.b-toast.b-toast-solid .toast {
- background-color: white;
-}
-.b-toast .toast {
- opacity: 1;
-}
-.b-toast .toast.fade:not(.show) {
- opacity: 0;
-}
-.b-toast .toast .toast-body {
- display: block;
-}
-.b-toast-primary .toast {
- background-color: rgba(230, 242, 255, 0.85);
- border-color: rgba(184, 218, 255, 0.85);
- color: #004085;
-}
-.b-toast-primary .toast .toast-header {
- color: #004085;
- background-color: rgba(204, 229, 255, 0.85);
- border-bottom-color: rgba(184, 218, 255, 0.85);
-}
-.b-toast-primary.b-toast-solid .toast {
- background-color: #e6f2ff;
-}
-.b-toast-secondary .toast {
- background-color: rgba(239, 240, 241, 0.85);
- border-color: rgba(214, 216, 219, 0.85);
- color: #383d41;
-}
-.b-toast-secondary .toast .toast-header {
- color: #383d41;
- background-color: rgba(226, 227, 229, 0.85);
- border-bottom-color: rgba(214, 216, 219, 0.85);
-}
-.b-toast-secondary.b-toast-solid .toast {
- background-color: #eff0f1;
-}
-.b-toast-success .toast {
- background-color: rgba(230, 245, 233, 0.85);
- border-color: rgba(195, 230, 203, 0.85);
- color: #155724;
-}
-.b-toast-success .toast .toast-header {
- color: #155724;
- background-color: rgba(212, 237, 218, 0.85);
- border-bottom-color: rgba(195, 230, 203, 0.85);
-}
-.b-toast-success.b-toast-solid .toast {
- background-color: #e6f5e9;
-}
-.b-toast-info .toast {
- background-color: rgba(229, 244, 247, 0.85);
- border-color: rgba(190, 229, 235, 0.85);
- color: #0c5460;
-}
-.b-toast-info .toast .toast-header {
- color: #0c5460;
- background-color: rgba(209, 236, 241, 0.85);
- border-bottom-color: rgba(190, 229, 235, 0.85);
-}
-.b-toast-info.b-toast-solid .toast {
- background-color: #e5f4f7;
-}
-.b-toast-warning .toast {
- background-color: rgba(255, 249, 231, 0.85);
- border-color: rgba(255, 238, 186, 0.85);
- color: #856404;
-}
-.b-toast-warning .toast .toast-header {
- color: #856404;
- background-color: rgba(255, 243, 205, 0.85);
- border-bottom-color: rgba(255, 238, 186, 0.85);
-}
-.b-toast-warning.b-toast-solid .toast {
- background-color: #fff9e7;
-}
-.b-toast-danger .toast {
- background-color: rgba(252, 237, 238, 0.85);
- border-color: rgba(245, 198, 203, 0.85);
- color: #721c24;
-}
-.b-toast-danger .toast .toast-header {
- color: #721c24;
- background-color: rgba(248, 215, 218, 0.85);
- border-bottom-color: rgba(245, 198, 203, 0.85);
-}
-.b-toast-danger.b-toast-solid .toast {
- background-color: #fcedee;
-}
-.b-toast-light .toast {
- background-color: rgba(255, 255, 255, 0.85);
- border-color: rgba(253, 253, 254, 0.85);
- color: #818182;
-}
-.b-toast-light .toast .toast-header {
- color: #818182;
- background-color: rgba(254, 254, 254, 0.85);
- border-bottom-color: rgba(253, 253, 254, 0.85);
-}
-.b-toast-light.b-toast-solid .toast {
- background-color: white;
-}
-.b-toast-dark .toast {
- background-color: rgba(227, 229, 229, 0.85);
- border-color: rgba(198, 200, 202, 0.85);
- color: #1b1e21;
-}
-.b-toast-dark .toast .toast-header {
- color: #1b1e21;
- background-color: rgba(214, 216, 217, 0.85);
- border-bottom-color: rgba(198, 200, 202, 0.85);
-}
-.b-toast-dark.b-toast-solid .toast {
- background-color: #e3e5e5;
-}
-.b-toaster {
- z-index: 1100;
-}
-.b-toaster .b-toaster-slot {
- position: relative;
- display: block;
-}
-.b-toaster .b-toaster-slot:empty {
- display: none !important;
-}
-.b-toaster.b-toaster-top-right,
-.b-toaster.b-toaster-top-left,
-.b-toaster.b-toaster-top-center,
-.b-toaster.b-toaster-top-full,
-.b-toaster.b-toaster-bottom-right,
-.b-toaster.b-toaster-bottom-left,
-.b-toaster.b-toaster-bottom-center,
-.b-toaster.b-toaster-bottom-full {
- position: fixed;
- left: 0.5rem;
- right: 0.5rem;
- margin: 0;
- padding: 0;
- height: 0;
- overflow: visible;
-}
-.b-toaster.b-toaster-top-right .b-toaster-slot,
-.b-toaster.b-toaster-top-left .b-toaster-slot,
-.b-toaster.b-toaster-top-center .b-toaster-slot,
-.b-toaster.b-toaster-top-full .b-toaster-slot,
-.b-toaster.b-toaster-bottom-right .b-toaster-slot,
-.b-toaster.b-toaster-bottom-left .b-toaster-slot,
-.b-toaster.b-toaster-bottom-center .b-toaster-slot,
-.b-toaster.b-toaster-bottom-full .b-toaster-slot {
- position: absolute;
- max-width: 350px;
- width: 100%;
- /* IE 11 fix */
- left: 0;
- right: 0;
- padding: 0;
- margin: 0;
-}
-.b-toaster.b-toaster-top-full .b-toaster-slot,
-.b-toaster.b-toaster-bottom-full .b-toaster-slot {
- width: 100%;
- max-width: 100%;
-}
-.b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,
-.b-toaster.b-toaster-top-full .b-toaster-slot .toast,
-.b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,
-.b-toaster.b-toaster-bottom-full .b-toaster-slot .toast {
- width: 100%;
- max-width: 100%;
-}
-.b-toaster.b-toaster-top-right,
-.b-toaster.b-toaster-top-left,
-.b-toaster.b-toaster-top-center,
-.b-toaster.b-toaster-top-full {
- top: 0;
-}
-.b-toaster.b-toaster-top-right .b-toaster-slot,
-.b-toaster.b-toaster-top-left .b-toaster-slot,
-.b-toaster.b-toaster-top-center .b-toaster-slot,
-.b-toaster.b-toaster-top-full .b-toaster-slot {
- top: 0.5rem;
-}
-.b-toaster.b-toaster-bottom-right,
-.b-toaster.b-toaster-bottom-left,
-.b-toaster.b-toaster-bottom-center,
-.b-toaster.b-toaster-bottom-full {
- bottom: 0;
-}
-.b-toaster.b-toaster-bottom-right .b-toaster-slot,
-.b-toaster.b-toaster-bottom-left .b-toaster-slot,
-.b-toaster.b-toaster-bottom-center .b-toaster-slot,
-.b-toaster.b-toaster-bottom-full .b-toaster-slot {
- bottom: 0.5rem;
-}
-.b-toaster.b-toaster-top-right .b-toaster-slot,
-.b-toaster.b-toaster-bottom-right .b-toaster-slot,
-.b-toaster.b-toaster-top-center .b-toaster-slot,
-.b-toaster.b-toaster-bottom-center .b-toaster-slot {
- margin-left: auto;
-}
-.b-toaster.b-toaster-top-left .b-toaster-slot,
-.b-toaster.b-toaster-bottom-left .b-toaster-slot,
-.b-toaster.b-toaster-top-center .b-toaster-slot,
-.b-toaster.b-toaster-bottom-center .b-toaster-slot {
- margin-right: auto;
-}
-.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active,
-.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
-.b-toaster.b-toaster-top-right .b-toast.b-toaster-move,
-.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active,
-.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
-.b-toaster.b-toaster-top-left .b-toast.b-toaster-move,
-.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active,
-.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
-.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move,
-.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active,
-.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,
-.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move {
- transition: -webkit-transform 0.175s;
- transition: transform 0.175s;
- transition: transform 0.175s, -webkit-transform 0.175s;
-}
-.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade,
-.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade,
-.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade,
-.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade,
-.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade,
-.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade,
-.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade,
-.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade {
- transition-delay: 0.175s;
-}
-.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
-.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
-.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
-.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active {
- position: absolute;
- transition-delay: 0.175s;
-}
-.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade,
-.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade,
-.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade,
-.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade {
- transition-delay: 0s;
-}
-.tooltip.b-tooltip {
- display: block;
- opacity: 1;
- outline: 0;
- transition: opacity 0.1s var(--appleEase);
-}
-.tooltip.b-tooltip.fade:not(.show) {
- opacity: 0;
-}
-.tooltip.b-tooltip.show {
- opacity: 0.9;
-}
-.tooltip.b-tooltip.noninteractive {
- pointer-events: none;
-}
-.tooltip.b-tooltip .arrow {
- margin: 0 0.25rem;
-}
-.tooltip.b-tooltip.bs-tooltip-right .arrow,
-.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow,
-.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow,
-.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow,
-.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow,
-.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow,
-.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow,
-.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow,
-.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow,
-.tooltip.b-tooltip.bs-tooltip-left .arrow,
-.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow,
-.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow,
-.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow,
-.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow,
-.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow,
-.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow,
-.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow,
-.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow {
- margin: 0.25rem 0;
-}
-.tooltip.b-tooltip-primary.bs-tooltip-top .arrow::before,
-.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before {
- border-top-color: #007bff;
-}
-.tooltip.b-tooltip-primary.bs-tooltip-right .arrow::before,
-.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before {
- border-right-color: #007bff;
-}
-.tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow::before,
-.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
- border-bottom-color: #007bff;
-}
-.tooltip.b-tooltip-primary.bs-tooltip-left .arrow::before,
-.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before {
- border-left-color: #007bff;
-}
-.tooltip.b-tooltip-primary .tooltip-inner {
- color: #fff;
- background-color: #007bff;
-}
-.tooltip.b-tooltip-secondary.bs-tooltip-top .arrow::before,
-.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow::before {
- border-top-color: #6c757d;
-}
-.tooltip.b-tooltip-secondary.bs-tooltip-right .arrow::before,
-.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow::before {
- border-right-color: #6c757d;
-}
-.tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow::before,
-.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
- border-bottom-color: #6c757d;
-}
-.tooltip.b-tooltip-secondary.bs-tooltip-left .arrow::before,
-.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow::before {
- border-left-color: #6c757d;
-}
-.tooltip.b-tooltip-secondary .tooltip-inner {
- color: #fff;
- background-color: #6c757d;
-}
-.tooltip.b-tooltip-success.bs-tooltip-top .arrow::before,
-.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow::before {
- border-top-color: #28a745;
-}
-.tooltip.b-tooltip-success.bs-tooltip-right .arrow::before,
-.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow::before {
- border-right-color: #28a745;
-}
-.tooltip.b-tooltip-success.bs-tooltip-bottom .arrow::before,
-.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
- border-bottom-color: #28a745;
-}
-.tooltip.b-tooltip-success.bs-tooltip-left .arrow::before,
-.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow::before {
- border-left-color: #28a745;
-}
-.tooltip.b-tooltip-success .tooltip-inner {
- color: #fff;
- background-color: #28a745;
-}
-.tooltip.b-tooltip-info.bs-tooltip-top .arrow::before,
-.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow::before {
- border-top-color: #17a2b8;
-}
-.tooltip.b-tooltip-info.bs-tooltip-right .arrow::before,
-.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow::before {
- border-right-color: #17a2b8;
-}
-.tooltip.b-tooltip-info.bs-tooltip-bottom .arrow::before,
-.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
- border-bottom-color: #17a2b8;
-}
-.tooltip.b-tooltip-info.bs-tooltip-left .arrow::before,
-.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow::before {
- border-left-color: #17a2b8;
-}
-.tooltip.b-tooltip-info .tooltip-inner {
- color: #fff;
- background-color: #17a2b8;
-}
-.tooltip.b-tooltip-warning.bs-tooltip-top .arrow::before,
-.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before {
- border-top-color: #ffc107;
-}
-.tooltip.b-tooltip-warning.bs-tooltip-right .arrow::before,
-.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before {
- border-right-color: #ffc107;
-}
-.tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow::before,
-.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
- border-bottom-color: #ffc107;
-}
-.tooltip.b-tooltip-warning.bs-tooltip-left .arrow::before,
-.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before {
- border-left-color: #ffc107;
-}
-.tooltip.b-tooltip-warning .tooltip-inner {
- color: #212529;
- background-color: #ffc107;
-}
-.tooltip.b-tooltip-danger.bs-tooltip-top .arrow::before,
-.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before {
- border-top-color: #dc3545;
-}
-.tooltip.b-tooltip-danger.bs-tooltip-right .arrow::before,
-.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before {
- border-right-color: #dc3545;
-}
-.tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow::before,
-.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
- border-bottom-color: #dc3545;
-}
-.tooltip.b-tooltip-danger.bs-tooltip-left .arrow::before,
-.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow::before {
- border-left-color: #dc3545;
-}
-.tooltip.b-tooltip-danger .tooltip-inner {
- color: #fff;
- background-color: #dc3545;
-}
-.tooltip.b-tooltip-light.bs-tooltip-top .arrow::before,
-.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before {
- border-top-color: #f8f9fa;
-}
-.tooltip.b-tooltip-light.bs-tooltip-right .arrow::before,
-.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before {
- border-right-color: #f8f9fa;
-}
-.tooltip.b-tooltip-light.bs-tooltip-bottom .arrow::before,
-.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
- border-bottom-color: #f8f9fa;
-}
-.tooltip.b-tooltip-light.bs-tooltip-left .arrow::before,
-.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before {
- border-left-color: #f8f9fa;
-}
-.tooltip.b-tooltip-light .tooltip-inner {
- color: #212529;
- background-color: #f8f9fa;
-}
-.tooltip.b-tooltip-dark.bs-tooltip-top .arrow::before,
-.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow::before {
- border-top-color: #343a40;
-}
-.tooltip.b-tooltip-dark.bs-tooltip-right .arrow::before,
-.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow::before {
- border-right-color: #343a40;
-}
-.tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow::before,
-.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
- border-bottom-color: #343a40;
-}
-.tooltip.b-tooltip-dark.bs-tooltip-left .arrow::before,
-.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow::before {
- border-left-color: #343a40;
-}
-.tooltip.b-tooltip-dark .tooltip-inner {
- color: #fff;
- background-color: #343a40;
-}
-.b-icon.bi {
- display: inline-block;
- overflow: visible;
- vertical-align: -0.15em;
-}
-.b-icon.b-icon-animation-cylon,
-.b-icon.b-iconstack .b-icon-animation-cylon > g {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
- animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-icon.b-icon-animation-cylon,
- .b-icon.b-iconstack .b-icon-animation-cylon > g {
- -webkit-animation: none;
- animation: none;
- }
-}
-.b-icon.b-icon-animation-cylon-vertical,
-.b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;
- animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-icon.b-icon-animation-cylon-vertical,
- .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
- -webkit-animation: none;
- animation: none;
- }
-}
-.b-icon.b-icon-animation-fade,
-.b-icon.b-iconstack .b-icon-animation-fade > g {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;
- animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-icon.b-icon-animation-fade,
- .b-icon.b-iconstack .b-icon-animation-fade > g {
- -webkit-animation: none;
- animation: none;
- }
-}
-.b-icon.b-icon-animation-spin,
-.b-icon.b-iconstack .b-icon-animation-spin > g {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-animation: 2s infinite linear normal b-icon-animation-spin;
- animation: 2s infinite linear normal b-icon-animation-spin;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-icon.b-icon-animation-spin,
- .b-icon.b-iconstack .b-icon-animation-spin > g {
- -webkit-animation: none;
- animation: none;
- }
-}
-.b-icon.b-icon-animation-spin-reverse,
-.b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
- -webkit-transform-origin: center;
- transform-origin: center;
- animation: 2s infinite linear reverse b-icon-animation-spin;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-icon.b-icon-animation-spin-reverse,
- .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
- -webkit-animation: none;
- animation: none;
- }
-}
-.b-icon.b-icon-animation-spin-pulse,
-.b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-animation: 1s infinite steps(8) normal b-icon-animation-spin;
- animation: 1s infinite steps(8) normal b-icon-animation-spin;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-icon.b-icon-animation-spin-pulse,
- .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
- -webkit-animation: none;
- animation: none;
- }
-}
-.b-icon.b-icon-animation-spin-reverse-pulse,
-.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
- -webkit-transform-origin: center;
- transform-origin: center;
- animation: 1s infinite steps(8) reverse b-icon-animation-spin;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-icon.b-icon-animation-spin-reverse-pulse,
- .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
- -webkit-animation: none;
- animation: none;
- }
-}
-.b-icon.b-icon-animation-throb,
-.b-icon.b-iconstack .b-icon-animation-throb > g {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;
- animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;
-}
-@media (prefers-reduced-motion: reduce) {
- .b-icon.b-icon-animation-throb,
- .b-icon.b-iconstack .b-icon-animation-throb > g {
- -webkit-animation: none;
- animation: none;
- }
-}
-@-webkit-keyframes b-icon-animation-cylon {
- 0% {
- -webkit-transform: translateX(-25%);
- transform: translateX(-25%);
- }
- 100% {
- -webkit-transform: translateX(25%);
- transform: translateX(25%);
- }
-}
-@keyframes b-icon-animation-cylon {
- 0% {
- -webkit-transform: translateX(-25%);
- transform: translateX(-25%);
- }
- 100% {
- -webkit-transform: translateX(25%);
- transform: translateX(25%);
- }
-}
-@-webkit-keyframes b-icon-animation-cylon-vertical {
- 0% {
- -webkit-transform: translateY(25%);
- transform: translateY(25%);
- }
- 100% {
- -webkit-transform: translateY(-25%);
- transform: translateY(-25%);
- }
-}
-@keyframes b-icon-animation-cylon-vertical {
- 0% {
- -webkit-transform: translateY(25%);
- transform: translateY(25%);
- }
- 100% {
- -webkit-transform: translateY(-25%);
- transform: translateY(-25%);
- }
-}
-@-webkit-keyframes b-icon-animation-fade {
- 0% {
- opacity: 0.1;
- }
- 100% {
- opacity: 1;
- }
-}
-@keyframes b-icon-animation-fade {
- 0% {
- opacity: 0.1;
- }
- 100% {
- opacity: 1;
- }
-}
-@-webkit-keyframes b-icon-animation-spin {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg);
- }
-}
-@keyframes b-icon-animation-spin {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg);
- }
-}
-@-webkit-keyframes b-icon-animation-throb {
- 0% {
- opacity: 0.5;
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
-}
-@keyframes b-icon-animation-throb {
- 0% {
- opacity: 0.5;
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
-}
-.btn .b-icon.bi,
-.nav-link .b-icon.bi,
-.dropdown-toggle .b-icon.bi,
-.dropdown-item .b-icon.bi,
-.input-group-text .b-icon.bi {
- font-size: 125%;
- vertical-align: text-bottom;
-}
-/*# sourceMappingURL=bootstrap-vue.css.map */
-:root {
- --appleEase: cubic-bezier(0.42, 0, 0.58, 1);
- --appleTransition: 0.2s var(--appleEase);
-}
-/* Simple CSS framework for Apple Music Electron */
-.md-labeltext {
- font-size: 14px;
- text-transform: uppercase;
- opacity: 0.75;
- font-weight: 500;
-}
-.md-option-container {
- /* border-radius: 10px; */
- overflow: hidden;
-}
-.md-option-line {
- display: flex;
- width: 100%;
- padding: 14px;
- background: var(--opaquePageBGColor);
- font-size: 0.85em;
-}
-.md-option-line.child {
- background: rgba(0, 0, 0, 0.15);
-}
-.md-option-segment.md-option-segment_auto {
- width: auto;
- white-space: nowrap;
-}
-.md-option-container .md-option-line:not(:last-child) {
- border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-}
-input[type="range"].md-slider {
- -webkit-appearance: none;
- height: 7px;
- background: rgba(255, 255, 255, 0.6);
- border-radius: 5px;
- background-size: 70% 100%;
- background-repeat: no-repeat;
-}
-input[type="range"].md-slider::-webkit-slider-thumb {
- -webkit-appearance: none;
- height: 20px;
- width: 20px;
- border-radius: 50%;
- background: #ffffff;
- cursor: ew-resize;
- box-shadow: 0 0 2px 0 #555;
-}
-input[type=range].md-slider::-webkit-slider-runnable-track {
- -webkit-appearance: none;
- box-shadow: none;
- border: none;
- background: transparent;
-}
-.md-option-header {
- padding: 10px;
- border-bottom: 1px solid rgba(200, 200, 200, 0.25);
- font-weight: 500;
- font-size: 0.9em;
- background: rgba(255, 255, 255, 0.1);
-}
-.md-option-segment {
- width: 100%;
- display: flex;
- justify-content: center;
- flex-direction: column;
-}
-.md-h1 {
- font-size: 3em;
- text-align: center;
-}
-.md-header {
- padding: 16px;
-}
-.md-header-title {
- padding: 18px;
- font-weight: 600;
- font-size: 16px;
- height: 55px;
- background: var(--opaquePageBGColor);
- border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-}
-.md-footer {
- padding: 16px;
- text-align: center;
-}
-.md-transparent {
- background: transparent;
-}
-.md-container {
- display: flex;
- flex-direction: column;
- height: 100%;
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100%;
- padding: 32px;
-}
-.md-container_panel {
- padding: 0px;
-}
-.md-body {
- height: 100%;
- padding: 16px;
- font-size: 1.25em;
-}
-@media (prefers-color-scheme: light) {
- .md-btn {
- box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 1px;
- border: 1px solid rgba(0, 0, 0, 0.15);
- }
- .md-close-btn {
- background-color: #000;
- }
-}
-/* Vue transitions */
-.fade_simple-enter-active,
-.fade_simple-leave-active {
- transition: all 0.5s;
-}
-.fade_simple-enter,
-.fade_simple-leave-to {
- opacity: 0;
-}
-.fade-enter-active,
-.fade-leave-active {
- transition: all 0.5s;
-}
-.fade-enter,
-.fade-leave-to {
- opacity: 0;
- transform: scale(0.95);
-}
-/* CSS Grids */
-.container,
-.container-fluid,
-.container-xxl,
-.container-xl,
-.container-lg,
-.container-md,
-.container-sm {
- width: 100%;
- padding-right: var(--bs-gutter-x, 0.75rem);
- padding-left: var(--bs-gutter-x, 0.75rem);
- margin-right: auto;
- margin-left: auto;
-}
-.row {
- --bs-gutter-x: 1.5rem;
- --bs-gutter-y: 0;
- display: flex;
- flex-wrap: wrap;
- /*margin-top: calc(-1 * var(--bs-gutter-y));*/
- /*margin-right: calc(-0.5 * var(--bs-gutter-x));*/
- /*margin-left: calc(-0.5 * var(--bs-gutter-x));*/
-}
-.row > * {
- box-sizing: border-box;
- flex-shrink: 0;
- width: 100%;
- max-width: 100%;
- padding-right: calc(var(--bs-gutter-x) * 0.5);
- padding-left: calc(var(--bs-gutter-x) * 0.5);
- margin-top: var(--bs-gutter-y);
-}
-.col {
- flex: 1 0 0%;
-}
-.row-cols-auto > * {
- flex: 0 0 auto;
- width: auto;
-}
-.row-cols-1 > * {
- flex: 0 0 auto;
- width: 100%;
-}
-.row-cols-2 > * {
- flex: 0 0 auto;
- width: 50%;
-}
-.row-cols-3 > * {
- flex: 0 0 auto;
- width: 33.33333333%;
-}
-.row-cols-4 > * {
- flex: 0 0 auto;
- width: 25%;
-}
-.row-cols-5 > * {
- flex: 0 0 auto;
- width: 20%;
-}
-.row-cols-6 > * {
- flex: 0 0 auto;
- width: 16.66666667%;
-}
-.col-auto {
- flex: 0 0 auto;
- width: auto;
-}
-@media only screen and (min-width: 1133px) and (max-width: 1233px) {
- .row .col-auto {
- display: none !important;
- }
-}
-.col-1 {
- flex: 0 0 auto;
- width: 8.33333333%;
-}
-.col-2 {
- flex: 0 0 auto;
- width: 16.66666667%;
-}
-.col-3 {
- flex: 0 0 auto;
- width: 25%;
-}
-.col-4 {
- flex: 0 0 auto;
- width: 33.33333333%;
-}
-.col-5 {
- flex: 0 0 auto;
- width: 41.66666667%;
-}
-.col-6 {
- flex: 0 0 auto;
- width: 50%;
-}
-.col-7 {
- flex: 0 0 auto;
- width: 58.33333333%;
-}
-.col-8 {
- flex: 0 0 auto;
- width: 66.66666667%;
-}
-.col-9 {
- flex: 0 0 auto;
- width: 75%;
-}
-.col-10 {
- flex: 0 0 auto;
- width: 83.33333333%;
-}
-.col-11 {
- flex: 0 0 auto;
- width: 91.66666667%;
-}
-.col-12 {
- flex: 0 0 auto;
- width: 100%;
-}
-.offset-1 {
- margin-left: 8.33333333%;
-}
-.offset-2 {
- margin-left: 16.66666667%;
-}
-.offset-3 {
- margin-left: 25%;
-}
-.offset-4 {
- margin-left: 33.33333333%;
-}
-.offset-5 {
- margin-left: 41.66666667%;
-}
-.offset-6 {
- margin-left: 50%;
-}
-.offset-7 {
- margin-left: 58.33333333%;
-}
-.offset-8 {
- margin-left: 66.66666667%;
-}
-.offset-9 {
- margin-left: 75%;
-}
-.offset-10 {
- margin-left: 83.33333333%;
-}
-.offset-11 {
- margin-left: 91.66666667%;
-}
-.g-0,
-.gx-0 {
- --bs-gutter-x: 0;
-}
-.g-0,
-.gy-0 {
- --bs-gutter-y: 0;
-}
-.g-1,
-.gx-1 {
- --bs-gutter-x: 0.25rem;
-}
-.g-1,
-.gy-1 {
- --bs-gutter-y: 0.25rem;
-}
-.g-2,
-.gx-2 {
- --bs-gutter-x: 0.5rem;
-}
-.g-2,
-.gy-2 {
- --bs-gutter-y: 0.5rem;
-}
-.g-3,
-.gx-3 {
- --bs-gutter-x: 1rem;
-}
-.g-3,
-.gy-3 {
- --bs-gutter-y: 1rem;
-}
-.g-4,
-.gx-4 {
- --bs-gutter-x: 1.5rem;
-}
-.g-4,
-.gy-4 {
- --bs-gutter-y: 1.5rem;
-}
-.g-5,
-.gx-5 {
- --bs-gutter-x: 3rem;
-}
-.g-5,
-.gy-5 {
- --bs-gutter-y: 3rem;
-}
-.d-inline {
- display: inline !important;
-}
-.d-inline-block {
- display: inline-block !important;
-}
-.d-block {
- display: block !important;
-}
-.d-grid {
- display: grid !important;
-}
-.d-table {
- display: table !important;
-}
-.d-table-row {
- display: table-row !important;
-}
-.d-table-cell {
- display: table-cell !important;
-}
-.d-flex {
- display: flex !important;
-}
-.d-inline-flex {
- display: inline-flex !important;
-}
-.d-none {
- display: none !important;
-}
-.flex-fill {
- flex: 1 1 auto !important;
-}
-.flex-row {
- flex-direction: row !important;
-}
-.flex-column {
- flex-direction: column !important;
-}
-.flex-row-reverse {
- flex-direction: row-reverse !important;
-}
-.flex-column-reverse {
- flex-direction: column-reverse !important;
-}
-.flex-grow-0 {
- flex-grow: 0 !important;
-}
-.flex-grow-1 {
- flex-grow: 1 !important;
-}
-.flex-shrink-0 {
- flex-shrink: 0 !important;
-}
-.flex-shrink-1 {
- flex-shrink: 1 !important;
-}
-.flex-wrap {
- flex-wrap: wrap !important;
-}
-.flex-nowrap {
- flex-wrap: nowrap !important;
-}
-.flex-wrap-reverse {
- flex-wrap: wrap-reverse !important;
-}
-.justify-content-start {
- justify-content: flex-start !important;
-}
-.justify-content-end {
- justify-content: flex-end !important;
-}
-.justify-content-center {
- justify-content: center !important;
-}
-.justify-content-between {
- justify-content: space-between !important;
-}
-.justify-content-around {
- justify-content: space-around !important;
-}
-.justify-content-evenly {
- justify-content: space-evenly !important;
-}
-.align-items-start {
- align-items: flex-start !important;
-}
-.align-items-end {
- align-items: flex-end !important;
-}
-.align-items-center {
- align-items: center !important;
-}
-.align-items-baseline {
- align-items: baseline !important;
-}
-.align-items-stretch {
- align-items: stretch !important;
-}
-.align-content-start {
- align-content: flex-start !important;
-}
-.align-content-end {
- align-content: flex-end !important;
-}
-.align-content-center {
- align-content: center !important;
-}
-.align-content-between {
- align-content: space-between !important;
-}
-.align-content-around {
- align-content: space-around !important;
-}
-.align-content-stretch {
- align-content: stretch !important;
-}
-.align-self-auto {
- align-self: auto !important;
-}
-.align-self-start {
- align-self: flex-start !important;
-}
-.align-self-end {
- align-self: flex-end !important;
-}
-.align-self-center {
- align-self: center !important;
-}
-.align-self-baseline {
- align-self: baseline !important;
-}
-.align-self-stretch {
- align-self: stretch !important;
-}
-.order-first {
- order: -1 !important;
-}
-.order-0 {
- order: 0 !important;
-}
-.order-1 {
- order: 1 !important;
-}
-.order-2 {
- order: 2 !important;
-}
-.order-3 {
- order: 3 !important;
-}
-.order-4 {
- order: 4 !important;
-}
-.order-5 {
- order: 5 !important;
-}
-.order-last {
- order: 6 !important;
-}
-.m-0 {
- margin: 0 !important;
-}
-.m-1 {
- margin: 0.25rem !important;
-}
-.m-2 {
- margin: 0.5rem !important;
-}
-.m-3 {
- margin: 1rem !important;
-}
-.m-4 {
- margin: 1.5rem !important;
-}
-.m-5 {
- margin: 3rem !important;
-}
-.m-auto {
- margin: auto !important;
-}
-.mx-0 {
- margin-right: 0 !important;
- margin-left: 0 !important;
-}
-.mx-1 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important;
-}
-.mx-2 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important;
-}
-.mx-3 {
- margin-right: 1rem !important;
- margin-left: 1rem !important;
-}
-.mx-4 {
- margin-right: 1.5rem !important;
- margin-left: 1.5rem !important;
-}
-.mx-5 {
- margin-right: 3rem !important;
- margin-left: 3rem !important;
-}
-.mx-auto {
- margin-right: auto !important;
- margin-left: auto !important;
-}
-.my-0 {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
-}
-.my-1 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important;
-}
-.my-2 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
-}
-.my-3 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important;
-}
-.my-4 {
- margin-top: 1.5rem !important;
- margin-bottom: 1.5rem !important;
-}
-.my-5 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important;
-}
-.my-auto {
- margin-top: auto !important;
- margin-bottom: auto !important;
-}
-.mt-0 {
- margin-top: 0 !important;
-}
-.mt-1 {
- margin-top: 0.25rem !important;
-}
-.mt-2 {
- margin-top: 0.5rem !important;
-}
-.mt-3 {
- margin-top: 1rem !important;
-}
-.mt-4 {
- margin-top: 1.5rem !important;
-}
-.mt-5 {
- margin-top: 3rem !important;
-}
-.mt-auto {
- margin-top: auto !important;
-}
-.me-0 {
- margin-right: 0 !important;
-}
-.me-1 {
- margin-right: 0.25rem !important;
-}
-.me-2 {
- margin-right: 0.5rem !important;
-}
-.me-3 {
- margin-right: 1rem !important;
-}
-.me-4 {
- margin-right: 1.5rem !important;
-}
-.me-5 {
- margin-right: 3rem !important;
-}
-.me-auto {
- margin-right: auto !important;
-}
-.mb-0 {
- margin-bottom: 0 !important;
-}
-.mb-1 {
- margin-bottom: 0.25rem !important;
-}
-.mb-2 {
- margin-bottom: 0.5rem !important;
-}
-.mb-3 {
- margin-bottom: 1rem !important;
-}
-.mb-4 {
- margin-bottom: 1.5rem !important;
-}
-.mb-5 {
- margin-bottom: 3rem !important;
-}
-.mb-auto {
- margin-bottom: auto !important;
-}
-.ms-0 {
- margin-left: 0 !important;
-}
-.ms-1 {
- margin-left: 0.25rem !important;
-}
-.ms-2 {
- margin-left: 0.5rem !important;
-}
-.ms-3 {
- margin-left: 1rem !important;
-}
-.ms-4 {
- margin-left: 1.5rem !important;
-}
-.ms-5 {
- margin-left: 3rem !important;
-}
-.ms-auto {
- margin-left: auto !important;
-}
-.p-0 {
- padding: 0 !important;
-}
-.p-1 {
- padding: 0.25rem !important;
-}
-.p-2 {
- padding: 0.5rem !important;
-}
-.p-3 {
- padding: 1rem !important;
-}
-.p-4 {
- padding: 1.5rem !important;
-}
-.p-5 {
- padding: 3rem !important;
-}
-.px-0 {
- padding-right: 0 !important;
- padding-left: 0 !important;
-}
-.px-1 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important;
-}
-.px-2 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important;
-}
-.px-3 {
- padding-right: 1rem !important;
- padding-left: 1rem !important;
-}
-.px-4 {
- padding-right: 1.5rem !important;
- padding-left: 1.5rem !important;
-}
-.px-5 {
- padding-right: 3rem !important;
- padding-left: 3rem !important;
-}
-.py-0 {
- padding-top: 0 !important;
- padding-bottom: 0 !important;
-}
-.py-1 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important;
-}
-.py-2 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important;
-}
-.py-3 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important;
-}
-.py-4 {
- padding-top: 1.5rem !important;
- padding-bottom: 1.5rem !important;
-}
-.py-5 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important;
-}
-.pt-0 {
- padding-top: 0 !important;
-}
-.pt-1 {
- padding-top: 0.25rem !important;
-}
-.pt-2 {
- padding-top: 0.5rem !important;
-}
-.pt-3 {
- padding-top: 1rem !important;
-}
-.pt-4 {
- padding-top: 1.5rem !important;
-}
-.pt-5 {
- padding-top: 3rem !important;
-}
-.pe-0 {
- padding-right: 0 !important;
-}
-.pe-1 {
- padding-right: 0.25rem !important;
-}
-.pe-2 {
- padding-right: 0.5rem !important;
-}
-.pe-3 {
- padding-right: 1rem !important;
-}
-.pe-4 {
- padding-right: 1.5rem !important;
-}
-.pe-5 {
- padding-right: 3rem !important;
-}
-.pb-0 {
- padding-bottom: 0 !important;
-}
-.pb-1 {
- padding-bottom: 0.25rem !important;
-}
-.pb-2 {
- padding-bottom: 0.5rem !important;
-}
-.pb-3 {
- padding-bottom: 1rem !important;
-}
-.pb-4 {
- padding-bottom: 1.5rem !important;
-}
-.pb-5 {
- padding-bottom: 3rem !important;
-}
-.ps-0 {
- padding-left: 0 !important;
-}
-.ps-1 {
- padding-left: 0.25rem !important;
-}
-.ps-2 {
- padding-left: 0.5rem !important;
-}
-.ps-3 {
- padding-left: 1rem !important;
-}
-.ps-4 {
- padding-left: 1.5rem !important;
-}
-.ps-5 {
- padding-left: 3rem !important;
-}
-.dropup,
-.dropend,
-.dropdown,
-.dropstart {
- position: relative;
-}
-.dropdown-toggle {
- white-space: nowrap;
-}
-.dropdown-toggle::after {
- display: inline-block;
- margin-left: 0.255em;
- vertical-align: 0.255em;
- content: "";
- border-top: 0.3em solid;
- border-right: 0.3em solid transparent;
- border-bottom: 0;
- border-left: 0.3em solid transparent;
-}
-.dropdown-toggle:empty::after {
- margin-left: 0;
-}
-.dropdown-menu {
- position: absolute;
- z-index: 1000;
- display: none;
- min-width: 10rem;
- padding: 0.5rem 0;
- margin: 0;
- font-size: 1rem;
- color: #212529;
- text-align: left;
- list-style: none;
- background-color: var(--color1);
- background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 0.25rem;
- box-shadow: var(--mediaItemShadow), var(--mediaItemShadow-ShadowSubtle);
- backdrop-filter: var(--glassFilter);
-}
-.dropdown-menu[data-bs-popper] {
- top: 100%;
- left: 0;
- margin-top: 0.125rem;
-}
-.dropdown-menu-start {
- --bs-position: start;
-}
-.dropdown-menu-start[data-bs-popper] {
- right: auto;
- left: 0;
-}
-.dropdown-menu-end {
- --bs-position: end;
-}
-.dropdown-menu-end[data-bs-popper] {
- right: 0;
- left: auto;
-}
-@media (min-width: 576px) {
- .dropdown-menu-sm-start {
- --bs-position: start;
- }
- .dropdown-menu-sm-start[data-bs-popper] {
- right: auto;
- left: 0;
- }
- .dropdown-menu-sm-end {
- --bs-position: end;
- }
- .dropdown-menu-sm-end[data-bs-popper] {
- right: 0;
- left: auto;
- }
-}
-@media (min-width: 768px) {
- .dropdown-menu-md-start {
- --bs-position: start;
- }
- .dropdown-menu-md-start[data-bs-popper] {
- right: auto;
- left: 0;
- }
- .dropdown-menu-md-end {
- --bs-position: end;
- }
- .dropdown-menu-md-end[data-bs-popper] {
- right: 0;
- left: auto;
- }
-}
-@media (min-width: 992px) {
- .dropdown-menu-lg-start {
- --bs-position: start;
- }
- .dropdown-menu-lg-start[data-bs-popper] {
- right: auto;
- left: 0;
- }
- .dropdown-menu-lg-end {
- --bs-position: end;
- }
- .dropdown-menu-lg-end[data-bs-popper] {
- right: 0;
- left: auto;
- }
-}
-@media (min-width: 1200px) {
- .dropdown-menu-xl-start {
- --bs-position: start;
- }
- .dropdown-menu-xl-start[data-bs-popper] {
- right: auto;
- left: 0;
- }
- .dropdown-menu-xl-end {
- --bs-position: end;
- }
- .dropdown-menu-xl-end[data-bs-popper] {
- right: 0;
- left: auto;
- }
-}
-@media (min-width: 1400px) {
- .dropdown-menu-xxl-start {
- --bs-position: start;
- }
- .dropdown-menu-xxl-start[data-bs-popper] {
- right: auto;
- left: 0;
- }
- .dropdown-menu-xxl-end {
- --bs-position: end;
- }
- .dropdown-menu-xxl-end[data-bs-popper] {
- right: 0;
- left: auto;
- }
-}
-.dropup .dropdown-menu[data-bs-popper] {
- top: auto;
- bottom: 100%;
- margin-top: 0;
- margin-bottom: 0.125rem;
-}
-.dropup .dropdown-toggle::after {
- display: inline-block;
- margin-left: 0.255em;
- vertical-align: 0.255em;
- content: "";
- border-top: 0;
- border-right: 0.3em solid transparent;
- border-bottom: 0.3em solid;
- border-left: 0.3em solid transparent;
-}
-.dropup .dropdown-toggle:empty::after {
- margin-left: 0;
-}
-.dropend .dropdown-menu[data-bs-popper] {
- top: 0;
- right: auto;
- left: 100%;
- margin-top: 0;
- margin-left: 0.125rem;
-}
-.dropend .dropdown-toggle::after {
- display: inline-block;
- margin-left: 0.255em;
- vertical-align: 0.255em;
- content: "";
- border-top: 0.3em solid transparent;
- border-right: 0;
- border-bottom: 0.3em solid transparent;
- border-left: 0.3em solid;
-}
-.dropend .dropdown-toggle:empty::after {
- margin-left: 0;
-}
-.dropend .dropdown-toggle::after {
- vertical-align: 0;
-}
-.dropstart .dropdown-menu[data-bs-popper] {
- top: 0;
- right: 100%;
- left: auto;
- margin-top: 0;
- margin-right: 0.125rem;
-}
-.dropstart .dropdown-toggle::after {
- display: inline-block;
- margin-left: 0.255em;
- vertical-align: 0.255em;
- content: "";
-}
-.dropstart .dropdown-toggle::after {
- display: none;
-}
-.dropstart .dropdown-toggle::before {
- display: inline-block;
- margin-right: 0.255em;
- vertical-align: 0.255em;
- content: "";
- border-top: 0.3em solid transparent;
- border-right: 0.3em solid;
- border-bottom: 0.3em solid transparent;
-}
-.dropstart .dropdown-toggle:empty::after {
- margin-left: 0;
-}
-.dropstart .dropdown-toggle::before {
- vertical-align: 0;
-}
-.dropdown-divider {
- height: 0;
- margin: 0.5rem 0;
- overflow: hidden;
- border-top: 1px solid rgba(0, 0, 0, 0.15);
-}
-.dropdown-item {
- display: block;
- width: 100%;
- padding: 0.25rem 1rem;
- clear: both;
- font-weight: 400;
- color: #212529;
- text-align: inherit;
- text-decoration: none;
- white-space: nowrap;
- background-color: transparent;
- border: 0;
-}
-.dropdown-item:hover,
-.dropdown-item:focus {
- color: #1e2125;
- background-color: #e9ecef;
-}
-.dropdown-item.active,
-.dropdown-item:active {
- color: #fff;
- text-decoration: none;
- background-color: #0d6efd;
-}
-.dropdown-item.disabled,
-.dropdown-item:disabled {
- color: #adb5bd;
- pointer-events: none;
- background-color: transparent;
-}
-.dropdown-menu.show {
- display: block;
-}
-.dropdown-header {
- display: block;
- padding: 0.5rem 1rem;
- margin-bottom: 0;
- font-size: 0.875rem;
- color: #6c757d;
- white-space: nowrap;
-}
-.dropdown-item-text {
- display: block;
- padding: 0.25rem 1rem;
- color: #212529;
-}
-.dropdown-menu-dark {
- color: #dee2e6;
- background-color: #343a40;
- border-color: rgba(0, 0, 0, 0.15);
-}
-.dropdown-menu-dark .dropdown-item {
- color: #dee2e6;
-}
-.dropdown-menu-dark .dropdown-item:hover,
-.dropdown-menu-dark .dropdown-item:focus {
- color: #fff;
- background-color: rgba(255, 255, 255, 0.15);
-}
-.dropdown-menu-dark .dropdown-item.active,
-.dropdown-menu-dark .dropdown-item:active {
- color: #fff;
- background-color: #0d6efd;
-}
-.dropdown-menu-dark .dropdown-item.disabled,
-.dropdown-menu-dark .dropdown-item:disabled {
- color: #adb5bd;
-}
-.dropdown-menu-dark .dropdown-divider {
- border-color: rgba(0, 0, 0, 0.15);
-}
-.dropdown-menu-dark .dropdown-item-text {
- color: #dee2e6;
-}
-.dropdown-menu-dark .dropdown-header {
- color: #adb5bd;
-}
-.list-group {
- display: flex;
- flex-direction: column;
- padding-left: 0;
- margin-bottom: 0;
- border-radius: 0.25rem;
-}
-.list-group-numbered {
- list-style-type: none;
- counter-reset: section;
-}
-.list-group-numbered > li::before {
- content: counters(section, ".") ". ";
- counter-increment: section;
-}
-.list-group-item-action {
- width: 100%;
- color: #495057;
- text-align: inherit;
-}
-.list-group-item-action:hover,
-.list-group-item-action:focus {
- z-index: 1;
- color: #495057;
- text-decoration: none;
- background-color: #f8f9fa;
-}
-.list-group-item-action:active {
- color: #212529;
- background-color: #e9ecef;
-}
-.list-group-item {
- position: relative;
- display: block;
- padding: 0.5rem 1rem;
- color: #212529;
- text-decoration: none;
- background-color: #fff;
- border: 1px solid rgba(0, 0, 0, 0.125);
-}
-.list-group-item:first-child {
- border-top-left-radius: inherit;
- border-top-right-radius: inherit;
-}
-.list-group-item:last-child {
- border-bottom-right-radius: inherit;
- border-bottom-left-radius: inherit;
-}
-.list-group-item.disabled,
-.list-group-item:disabled {
- color: #6c757d;
- pointer-events: none;
- background-color: #fff;
-}
-.list-group-item.active {
- z-index: 2;
- color: #fff;
- background-color: #0d6efd;
- border-color: #0d6efd;
-}
-.list-group-item + .list-group-item {
- border-top-width: 0;
-}
-.list-group-item + .list-group-item.active {
- margin-top: -1px;
- border-top-width: 1px;
-}
-.list-group-horizontal {
- flex-direction: row;
-}
-.list-group-horizontal > .list-group-item:first-child {
- border-bottom-left-radius: 0.25rem;
- border-top-right-radius: 0;
-}
-.list-group-horizontal > .list-group-item:last-child {
- border-top-right-radius: 0.25rem;
- border-bottom-left-radius: 0;
-}
-.list-group-horizontal > .list-group-item.active {
- margin-top: 0;
-}
-.list-group-horizontal > .list-group-item + .list-group-item {
- border-top-width: 1px;
- border-left-width: 0;
-}
-.list-group-horizontal > .list-group-item + .list-group-item.active {
- margin-left: -1px;
- border-left-width: 1px;
-}
-@media (min-width: 576px) {
- .list-group-horizontal-sm {
- flex-direction: row;
- }
- .list-group-horizontal-sm > .list-group-item:first-child {
- border-bottom-left-radius: 0.25rem;
- border-top-right-radius: 0;
- }
- .list-group-horizontal-sm > .list-group-item:last-child {
- border-top-right-radius: 0.25rem;
- border-bottom-left-radius: 0;
- }
- .list-group-horizontal-sm > .list-group-item.active {
- margin-top: 0;
- }
- .list-group-horizontal-sm > .list-group-item + .list-group-item {
- border-top-width: 1px;
- border-left-width: 0;
- }
- .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
- margin-left: -1px;
- border-left-width: 1px;
- }
-}
-@media (min-width: 768px) {
- .list-group-horizontal-md {
- flex-direction: row;
- }
- .list-group-horizontal-md > .list-group-item:first-child {
- border-bottom-left-radius: 0.25rem;
- border-top-right-radius: 0;
- }
- .list-group-horizontal-md > .list-group-item:last-child {
- border-top-right-radius: 0.25rem;
- border-bottom-left-radius: 0;
- }
- .list-group-horizontal-md > .list-group-item.active {
- margin-top: 0;
- }
- .list-group-horizontal-md > .list-group-item + .list-group-item {
- border-top-width: 1px;
- border-left-width: 0;
- }
- .list-group-horizontal-md > .list-group-item + .list-group-item.active {
- margin-left: -1px;
- border-left-width: 1px;
- }
-}
-@media (min-width: 992px) {
- .list-group-horizontal-lg {
- flex-direction: row;
- }
- .list-group-horizontal-lg > .list-group-item:first-child {
- border-bottom-left-radius: 0.25rem;
- border-top-right-radius: 0;
- }
- .list-group-horizontal-lg > .list-group-item:last-child {
- border-top-right-radius: 0.25rem;
- border-bottom-left-radius: 0;
- }
- .list-group-horizontal-lg > .list-group-item.active {
- margin-top: 0;
- }
- .list-group-horizontal-lg > .list-group-item + .list-group-item {
- border-top-width: 1px;
- border-left-width: 0;
- }
- .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
- margin-left: -1px;
- border-left-width: 1px;
- }
-}
-@media (min-width: 1200px) {
- .list-group-horizontal-xl {
- flex-direction: row;
- }
- .list-group-horizontal-xl > .list-group-item:first-child {
- border-bottom-left-radius: 0.25rem;
- border-top-right-radius: 0;
- }
- .list-group-horizontal-xl > .list-group-item:last-child {
- border-top-right-radius: 0.25rem;
- border-bottom-left-radius: 0;
- }
- .list-group-horizontal-xl > .list-group-item.active {
- margin-top: 0;
- }
- .list-group-horizontal-xl > .list-group-item + .list-group-item {
- border-top-width: 1px;
- border-left-width: 0;
- }
- .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
- margin-left: -1px;
- border-left-width: 1px;
- }
-}
-@media (min-width: 1400px) {
- .list-group-horizontal-xxl {
- flex-direction: row;
- }
- .list-group-horizontal-xxl > .list-group-item:first-child {
- border-bottom-left-radius: 0.25rem;
- border-top-right-radius: 0;
- }
- .list-group-horizontal-xxl > .list-group-item:last-child {
- border-top-right-radius: 0.25rem;
- border-bottom-left-radius: 0;
- }
- .list-group-horizontal-xxl > .list-group-item.active {
- margin-top: 0;
- }
- .list-group-horizontal-xxl > .list-group-item + .list-group-item {
- border-top-width: 1px;
- border-left-width: 0;
- }
- .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
- margin-left: -1px;
- border-left-width: 1px;
- }
-}
-.list-group-flush {
- border-radius: 0;
-}
-.list-group-flush > .list-group-item {
- border-width: 0 0 1px;
-}
-.list-group-flush > .list-group-item:last-child {
- border-bottom-width: 0;
-}
-.list-group-item-primary {
- color: #084298;
- background-color: #cfe2ff;
-}
-.list-group-item-primary.list-group-item-action:hover,
-.list-group-item-primary.list-group-item-action:focus {
- color: #084298;
- background-color: #bacbe6;
-}
-.list-group-item-primary.list-group-item-action.active {
- color: #fff;
- background-color: #084298;
- border-color: #084298;
-}
-.list-group-item-secondary {
- color: #41464b;
- background-color: #e2e3e5;
-}
-.list-group-item-secondary.list-group-item-action:hover,
-.list-group-item-secondary.list-group-item-action:focus {
- color: #41464b;
- background-color: #cbccce;
-}
-.list-group-item-secondary.list-group-item-action.active {
- color: #fff;
- background-color: #41464b;
- border-color: #41464b;
-}
-.list-group-item-success {
- color: #0f5132;
- background-color: #d1e7dd;
-}
-.list-group-item-success.list-group-item-action:hover,
-.list-group-item-success.list-group-item-action:focus {
- color: #0f5132;
- background-color: #bcd0c7;
-}
-.list-group-item-success.list-group-item-action.active {
- color: #fff;
- background-color: #0f5132;
- border-color: #0f5132;
-}
-.list-group-item-info {
- color: #055160;
- background-color: #cff4fc;
-}
-.list-group-item-info.list-group-item-action:hover,
-.list-group-item-info.list-group-item-action:focus {
- color: #055160;
- background-color: #badce3;
-}
-.list-group-item-info.list-group-item-action.active {
- color: #fff;
- background-color: #055160;
- border-color: #055160;
-}
-.list-group-item-warning {
- color: #664d03;
- background-color: #fff3cd;
-}
-.list-group-item-warning.list-group-item-action:hover,
-.list-group-item-warning.list-group-item-action:focus {
- color: #664d03;
- background-color: #e6dbb9;
-}
-.list-group-item-warning.list-group-item-action.active {
- color: #fff;
- background-color: #664d03;
- border-color: #664d03;
-}
-.list-group-item-danger {
- color: #842029;
- background-color: #f8d7da;
-}
-.list-group-item-danger.list-group-item-action:hover,
-.list-group-item-danger.list-group-item-action:focus {
- color: #842029;
- background-color: #dfc2c4;
-}
-.list-group-item-danger.list-group-item-action.active {
- color: #fff;
- background-color: #842029;
- border-color: #842029;
-}
-.list-group-item-light {
- color: #636464;
- background-color: #fefefe;
-}
-.list-group-item-light.list-group-item-action:hover,
-.list-group-item-light.list-group-item-action:focus {
- color: #636464;
- background-color: #e5e5e5;
-}
-.list-group-item-light.list-group-item-action.active {
- color: #fff;
- background-color: #636464;
- border-color: #636464;
-}
-.list-group-item-dark {
- color: var(--textColor);
- background-color: #333;
-}
-.list-group-item-dark.list-group-item-action:hover,
-.list-group-item-dark.list-group-item-action:focus {
- color: #141619;
- background-color: #bebebf;
-}
-.list-group-item-dark.list-group-item-action.active {
- color: #fff;
- background-color: #141619;
- border-color: #141619;
-}
-.toast {
- width: 350px;
- max-width: 100%;
- font-size: 0.875rem;
- pointer-events: auto;
- background-color: rgba(255, 255, 255, 0.85);
- background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.1);
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
- border-radius: 0.25rem;
-}
-.toast.showing {
- opacity: 0;
-}
-.toast:not(.show) {
- display: none;
-}
-.toast-container {
- width: -webkit-max-content;
- width: -moz-max-content;
- width: max-content;
- max-width: 100%;
- pointer-events: none;
-}
-.toast-container > :not(:last-child) {
- margin-bottom: 0.75rem;
-}
-.toast-header {
- display: flex;
- align-items: center;
- padding: 0.5rem 0.75rem;
- color: #6c757d;
- background-color: rgba(255, 255, 255, 0.85);
- background-clip: padding-box;
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
- border-top-left-radius: calc(0.25rem - 1px);
- border-top-right-radius: calc(0.25rem - 1px);
-}
-.toast-header .btn-close {
- margin-right: -0.375rem;
- margin-left: 0.75rem;
-}
-.toast-body {
- padding: 0.75rem;
- word-wrap: break-word;
-}
-.card {
- position: relative;
- display: flex;
- flex-direction: column;
- min-width: 0;
- word-wrap: break-word;
- background-color: #333;
- background-clip: border-box;
- border: 1px solid rgba(0, 0, 0, 0.125);
- border-radius: 0.25rem;
-}
-.card > hr {
- margin-right: 0;
- margin-left: 0;
-}
-.card > .list-group {
- border-top: inherit;
- border-bottom: inherit;
-}
-.card > .list-group:first-child {
- border-top-width: 0;
- border-top-left-radius: calc(0.25rem - 1px);
- border-top-right-radius: calc(0.25rem - 1px);
-}
-.card > .list-group:last-child {
- border-bottom-width: 0;
- border-bottom-right-radius: calc(0.25rem - 1px);
- border-bottom-left-radius: calc(0.25rem - 1px);
-}
-.card > .card-header + .list-group,
-.card > .list-group + .card-footer {
- border-top: 0;
-}
-.card-body {
- flex: 1 1 auto;
- padding: 1rem 1rem;
-}
-.card-title {
- margin-bottom: 0.5rem;
-}
-.card-subtitle {
- margin-top: -0.25rem;
- margin-bottom: 0;
-}
-.card-text:last-child {
- margin-bottom: 0;
-}
-.card-link + .card-link {
- margin-left: 1rem;
-}
-.card-header {
- padding: 0.5rem 1rem;
- margin-bottom: 0;
- background-color: rgba(0, 0, 0, 0.03);
- border-bottom: 1px solid rgba(0, 0, 0, 0.125);
-}
-.card-header:first-child {
- border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
-}
-.card-footer {
- padding: 0.5rem 1rem;
- background-color: rgba(0, 0, 0, 0.03);
- border-top: 1px solid rgba(0, 0, 0, 0.125);
- text-align: center;
-}
-.card-footer:last-child {
- border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
-}
-.card-header-tabs {
- margin-right: -0.5rem;
- margin-bottom: -0.5rem;
- margin-left: -0.5rem;
- border-bottom: 0;
-}
-.card-header-pills {
- margin-right: -0.5rem;
- margin-left: -0.5rem;
-}
-.card-img-overlay {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- padding: 1rem;
- border-radius: calc(0.25rem - 1px);
-}
-.card-img,
-.card-img-top,
-.card-img-bottom {
- width: 100%;
-}
-.card-img,
-.card-img-top {
- border-top-left-radius: calc(0.25rem - 1px);
- border-top-right-radius: calc(0.25rem - 1px);
-}
-.card-img,
-.card-img-bottom {
- border-bottom-right-radius: calc(0.25rem - 1px);
- border-bottom-left-radius: calc(0.25rem - 1px);
-}
-.card-group > .card {
- margin-bottom: 0.75rem;
-}
-@media (min-width: 576px) {
- .card-group {
- display: flex;
- flex-flow: row wrap;
- }
- .card-group > .card {
- flex: 1 0 0%;
- margin-bottom: 0;
- }
- .card-group > .card + .card {
- margin-left: 0;
- border-left: 0;
- }
- .card-group > .card:not(:last-child) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .card-group > .card:not(:last-child) .card-img-top,
- .card-group > .card:not(:last-child) .card-header {
- border-top-right-radius: 0;
- }
- .card-group > .card:not(:last-child) .card-img-bottom,
- .card-group > .card:not(:last-child) .card-footer {
- border-bottom-right-radius: 0;
- }
- .card-group > .card:not(:first-child) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .card-group > .card:not(:first-child) .card-img-top,
- .card-group > .card:not(:first-child) .card-header {
- border-top-left-radius: 0;
- }
- .card-group > .card:not(:first-child) .card-img-bottom,
- .card-group > .card:not(:first-child) .card-footer {
- border-bottom-left-radius: 0;
- }
-}
-.modal {
- position: fixed;
- top: 0;
- left: 0;
- z-index: 1055;
- display: none;
- width: 100%;
- height: 100%;
- overflow-x: hidden;
- overflow-y: auto;
- outline: 0;
- user-select: none;
-}
-.modal .close {
- width: 50px;
- height: 42px;
- background-image: var(--gfx-closeBtn);
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
- appearance: none;
- border: 0;
- background-color: transparent;
- position: absolute;
- top: 0;
- right: 0;
-}
-.modal .close:hover {
- background-color: #c42b1c;
-}
-.modal-dialog {
- position: relative;
- width: auto;
- margin: 0.5rem;
- pointer-events: none;
- color: var(--textColor);
-}
-.modal.fade .modal-dialog {
- transition: transform 0.1s var(--appleEase), opacity 0.1s var(--appleEase);
- transform: scale(0.9);
- opacity: 0;
-}
-.fade {
- transition: opacity 0.15s var(--appleEase);
-}
-@media (prefers-reduced-motion: reduce) {
- .fade {
- transition: none;
- }
-}
-.fade:not(.show) {
- opacity: 0;
-}
-@media (prefers-reduced-motion: reduce) {
- .modal.fade .modal-dialog {
- transition: none;
- }
-}
-.modal.show .modal-dialog {
- transform: none;
- opacity: 1;
-}
-.modal.modal-static .modal-dialog {
- transform: scale(1.02);
-}
-.modal-dialog-scrollable {
- height: calc(100% - 1rem);
-}
-.modal-dialog-scrollable .modal-content {
- max-height: 100%;
- overflow: hidden;
-}
-.modal-dialog-scrollable .modal-body {
- overflow-y: auto;
-}
-.modal-dialog-centered {
- display: flex;
- align-items: center;
- min-height: calc(100% - 1rem);
-}
-.modal-content {
- position: relative;
- display: flex;
- flex-direction: column;
- width: 100%;
- pointer-events: auto;
- background-color: var(--modalBackground);
- background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: var(--panelRadius);
- outline: 0;
- box-shadow: var(--ciderShadow-Generic);
- overflow: hidden;
-}
-.modal-backdrop {
- position: fixed;
- top: 0;
- left: 0;
- z-index: 1050;
- width: 100vw;
- height: 100vh;
- background-color: #000;
-}
-.modal-backdrop.fade {
- opacity: 0;
-}
-.modal-backdrop.show {
- opacity: 0.5;
-}
-.modal-header {
- display: flex;
- flex-shrink: 0;
- align-items: center;
- justify-content: space-between;
- padding: 1rem 1rem;
- border-top-left-radius: calc(0.3rem - 1px);
- border-top-right-radius: calc(0.3rem - 1px);
-}
-.modal-header .btn-close {
- padding: 0.5rem 0.5rem;
- margin: -0.5rem -0.5rem -0.5rem auto;
-}
-.modal-title {
- line-height: 1.5;
- margin: 0;
- font-size: 1em;
-}
-.modal-body {
- position: relative;
- flex: 1 1 auto;
- padding: 3rem 1rem 1rem 1rem;
-}
-.modal-footer {
- display: flex;
- flex-wrap: wrap;
- flex-shrink: 0;
- align-items: center;
- justify-content: flex-end;
- padding: 0.75rem;
- border-bottom-right-radius: calc(0.3rem - 1px);
- border-bottom-left-radius: calc(0.3rem - 1px);
-}
-.modal-footer > * {
- margin: 0.25rem;
-}
-@media (min-width: 576px) {
- .modal-dialog {
- max-width: 500px;
- margin: 1.75rem auto;
- }
- .modal-dialog-scrollable {
- height: calc(100% - 3.5rem);
- }
- .modal-dialog-centered {
- min-height: calc(100% - 3.5rem);
- }
- .modal-sm {
- max-width: 300px;
- }
-}
-@media (min-width: 992px) {
- .modal-lg,
- .modal-xl {
- max-width: 800px;
- }
-}
-@media (min-width: 1200px) {
- .modal-xl {
- max-width: 1140px;
- }
-}
-.modal-fullscreen {
- width: 100vw;
- max-width: none;
- height: 100%;
- margin: 0;
-}
-.modal-fullscreen .modal-content {
- height: 100%;
- border: 0;
- border-radius: 0;
-}
-.modal-fullscreen .modal-header {
- border-radius: 0;
-}
-.modal-fullscreen .modal-body {
- overflow-y: auto;
-}
-.modal-fullscreen .modal-footer {
- border-radius: 0;
-}
-@media (max-width: 575.98px) {
- .modal-fullscreen-sm-down {
- width: 100vw;
- max-width: none;
- height: 100%;
- margin: 0;
- }
- .modal-fullscreen-sm-down .modal-content {
- height: 100%;
- border: 0;
- border-radius: 0;
- }
- .modal-fullscreen-sm-down .modal-header {
- border-radius: 0;
- }
- .modal-fullscreen-sm-down .modal-body {
- overflow-y: auto;
- }
- .modal-fullscreen-sm-down .modal-footer {
- border-radius: 0;
- }
-}
-@media (max-width: 767.98px) {
- .modal-fullscreen-md-down {
- width: 100vw;
- max-width: none;
- height: 100%;
- margin: 0;
- }
- .modal-fullscreen-md-down .modal-content {
- height: 100%;
- border: 0;
- border-radius: 0;
- }
- .modal-fullscreen-md-down .modal-header {
- border-radius: 0;
- }
- .modal-fullscreen-md-down .modal-body {
- overflow-y: auto;
- }
- .modal-fullscreen-md-down .modal-footer {
- border-radius: 0;
- }
-}
-@media (max-width: 991.98px) {
- .modal-fullscreen-lg-down {
- width: 100vw;
- max-width: none;
- height: 100%;
- margin: 0;
- }
- .modal-fullscreen-lg-down .modal-content {
- height: 100%;
- border: 0;
- border-radius: 0;
- }
- .modal-fullscreen-lg-down .modal-header {
- border-radius: 0;
- }
- .modal-fullscreen-lg-down .modal-body {
- overflow-y: auto;
- }
- .modal-fullscreen-lg-down .modal-footer {
- border-radius: 0;
- }
-}
-@media (max-width: 1199.98px) {
- .modal-fullscreen-xl-down {
- width: 100vw;
- max-width: none;
- height: 100%;
- margin: 0;
- }
- .modal-fullscreen-xl-down .modal-content {
- height: 100%;
- border: 0;
- border-radius: 0;
- }
- .modal-fullscreen-xl-down .modal-header {
- border-radius: 0;
- }
- .modal-fullscreen-xl-down .modal-body {
- overflow-y: auto;
- }
- .modal-fullscreen-xl-down .modal-footer {
- border-radius: 0;
- }
-}
-@media (max-width: 1399.98px) {
- .modal-fullscreen-xxl-down {
- width: 100vw;
- max-width: none;
- height: 100%;
- margin: 0;
- }
- .modal-fullscreen-xxl-down .modal-content {
- height: 100%;
- border: 0;
- border-radius: 0;
- }
- .modal-fullscreen-xxl-down .modal-header {
- border-radius: 0;
- }
- .modal-fullscreen-xxl-down .modal-body {
- overflow-y: auto;
- }
- .modal-fullscreen-xxl-down .modal-footer {
- border-radius: 0;
- }
-}
-.btn {
- display: inline-block;
- font-weight: 400;
- line-height: 1.5;
- color: #212529;
- text-align: center;
- text-decoration: none;
- vertical-align: middle;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- background-color: transparent;
- border: 1px solid transparent;
- padding: 0.375rem 0.75rem;
- font-size: 1rem;
- border-radius: 0.25rem;
- font-family: inherit;
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
- border: 1px solid rgba(100, 100, 100, 0.35);
- border-top: 1px solid rgba(100, 100, 100, 0.5);
- border-radius: 6px;
- font-size: 14px;
-}
-@media (prefers-reduced-motion: reduce) {
- .btn {
- transition: none;
- }
-}
-.btn:hover {
- color: #212529;
-}
-.btn-check:focus + .btn,
-.btn:focus {
- outline: 0;
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-}
-.btn:disabled,
-.btn.disabled,
-fieldset:disabled .btn {
- pointer-events: none;
- opacity: 0.65;
-}
-.btn-primary {
- color: #fff;
- background-color: var(--keyColor-primary);
-}
-.btn-primary:hover {
- color: #fff;
-}
-.btn-check:focus + .btn-primary,
-.btn-primary:focus {
- color: #fff;
-}
-.btn-check:checked + .btn-primary,
-.btn-check:active + .btn-primary,
-.btn-primary:active,
-.btn-primary.active,
-.show > .btn-primary.dropdown-toggle {
- color: #fff;
-}
-.btn-primary:disabled,
-.btn-primary.disabled {
- color: #fff;
- background-color: #0d6efd;
- border-color: #0d6efd;
-}
-.btn-secondary {
- color: #fff;
- border-color: 1px solid rgba(100, 100, 100, 0.35);
- background-color: rgba(100, 100, 100, 0.25);
- border-top-color: 1px solid rgba(100, 100, 100, 0.5);
-}
-.btn-secondary:hover {
- color: #fff;
-}
-.btn-check:checked + .btn-secondary,
-.btn-check:active + .btn-secondary,
-.btn-secondary:active,
-.btn-secondary.active,
-.show > .btn-secondary.dropdown-toggle {
- color: #fff;
- background-color: #565e64;
- border-color: #51585e;
-}
-.btn-check:checked + .btn-secondary:focus,
-.btn-check:active + .btn-secondary:focus,
-.btn-secondary:active:focus,
-.btn-secondary.active:focus,
-.show > .btn-secondary.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
-}
-.btn-secondary:disabled,
-.btn-secondary.disabled {
- color: #fff;
- background-color: #6c757d;
- border-color: #6c757d;
-}
-.btn-success {
- color: #fff;
- background-color: #198754;
- border-color: #198754;
-}
-.btn-success:hover {
- color: #fff;
- background-color: #157347;
- border-color: #146c43;
-}
-.btn-check:focus + .btn-success,
-.btn-success:focus {
- color: #fff;
- background-color: #157347;
- border-color: #146c43;
- box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
-}
-.btn-check:checked + .btn-success,
-.btn-check:active + .btn-success,
-.btn-success:active,
-.btn-success.active,
-.show > .btn-success.dropdown-toggle {
- color: #fff;
- background-color: #146c43;
- border-color: #13653f;
-}
-.btn-check:checked + .btn-success:focus,
-.btn-check:active + .btn-success:focus,
-.btn-success:active:focus,
-.btn-success.active:focus,
-.show > .btn-success.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
-}
-.btn-success:disabled,
-.btn-success.disabled {
- color: #fff;
- background-color: #198754;
- border-color: #198754;
-}
-.btn-info {
- color: #000;
- background-color: #0dcaf0;
- border-color: #0dcaf0;
-}
-.btn-info:hover {
- color: #000;
- background-color: #31d2f2;
- border-color: #25cff2;
-}
-.btn-check:focus + .btn-info,
-.btn-info:focus {
- color: #000;
- background-color: #31d2f2;
- border-color: #25cff2;
- box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
-}
-.btn-check:checked + .btn-info,
-.btn-check:active + .btn-info,
-.btn-info:active,
-.btn-info.active,
-.show > .btn-info.dropdown-toggle {
- color: #000;
- background-color: #3dd5f3;
- border-color: #25cff2;
-}
-.btn-check:checked + .btn-info:focus,
-.btn-check:active + .btn-info:focus,
-.btn-info:active:focus,
-.btn-info.active:focus,
-.show > .btn-info.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
-}
-.btn-info:disabled,
-.btn-info.disabled {
- color: #000;
- background-color: #0dcaf0;
- border-color: #0dcaf0;
-}
-.btn-warning {
- color: #000;
- background-color: #ffc107;
- border-color: #ffc107;
-}
-.btn-warning:hover {
- color: #000;
- background-color: #ffca2c;
- border-color: #ffc720;
-}
-.btn-check:focus + .btn-warning,
-.btn-warning:focus {
- color: #000;
- background-color: #ffca2c;
- border-color: #ffc720;
- box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
-}
-.btn-check:checked + .btn-warning,
-.btn-check:active + .btn-warning,
-.btn-warning:active,
-.btn-warning.active,
-.show > .btn-warning.dropdown-toggle {
- color: #000;
- background-color: #ffcd39;
- border-color: #ffc720;
-}
-.btn-check:checked + .btn-warning:focus,
-.btn-check:active + .btn-warning:focus,
-.btn-warning:active:focus,
-.btn-warning.active:focus,
-.show > .btn-warning.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
-}
-.btn-warning:disabled,
-.btn-warning.disabled {
- color: #000;
- background-color: #ffc107;
- border-color: #ffc107;
-}
-.btn-danger {
- color: #fff;
- background-color: #dc3545;
- border-color: #dc3545;
-}
-.btn-danger:hover {
- color: #fff;
- background-color: #bb2d3b;
- border-color: #b02a37;
-}
-.btn-check:focus + .btn-danger,
-.btn-danger:focus {
- color: #fff;
- background-color: #bb2d3b;
- border-color: #b02a37;
- box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
-}
-.btn-check:checked + .btn-danger,
-.btn-check:active + .btn-danger,
-.btn-danger:active,
-.btn-danger.active,
-.show > .btn-danger.dropdown-toggle {
- color: #fff;
- background-color: #b02a37;
- border-color: #a52834;
-}
-.btn-check:checked + .btn-danger:focus,
-.btn-check:active + .btn-danger:focus,
-.btn-danger:active:focus,
-.btn-danger.active:focus,
-.show > .btn-danger.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
-}
-.btn-danger:disabled,
-.btn-danger.disabled {
- color: #fff;
- background-color: #dc3545;
- border-color: #dc3545;
-}
-.btn-light {
- color: #000;
- background-color: #f8f9fa;
- border-color: #f8f9fa;
-}
-.btn-light:hover {
- color: #000;
- background-color: #f9fafb;
- border-color: #f9fafb;
-}
-.btn-check:focus + .btn-light,
-.btn-light:focus {
- color: #000;
- background-color: #f9fafb;
- border-color: #f9fafb;
- box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
-}
-.btn-check:checked + .btn-light,
-.btn-check:active + .btn-light,
-.btn-light:active,
-.btn-light.active,
-.show > .btn-light.dropdown-toggle {
- color: #000;
- background-color: #f9fafb;
- border-color: #f9fafb;
-}
-.btn-check:checked + .btn-light:focus,
-.btn-check:active + .btn-light:focus,
-.btn-light:active:focus,
-.btn-light.active:focus,
-.show > .btn-light.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
-}
-.btn-light:disabled,
-.btn-light.disabled {
- color: #000;
- background-color: #f8f9fa;
- border-color: #f8f9fa;
-}
-.btn-dark {
- color: #fff;
- background-color: #212529;
- border-color: #212529;
-}
-.btn-dark:hover {
- color: #fff;
- background-color: #1c1f23;
- border-color: #1a1e21;
-}
-.btn-check:focus + .btn-dark,
-.btn-dark:focus {
- color: #fff;
- background-color: #1c1f23;
- border-color: #1a1e21;
- box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
-}
-.btn-check:checked + .btn-dark,
-.btn-check:active + .btn-dark,
-.btn-dark:active,
-.btn-dark.active,
-.show > .btn-dark.dropdown-toggle {
- color: #fff;
- background-color: #1a1e21;
- border-color: #191c1f;
-}
-.btn-check:checked + .btn-dark:focus,
-.btn-check:active + .btn-dark:focus,
-.btn-dark:active:focus,
-.btn-dark.active:focus,
-.show > .btn-dark.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
-}
-.btn-dark:disabled,
-.btn-dark.disabled {
- color: #fff;
- background-color: #212529;
- border-color: #212529;
-}
-.btn-outline-primary {
- color: #0d6efd;
- border-color: #0d6efd;
-}
-.btn-outline-primary:hover {
- color: #fff;
- background-color: #0d6efd;
- border-color: #0d6efd;
-}
-.btn-check:focus + .btn-outline-primary,
-.btn-outline-primary:focus {
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
-}
-.btn-check:checked + .btn-outline-primary,
-.btn-check:active + .btn-outline-primary,
-.btn-outline-primary:active,
-.btn-outline-primary.active,
-.btn-outline-primary.dropdown-toggle.show {
- color: #fff;
- background-color: #0d6efd;
- border-color: #0d6efd;
-}
-.btn-check:checked + .btn-outline-primary:focus,
-.btn-check:active + .btn-outline-primary:focus,
-.btn-outline-primary:active:focus,
-.btn-outline-primary.active:focus,
-.btn-outline-primary.dropdown-toggle.show:focus {
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
-}
-.btn-outline-primary:disabled,
-.btn-outline-primary.disabled {
- color: #0d6efd;
- background-color: transparent;
-}
-.btn-outline-secondary {
- color: #6c757d;
- border-color: #6c757d;
-}
-.btn-outline-secondary:hover {
- color: #fff;
- background-color: #6c757d;
- border-color: #6c757d;
-}
-.btn-check:focus + .btn-outline-secondary,
-.btn-outline-secondary:focus {
- box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
-}
-.btn-check:checked + .btn-outline-secondary,
-.btn-check:active + .btn-outline-secondary,
-.btn-outline-secondary:active,
-.btn-outline-secondary.active,
-.btn-outline-secondary.dropdown-toggle.show {
- color: #fff;
- background-color: #6c757d;
- border-color: #6c757d;
-}
-.btn-check:checked + .btn-outline-secondary:focus,
-.btn-check:active + .btn-outline-secondary:focus,
-.btn-outline-secondary:active:focus,
-.btn-outline-secondary.active:focus,
-.btn-outline-secondary.dropdown-toggle.show:focus {
- box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
-}
-.btn-outline-secondary:disabled,
-.btn-outline-secondary.disabled {
- color: #6c757d;
- background-color: transparent;
-}
-.btn-outline-success {
- color: #198754;
- border-color: #198754;
-}
-.btn-outline-success:hover {
- color: #fff;
- background-color: #198754;
- border-color: #198754;
-}
-.btn-check:focus + .btn-outline-success,
-.btn-outline-success:focus {
- box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
-}
-.btn-check:checked + .btn-outline-success,
-.btn-check:active + .btn-outline-success,
-.btn-outline-success:active,
-.btn-outline-success.active,
-.btn-outline-success.dropdown-toggle.show {
- color: #fff;
- background-color: #198754;
- border-color: #198754;
-}
-.btn-check:checked + .btn-outline-success:focus,
-.btn-check:active + .btn-outline-success:focus,
-.btn-outline-success:active:focus,
-.btn-outline-success.active:focus,
-.btn-outline-success.dropdown-toggle.show:focus {
- box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
-}
-.btn-outline-success:disabled,
-.btn-outline-success.disabled {
- color: #198754;
- background-color: transparent;
-}
-.btn-outline-info {
- color: #0dcaf0;
- border-color: #0dcaf0;
-}
-.btn-outline-info:hover {
- color: #000;
- background-color: #0dcaf0;
- border-color: #0dcaf0;
-}
-.btn-check:focus + .btn-outline-info,
-.btn-outline-info:focus {
- box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
-}
-.btn-check:checked + .btn-outline-info,
-.btn-check:active + .btn-outline-info,
-.btn-outline-info:active,
-.btn-outline-info.active,
-.btn-outline-info.dropdown-toggle.show {
- color: #000;
- background-color: #0dcaf0;
- border-color: #0dcaf0;
-}
-.btn-check:checked + .btn-outline-info:focus,
-.btn-check:active + .btn-outline-info:focus,
-.btn-outline-info:active:focus,
-.btn-outline-info.active:focus,
-.btn-outline-info.dropdown-toggle.show:focus {
- box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
-}
-.btn-outline-info:disabled,
-.btn-outline-info.disabled {
- color: #0dcaf0;
- background-color: transparent;
-}
-.btn-outline-warning {
- color: #ffc107;
- border-color: #ffc107;
-}
-.btn-outline-warning:hover {
- color: #000;
- background-color: #ffc107;
- border-color: #ffc107;
-}
-.btn-check:focus + .btn-outline-warning,
-.btn-outline-warning:focus {
- box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
-}
-.btn-check:checked + .btn-outline-warning,
-.btn-check:active + .btn-outline-warning,
-.btn-outline-warning:active,
-.btn-outline-warning.active,
-.btn-outline-warning.dropdown-toggle.show {
- color: #000;
- background-color: #ffc107;
- border-color: #ffc107;
-}
-.btn-check:checked + .btn-outline-warning:focus,
-.btn-check:active + .btn-outline-warning:focus,
-.btn-outline-warning:active:focus,
-.btn-outline-warning.active:focus,
-.btn-outline-warning.dropdown-toggle.show:focus {
- box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
-}
-.btn-outline-warning:disabled,
-.btn-outline-warning.disabled {
- color: #ffc107;
- background-color: transparent;
-}
-.btn-outline-danger {
- color: #dc3545;
- border-color: #dc3545;
-}
-.btn-outline-danger:hover {
- color: #fff;
- background-color: #dc3545;
- border-color: #dc3545;
-}
-.btn-check:focus + .btn-outline-danger,
-.btn-outline-danger:focus {
- box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
-}
-.btn-check:checked + .btn-outline-danger,
-.btn-check:active + .btn-outline-danger,
-.btn-outline-danger:active,
-.btn-outline-danger.active,
-.btn-outline-danger.dropdown-toggle.show {
- color: #fff;
- background-color: #dc3545;
- border-color: #dc3545;
-}
-.btn-check:checked + .btn-outline-danger:focus,
-.btn-check:active + .btn-outline-danger:focus,
-.btn-outline-danger:active:focus,
-.btn-outline-danger.active:focus,
-.btn-outline-danger.dropdown-toggle.show:focus {
- box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
-}
-.btn-outline-danger:disabled,
-.btn-outline-danger.disabled {
- color: #dc3545;
- background-color: transparent;
-}
-.btn-outline-light {
- color: #f8f9fa;
- border-color: #f8f9fa;
-}
-.btn-outline-light:hover {
- color: #000;
- background-color: #f8f9fa;
- border-color: #f8f9fa;
-}
-.btn-check:focus + .btn-outline-light,
-.btn-outline-light:focus {
- box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
-}
-.btn-check:checked + .btn-outline-light,
-.btn-check:active + .btn-outline-light,
-.btn-outline-light:active,
-.btn-outline-light.active,
-.btn-outline-light.dropdown-toggle.show {
- color: #000;
- background-color: #f8f9fa;
- border-color: #f8f9fa;
-}
-.btn-check:checked + .btn-outline-light:focus,
-.btn-check:active + .btn-outline-light:focus,
-.btn-outline-light:active:focus,
-.btn-outline-light.active:focus,
-.btn-outline-light.dropdown-toggle.show:focus {
- box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
-}
-.btn-outline-light:disabled,
-.btn-outline-light.disabled {
- color: #f8f9fa;
- background-color: transparent;
-}
-.btn-outline-dark {
- color: #212529;
- border-color: #212529;
-}
-.btn-outline-dark:hover {
- color: #fff;
- background-color: #212529;
- border-color: #212529;
-}
-.btn-check:focus + .btn-outline-dark,
-.btn-outline-dark:focus {
- box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
-}
-.btn-check:checked + .btn-outline-dark,
-.btn-check:active + .btn-outline-dark,
-.btn-outline-dark:active,
-.btn-outline-dark.active,
-.btn-outline-dark.dropdown-toggle.show {
- color: #fff;
- background-color: #212529;
- border-color: #212529;
-}
-.btn-check:checked + .btn-outline-dark:focus,
-.btn-check:active + .btn-outline-dark:focus,
-.btn-outline-dark:active:focus,
-.btn-outline-dark.active:focus,
-.btn-outline-dark.dropdown-toggle.show:focus {
- box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
-}
-.btn-outline-dark:disabled,
-.btn-outline-dark.disabled {
- color: #212529;
- background-color: transparent;
-}
-.btn-link {
- font-weight: 400;
- color: #0d6efd;
- text-decoration: underline;
-}
-.btn-link:hover {
- color: #0a58ca;
-}
-.btn-link:disabled,
-.btn-link.disabled {
- color: #6c757d;
-}
-.btn-lg,
-.btn-group-lg > .btn {
- padding: 0.5rem 1rem;
- font-size: 1.25rem;
- border-radius: 0.3rem;
-}
-.btn-sm,
-.btn-group-sm > .btn {
- padding: 0.25rem 0.5rem;
- font-size: 0.875rem;
- border-radius: 0.2rem;
-}
-.form-control {
- width: 100%;
-}
-.btn-group,
-.btn-group-vertical {
- position: relative;
- display: inline-flex;
- vertical-align: middle;
-}
-.btn-group > .btn,
-.btn-group-vertical > .btn {
- position: relative;
- flex: 1 1 auto;
-}
-.btn-group > .btn-check:checked + .btn,
-.btn-group > .btn-check:focus + .btn,
-.btn-group > .btn:hover,
-.btn-group > .btn:focus,
-.btn-group > .btn:active,
-.btn-group > .btn.active,
-.btn-group-vertical > .btn-check:checked + .btn,
-.btn-group-vertical > .btn-check:focus + .btn,
-.btn-group-vertical > .btn:hover,
-.btn-group-vertical > .btn:focus,
-.btn-group-vertical > .btn:active,
-.btn-group-vertical > .btn.active {
- z-index: 1;
-}
-.btn-toolbar {
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start;
-}
-.btn-toolbar .input-group {
- width: auto;
-}
-.btn-group > .btn:not(:first-child),
-.btn-group > .btn-group:not(:first-child) {
- margin-left: -1px;
-}
-.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
-.btn-group > .btn-group:not(:last-child) > .btn {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-.btn-group > .btn:nth-child(n+3),
-.btn-group > :not(.btn-check) + .btn,
-.btn-group > .btn-group:not(:first-child) > .btn {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-.dropdown-toggle-split {
- padding-right: 0.5625rem;
- padding-left: 0.5625rem;
-}
-.dropdown-toggle-split::after,
-.dropup .dropdown-toggle-split::after,
-.dropend .dropdown-toggle-split::after {
- margin-left: 0;
-}
-.dropstart .dropdown-toggle-split::before {
- margin-right: 0;
-}
-.btn-sm + .dropdown-toggle-split,
-.btn-group-sm > .btn + .dropdown-toggle-split {
- padding-right: 0.375rem;
- padding-left: 0.375rem;
-}
-.btn-lg + .dropdown-toggle-split,
-.btn-group-lg > .btn + .dropdown-toggle-split {
- padding-right: 0.75rem;
- padding-left: 0.75rem;
-}
-.btn-group-vertical {
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
-}
-.btn-group-vertical > .btn,
-.btn-group-vertical > .btn-group {
- width: 100%;
-}
-.btn-group-vertical > .btn:not(:first-child),
-.btn-group-vertical > .btn-group:not(:first-child) {
- margin-top: -1px;
-}
-.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
-.btn-group-vertical > .btn-group:not(:last-child) > .btn {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
-.btn-group-vertical > .btn ~ .btn,
-.btn-group-vertical > .btn-group:not(:first-child) > .btn {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
-.table {
- --bs-table-bg: transparent;
- --bs-table-accent-bg: transparent;
- --bs-table-striped-color: #212529;
- --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
- --bs-table-active-color: #212529;
- --bs-table-active-bg: rgba(0, 0, 0, 0.1);
- --bs-table-hover-color: #212529;
- --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
- width: 100%;
- margin-bottom: 1rem;
- color: #212529;
- vertical-align: top;
- border-color: #dee2e6;
-}
-.table > :not(caption) > * > * {
- padding: 0.5rem 0.5rem;
- background-color: var(--bs-table-bg);
- border-bottom-width: 1px;
- box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
-}
-.table > tbody {
- vertical-align: inherit;
-}
-.table > thead {
- vertical-align: bottom;
-}
-.table > :not(:first-child) {
- border-top: 2px solid currentColor;
-}
-.caption-top {
- caption-side: top;
-}
-.table-sm > :not(caption) > * > * {
- padding: 0.25rem 0.25rem;
-}
-.table-bordered > :not(caption) > * {
- border-width: 1px 0;
-}
-.table-bordered > :not(caption) > * > * {
- border-width: 0 1px;
-}
-.table-borderless > :not(caption) > * > * {
- border-bottom-width: 0;
-}
-.table-borderless > :not(:first-child) {
- border-top-width: 0;
-}
-.table-striped > tbody > tr:nth-of-type(odd) > * {
- --bs-table-accent-bg: var(--bs-table-striped-bg);
- color: var(--bs-table-striped-color);
-}
-.table-active {
- --bs-table-accent-bg: var(--bs-table-active-bg);
- color: var(--bs-table-active-color);
-}
-.table-hover > tbody > tr:hover > * {
- --bs-table-accent-bg: var(--bs-table-hover-bg);
- color: var(--bs-table-hover-color);
-}
-.table-primary {
- --bs-table-bg: #cfe2ff;
- --bs-table-striped-bg: #c5d7f2;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #bacbe6;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #bfd1ec;
- --bs-table-hover-color: #000;
- color: #000;
- border-color: #bacbe6;
-}
-.table-secondary {
- --bs-table-bg: #e2e3e5;
- --bs-table-striped-bg: #d7d8da;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #cbccce;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #d1d2d4;
- --bs-table-hover-color: #000;
- color: #000;
- border-color: #cbccce;
-}
-.table-success {
- --bs-table-bg: #d1e7dd;
- --bs-table-striped-bg: #c7dbd2;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #bcd0c7;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #c1d6cc;
- --bs-table-hover-color: #000;
- color: #000;
- border-color: #bcd0c7;
-}
-.table-info {
- --bs-table-bg: #cff4fc;
- --bs-table-striped-bg: #c5e8ef;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #badce3;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #bfe2e9;
- --bs-table-hover-color: #000;
- color: #000;
- border-color: #badce3;
-}
-.table-warning {
- --bs-table-bg: #fff3cd;
- --bs-table-striped-bg: #f2e7c3;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #e6dbb9;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #ece1be;
- --bs-table-hover-color: #000;
- color: #000;
- border-color: #e6dbb9;
-}
-.table-danger {
- --bs-table-bg: #f8d7da;
- --bs-table-striped-bg: #eccccf;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #dfc2c4;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #e5c7ca;
- --bs-table-hover-color: #000;
- color: #000;
- border-color: #dfc2c4;
-}
-.table-light {
- --bs-table-bg: #f8f9fa;
- --bs-table-striped-bg: #ecedee;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #dfe0e1;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #e5e6e7;
- --bs-table-hover-color: #000;
- color: #000;
- border-color: #dfe0e1;
-}
-.table-dark {
- --bs-table-bg: #212529;
- --bs-table-striped-bg: #2c3034;
- --bs-table-striped-color: #fff;
- --bs-table-active-bg: #373b3e;
- --bs-table-active-color: #fff;
- --bs-table-hover-bg: #323539;
- --bs-table-hover-color: #fff;
- color: #fff;
- border-color: #373b3e;
-}
-.table-responsive {
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
-}
-@media (max-width: 575.98px) {
- .table-responsive-sm {
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- }
-}
-@media (max-width: 767.98px) {
- .table-responsive-md {
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- }
-}
-@media (max-width: 991.98px) {
- .table-responsive-lg {
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- }
-}
-@media (max-width: 1199.98px) {
- .table-responsive-xl {
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- }
-}
-@media (max-width: 1399.98px) {
- .table-responsive-xxl {
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- }
-}
-.nav {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-}
-.nav-link {
- display: block;
- padding: 0.5rem 1rem;
- text-decoration: none;
-}
-.nav-link:hover,
-.nav-link:focus {
- text-decoration: none;
-}
-.nav-link.disabled {
- color: #6c757d;
- pointer-events: none;
- cursor: default;
-}
-.nav-tabs {
- border-bottom: 1px solid #dee2e6;
-}
-.nav-tabs .nav-link {
- margin-bottom: -1px;
- background: none;
- border: 1px solid transparent;
- border-top-left-radius: 0.25rem;
- border-top-right-radius: 0.25rem;
-}
-.nav-tabs .nav-link:hover,
-.nav-tabs .nav-link:focus {
- border-color: #e9ecef #e9ecef #dee2e6;
- isolation: isolate;
-}
-.nav-tabs .nav-link.disabled {
- color: #6c757d;
- background-color: transparent;
- border-color: transparent;
-}
-.nav-tabs .nav-link.active,
-.nav-tabs .nav-item.show .nav-link {
- color: #495057;
- background-color: #fff;
- border-color: #dee2e6 #dee2e6 #fff;
-}
-.nav-tabs .dropdown-menu {
- margin-top: -1px;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
-.nav-pills .nav-link {
- background-color: transparent;
- border: 0;
- border-radius: 6px;
- color: #eee;
- -webkit-user-drag: none;
- font-weight: 500;
- margin: 0px 4px;
-}
-.nav-pills .nav-link:hover {
- background-color: var(--hover);
-}
-.nav-pills .nav-link.active,
-.nav-pills .show > .nav-link {
- color: #fff;
- background-color: var(--selected);
-}
-.nav-fill > .nav-link,
-.nav-fill .nav-item {
- flex: 1 1 auto;
- text-align: center;
-}
-.nav-justified > .nav-link,
-.nav-justified .nav-item {
- flex-basis: 0;
- flex-grow: 1;
- text-align: center;
-}
-.nav-fill .nav-item .nav-link,
-.nav-justified .nav-item .nav-link {
- width: 100%;
-}
-.tab-content > .tab-pane {
- display: none;
-}
-.tab-content > .active {
- display: block;
-}
-/*!
- * Bootstrap Grid v5.1.1 (https://getbootstrap.com/)
- * Copyright 2011-2021 The Bootstrap Authors
- * Copyright 2011-2021 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- */
-:root {
- --bs-blue: #0d6efd;
- --bs-indigo: #6610f2;
- --bs-purple: #6f42c1;
- --bs-pink: #d63384;
- --bs-red: #dc3545;
- --bs-orange: #fd7e14;
- --bs-yellow: #ffc107;
- --bs-green: #198754;
- --bs-teal: #20c997;
- --bs-cyan: #0dcaf0;
- --bs-white: #fff;
- --bs-gray: #6c757d;
- --bs-gray-dark: #343a40;
- --bs-gray-100: #f8f9fa;
- --bs-gray-200: #e9ecef;
- --bs-gray-300: #dee2e6;
- --bs-gray-400: #ced4da;
- --bs-gray-500: #adb5bd;
- --bs-gray-600: #6c757d;
- --bs-gray-700: #495057;
- --bs-gray-800: #343a40;
- --bs-gray-900: #212529;
- --bs-primary: #0d6efd;
- --bs-secondary: #6c757d;
- --bs-success: #198754;
- --bs-info: #0dcaf0;
- --bs-warning: #ffc107;
- --bs-danger: #dc3545;
- --bs-light: #f8f9fa;
- --bs-dark: #212529;
- --bs-primary-rgb: 13, 110, 253;
- --bs-secondary-rgb: 108, 117, 125;
- --bs-success-rgb: 25, 135, 84;
- --bs-info-rgb: 13, 202, 240;
- --bs-warning-rgb: 255, 193, 7;
- --bs-danger-rgb: 220, 53, 69;
- --bs-light-rgb: 248, 249, 250;
- --bs-dark-rgb: 33, 37, 41;
- --bs-white-rgb: 255, 255, 255;
- --bs-black-rgb: 0, 0, 0;
- --bs-body-color-rgb: 33, 37, 41;
- --bs-body-bg-rgb: 255, 255, 255;
- --bs-font-sans-serif: inherit;
- --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
- --bs-body-font-family: inherit;
- --bs-body-font-size: 1rem;
- --bs-body-font-weight: 400;
- --bs-body-line-height: 1.5;
- --bs-body-color: #212529;
- --bs-body-bg: #fff;
-}
-.container,
-.container-fluid,
-.container-xxl,
-.container-xl,
-.container-lg,
-.container-md,
-.container-sm {
- width: 100%;
- padding-right: var(--bs-gutter-x, 0.75rem);
- padding-left: var(--bs-gutter-x, 0.75rem);
- margin-right: auto;
- margin-left: auto;
-}
-@media (min-width: 576px) {
- .container-sm,
- .container {
- max-width: 540px;
- }
-}
-@media (min-width: 768px) {
- .container-md,
- .container-sm,
- .container {
- max-width: 720px;
- }
-}
-@media (min-width: 992px) {
- .container-lg,
- .container-md,
- .container-sm,
- .container {
- max-width: 960px;
- }
-}
-@media (min-width: 1200px) {
- .container-xl,
- .container-lg,
- .container-md,
- .container-sm,
- .container {
- max-width: 1140px;
- }
-}
-@media (min-width: 1400px) {
- .container-xxl,
- .container-xl,
- .container-lg,
- .container-md,
- .container-sm,
- .container {
- max-width: 1320px;
- }
-}
-.col {
- flex: 1 0 0%;
-}
-.row-cols-auto > * {
- flex: 0 0 auto;
- width: auto;
-}
-.row-cols-1 > * {
- flex: 0 0 auto;
- width: 100%;
-}
-.row-cols-2 > * {
- flex: 0 0 auto;
- width: 50%;
-}
-.row-cols-3 > * {
- flex: 0 0 auto;
- width: 33.33333333%;
-}
-.row-cols-4 > * {
- flex: 0 0 auto;
- width: 25%;
-}
-.row-cols-5 > * {
- flex: 0 0 auto;
- width: 20%;
-}
-.row-cols-6 > * {
- flex: 0 0 auto;
- width: 16.66666667%;
-}
-.col-auto {
- flex: 0 0 auto;
- width: auto;
-}
-@media only screen and (min-width: 1133px) and (max-width: 1241px) {
- .row .col-auto {
- display: none !important;
- }
-}
-.col-1 {
- flex: 0 0 auto;
- width: 8.33333333%;
-}
-.col-2 {
- flex: 0 0 auto;
- width: 16.66666667%;
-}
-.col-3 {
- flex: 0 0 auto;
- width: 25%;
-}
-.col-4 {
- flex: 0 0 auto;
- width: 33.33333333%;
-}
-.col-5 {
- flex: 0 0 auto;
- width: 41.66666667%;
-}
-.col-6 {
- flex: 0 0 auto;
- width: 50%;
-}
-.col-7 {
- flex: 0 0 auto;
- width: 58.33333333%;
-}
-.col-8 {
- flex: 0 0 auto;
- width: 66.66666667%;
-}
-.col-9 {
- flex: 0 0 auto;
- width: 75%;
-}
-.col-10 {
- flex: 0 0 auto;
- width: 83.33333333%;
-}
-.col-11 {
- flex: 0 0 auto;
- width: 91.66666667%;
-}
-.col-12 {
- flex: 0 0 auto;
- width: 100%;
-}
-.offset-1 {
- margin-left: 8.33333333%;
-}
-.offset-2 {
- margin-left: 16.66666667%;
-}
-.offset-3 {
- margin-left: 25%;
-}
-.offset-4 {
- margin-left: 33.33333333%;
-}
-.offset-5 {
- margin-left: 41.66666667%;
-}
-.offset-6 {
- margin-left: 50%;
-}
-.offset-7 {
- margin-left: 58.33333333%;
-}
-.offset-8 {
- margin-left: 66.66666667%;
-}
-.offset-9 {
- margin-left: 75%;
-}
-.offset-10 {
- margin-left: 83.33333333%;
-}
-.offset-11 {
- margin-left: 91.66666667%;
-}
-.g-0,
-.gx-0 {
- --bs-gutter-x: 0;
-}
-.g-0,
-.gy-0 {
- --bs-gutter-y: 0;
-}
-.g-1,
-.gx-1 {
- --bs-gutter-x: 0.25rem;
-}
-.g-1,
-.gy-1 {
- --bs-gutter-y: 0.25rem;
-}
-.g-2,
-.gx-2 {
- --bs-gutter-x: 0.5rem;
-}
-.g-2,
-.gy-2 {
- --bs-gutter-y: 0.5rem;
-}
-.g-3,
-.gx-3 {
- --bs-gutter-x: 1rem;
-}
-.g-3,
-.gy-3 {
- --bs-gutter-y: 1rem;
-}
-.g-4,
-.gx-4 {
- --bs-gutter-x: 1.5rem;
-}
-.g-4,
-.gy-4 {
- --bs-gutter-y: 1.5rem;
-}
-.g-5,
-.gx-5 {
- --bs-gutter-x: 3rem;
-}
-.g-5,
-.gy-5 {
- --bs-gutter-y: 3rem;
-}
-@media (min-width: 576px) {
- .col-sm {
- flex: 1 0 0%;
- }
- .row-cols-sm-auto > * {
- flex: 0 0 auto;
- width: auto;
- }
- .row-cols-sm-1 > * {
- flex: 0 0 auto;
- width: 100%;
- }
- .row-cols-sm-2 > * {
- flex: 0 0 auto;
- width: 50%;
- }
- .row-cols-sm-3 > * {
- flex: 0 0 auto;
- width: 33.33333333%;
- }
- .row-cols-sm-4 > * {
- flex: 0 0 auto;
- width: 25%;
- }
- .row-cols-sm-5 > * {
- flex: 0 0 auto;
- width: 20%;
- }
- .row-cols-sm-6 > * {
- flex: 0 0 auto;
- width: 16.66666667%;
- }
- .col-sm-auto {
- flex: 0 0 auto;
- width: auto;
- }
- .col-sm-1 {
- flex: 0 0 auto;
- width: 8.33333333%;
- }
- .col-sm-2 {
- flex: 0 0 auto;
- width: 16.66666667%;
- }
- .col-sm-3 {
- flex: 0 0 auto;
- width: 25%;
- }
- .col-sm-4 {
- flex: 0 0 auto;
- width: 33.33333333%;
- }
- .col-sm-5 {
- flex: 0 0 auto;
- width: 41.66666667%;
- }
- .col-sm-6 {
- flex: 0 0 auto;
- width: 50%;
- }
- .col-sm-7 {
- flex: 0 0 auto;
- width: 58.33333333%;
- }
- .col-sm-8 {
- flex: 0 0 auto;
- width: 66.66666667%;
- }
- .col-sm-9 {
- flex: 0 0 auto;
- width: 75%;
- }
- .col-sm-10 {
- flex: 0 0 auto;
- width: 83.33333333%;
- }
- .col-sm-11 {
- flex: 0 0 auto;
- width: 91.66666667%;
- }
- .col-sm-12 {
- flex: 0 0 auto;
- width: 100%;
- }
- .offset-sm-0 {
- margin-left: 0;
- }
- .offset-sm-1 {
- margin-left: 8.33333333%;
- }
- .offset-sm-2 {
- margin-left: 16.66666667%;
- }
- .offset-sm-3 {
- margin-left: 25%;
- }
- .offset-sm-4 {
- margin-left: 33.33333333%;
- }
- .offset-sm-5 {
- margin-left: 41.66666667%;
- }
- .offset-sm-6 {
- margin-left: 50%;
- }
- .offset-sm-7 {
- margin-left: 58.33333333%;
- }
- .offset-sm-8 {
- margin-left: 66.66666667%;
- }
- .offset-sm-9 {
- margin-left: 75%;
- }
- .offset-sm-10 {
- margin-left: 83.33333333%;
- }
- .offset-sm-11 {
- margin-left: 91.66666667%;
- }
- .g-sm-0,
- .gx-sm-0 {
- --bs-gutter-x: 0;
- }
- .g-sm-0,
- .gy-sm-0 {
- --bs-gutter-y: 0;
- }
- .g-sm-1,
- .gx-sm-1 {
- --bs-gutter-x: 0.25rem;
- }
- .g-sm-1,
- .gy-sm-1 {
- --bs-gutter-y: 0.25rem;
- }
- .g-sm-2,
- .gx-sm-2 {
- --bs-gutter-x: 0.5rem;
- }
- .g-sm-2,
- .gy-sm-2 {
- --bs-gutter-y: 0.5rem;
- }
- .g-sm-3,
- .gx-sm-3 {
- --bs-gutter-x: 1rem;
- }
- .g-sm-3,
- .gy-sm-3 {
- --bs-gutter-y: 1rem;
- }
- .g-sm-4,
- .gx-sm-4 {
- --bs-gutter-x: 1.5rem;
- }
- .g-sm-4,
- .gy-sm-4 {
- --bs-gutter-y: 1.5rem;
- }
- .g-sm-5,
- .gx-sm-5 {
- --bs-gutter-x: 3rem;
- }
- .g-sm-5,
- .gy-sm-5 {
- --bs-gutter-y: 3rem;
- }
-}
-@media (min-width: 768px) {
- .col-md {
- flex: 1 0 0%;
- }
- .row-cols-md-auto > * {
- flex: 0 0 auto;
- width: auto;
- }
- .row-cols-md-1 > * {
- flex: 0 0 auto;
- width: 100%;
- }
- .row-cols-md-2 > * {
- flex: 0 0 auto;
- width: 50%;
- }
- .row-cols-md-3 > * {
- flex: 0 0 auto;
- width: 33.33333333%;
- }
- .row-cols-md-4 > * {
- flex: 0 0 auto;
- width: 25%;
- }
- .row-cols-md-5 > * {
- flex: 0 0 auto;
- width: 20%;
- }
- .row-cols-md-6 > * {
- flex: 0 0 auto;
- width: 16.66666667%;
- }
- .col-md-auto {
- flex: 0 0 auto;
- width: auto;
- }
- .col-md-1 {
- flex: 0 0 auto;
- width: 8.33333333%;
- }
- .col-md-2 {
- flex: 0 0 auto;
- width: 16.66666667%;
- }
- .col-md-3 {
- flex: 0 0 auto;
- width: 25%;
- }
- .col-md-4 {
- flex: 0 0 auto;
- width: 33.33333333%;
- }
- .col-md-5 {
- flex: 0 0 auto;
- width: 41.66666667%;
- }
- .col-md-6 {
- flex: 0 0 auto;
- width: 50%;
- }
- .col-md-7 {
- flex: 0 0 auto;
- width: 58.33333333%;
- }
- .col-md-8 {
- flex: 0 0 auto;
- width: 66.66666667%;
- }
- .col-md-9 {
- flex: 0 0 auto;
- width: 75%;
- }
- .col-md-10 {
- flex: 0 0 auto;
- width: 83.33333333%;
- }
- .col-md-11 {
- flex: 0 0 auto;
- width: 91.66666667%;
- }
- .col-md-12 {
- flex: 0 0 auto;
- width: 100%;
- }
- .offset-md-0 {
- margin-left: 0;
- }
- .offset-md-1 {
- margin-left: 8.33333333%;
- }
- .offset-md-2 {
- margin-left: 16.66666667%;
- }
- .offset-md-3 {
- margin-left: 25%;
- }
- .offset-md-4 {
- margin-left: 33.33333333%;
- }
- .offset-md-5 {
- margin-left: 41.66666667%;
- }
- .offset-md-6 {
- margin-left: 50%;
- }
- .offset-md-7 {
- margin-left: 58.33333333%;
- }
- .offset-md-8 {
- margin-left: 66.66666667%;
- }
- .offset-md-9 {
- margin-left: 75%;
- }
- .offset-md-10 {
- margin-left: 83.33333333%;
- }
- .offset-md-11 {
- margin-left: 91.66666667%;
- }
- .g-md-0,
- .gx-md-0 {
- --bs-gutter-x: 0;
- }
- .g-md-0,
- .gy-md-0 {
- --bs-gutter-y: 0;
- }
- .g-md-1,
- .gx-md-1 {
- --bs-gutter-x: 0.25rem;
- }
- .g-md-1,
- .gy-md-1 {
- --bs-gutter-y: 0.25rem;
- }
- .g-md-2,
- .gx-md-2 {
- --bs-gutter-x: 0.5rem;
- }
- .g-md-2,
- .gy-md-2 {
- --bs-gutter-y: 0.5rem;
- }
- .g-md-3,
- .gx-md-3 {
- --bs-gutter-x: 1rem;
- }
- .g-md-3,
- .gy-md-3 {
- --bs-gutter-y: 1rem;
- }
- .g-md-4,
- .gx-md-4 {
- --bs-gutter-x: 1.5rem;
- }
- .g-md-4,
- .gy-md-4 {
- --bs-gutter-y: 1.5rem;
- }
- .g-md-5,
- .gx-md-5 {
- --bs-gutter-x: 3rem;
- }
- .g-md-5,
- .gy-md-5 {
- --bs-gutter-y: 3rem;
- }
-}
-@media (min-width: 992px) {
- .col-lg {
- flex: 1 0 0%;
- }
- .row-cols-lg-auto > * {
- flex: 0 0 auto;
- width: auto;
- }
- .row-cols-lg-1 > * {
- flex: 0 0 auto;
- width: 100%;
- }
- .row-cols-lg-2 > * {
- flex: 0 0 auto;
- width: 50%;
- }
- .row-cols-lg-3 > * {
- flex: 0 0 auto;
- width: 33.33333333%;
- }
- .row-cols-lg-4 > * {
- flex: 0 0 auto;
- width: 25%;
- }
- .row-cols-lg-5 > * {
- flex: 0 0 auto;
- width: 20%;
- }
- .row-cols-lg-6 > * {
- flex: 0 0 auto;
- width: 16.66666667%;
- }
- .col-lg-auto {
- flex: 0 0 auto;
- width: auto;
- }
- .col-lg-1 {
- flex: 0 0 auto;
- width: 8.33333333%;
- }
- .col-lg-2 {
- flex: 0 0 auto;
- width: 16.66666667%;
- }
- .col-lg-3 {
- flex: 0 0 auto;
- width: 25%;
- }
- .col-lg-4 {
- flex: 0 0 auto;
- width: 33.33333333%;
- }
- .col-lg-5 {
- flex: 0 0 auto;
- width: 41.66666667%;
- }
- .col-lg-6 {
- flex: 0 0 auto;
- width: 50%;
- }
- .col-lg-7 {
- flex: 0 0 auto;
- width: 58.33333333%;
- }
- .col-lg-8 {
- flex: 0 0 auto;
- width: 66.66666667%;
- }
- .col-lg-9 {
- flex: 0 0 auto;
- width: 75%;
- }
- .col-lg-10 {
- flex: 0 0 auto;
- width: 83.33333333%;
- }
- .col-lg-11 {
- flex: 0 0 auto;
- width: 91.66666667%;
- }
- .col-lg-12 {
- flex: 0 0 auto;
- width: 100%;
- }
- .offset-lg-0 {
- margin-left: 0;
- }
- .offset-lg-1 {
- margin-left: 8.33333333%;
- }
- .offset-lg-2 {
- margin-left: 16.66666667%;
- }
- .offset-lg-3 {
- margin-left: 25%;
- }
- .offset-lg-4 {
- margin-left: 33.33333333%;
- }
- .offset-lg-5 {
- margin-left: 41.66666667%;
- }
- .offset-lg-6 {
- margin-left: 50%;
- }
- .offset-lg-7 {
- margin-left: 58.33333333%;
- }
- .offset-lg-8 {
- margin-left: 66.66666667%;
- }
- .offset-lg-9 {
- margin-left: 75%;
- }
- .offset-lg-10 {
- margin-left: 83.33333333%;
- }
- .offset-lg-11 {
- margin-left: 91.66666667%;
- }
- .g-lg-0,
- .gx-lg-0 {
- --bs-gutter-x: 0;
- }
- .g-lg-0,
- .gy-lg-0 {
- --bs-gutter-y: 0;
- }
- .g-lg-1,
- .gx-lg-1 {
- --bs-gutter-x: 0.25rem;
- }
- .g-lg-1,
- .gy-lg-1 {
- --bs-gutter-y: 0.25rem;
- }
- .g-lg-2,
- .gx-lg-2 {
- --bs-gutter-x: 0.5rem;
- }
- .g-lg-2,
- .gy-lg-2 {
- --bs-gutter-y: 0.5rem;
- }
- .g-lg-3,
- .gx-lg-3 {
- --bs-gutter-x: 1rem;
- }
- .g-lg-3,
- .gy-lg-3 {
- --bs-gutter-y: 1rem;
- }
- .g-lg-4,
- .gx-lg-4 {
- --bs-gutter-x: 1.5rem;
- }
- .g-lg-4,
- .gy-lg-4 {
- --bs-gutter-y: 1.5rem;
- }
- .g-lg-5,
- .gx-lg-5 {
- --bs-gutter-x: 3rem;
- }
- .g-lg-5,
- .gy-lg-5 {
- --bs-gutter-y: 3rem;
- }
-}
-@media (min-width: 1200px) {
- .col-xl {
- flex: 1 0 0%;
- }
- .row-cols-xl-auto > * {
- flex: 0 0 auto;
- width: auto;
- }
- .row-cols-xl-1 > * {
- flex: 0 0 auto;
- width: 100%;
- }
- .row-cols-xl-2 > * {
- flex: 0 0 auto;
- width: 50%;
- }
- .row-cols-xl-3 > * {
- flex: 0 0 auto;
- width: 33.33333333%;
- }
- .row-cols-xl-4 > * {
- flex: 0 0 auto;
- width: 25%;
- }
- .row-cols-xl-5 > * {
- flex: 0 0 auto;
- width: 20%;
- }
- .row-cols-xl-6 > * {
- flex: 0 0 auto;
- width: 16.66666667%;
- }
- .col-xl-auto {
- flex: 0 0 auto;
- width: auto;
- }
- .col-xl-1 {
- flex: 0 0 auto;
- width: 8.33333333%;
- }
- .col-xl-2 {
- flex: 0 0 auto;
- width: 16.66666667%;
- }
- .col-xl-3 {
- flex: 0 0 auto;
- width: 25%;
- }
- .col-xl-4 {
- flex: 0 0 auto;
- width: 33.33333333%;
- }
- .col-xl-5 {
- flex: 0 0 auto;
- width: 41.66666667%;
- }
- .col-xl-6 {
- flex: 0 0 auto;
- width: 50%;
- }
- .col-xl-7 {
- flex: 0 0 auto;
- width: 58.33333333%;
- }
- .col-xl-8 {
- flex: 0 0 auto;
- width: 66.66666667%;
- }
- .col-xl-9 {
- flex: 0 0 auto;
- width: 75%;
- }
- .col-xl-10 {
- flex: 0 0 auto;
- width: 83.33333333%;
- }
- .col-xl-11 {
- flex: 0 0 auto;
- width: 91.66666667%;
- }
- .col-xl-12 {
- flex: 0 0 auto;
- width: 100%;
- }
- .offset-xl-0 {
- margin-left: 0;
- }
- .offset-xl-1 {
- margin-left: 8.33333333%;
- }
- .offset-xl-2 {
- margin-left: 16.66666667%;
- }
- .offset-xl-3 {
- margin-left: 25%;
- }
- .offset-xl-4 {
- margin-left: 33.33333333%;
- }
- .offset-xl-5 {
- margin-left: 41.66666667%;
- }
- .offset-xl-6 {
- margin-left: 50%;
- }
- .offset-xl-7 {
- margin-left: 58.33333333%;
- }
- .offset-xl-8 {
- margin-left: 66.66666667%;
- }
- .offset-xl-9 {
- margin-left: 75%;
- }
- .offset-xl-10 {
- margin-left: 83.33333333%;
- }
- .offset-xl-11 {
- margin-left: 91.66666667%;
- }
- .g-xl-0,
- .gx-xl-0 {
- --bs-gutter-x: 0;
- }
- .g-xl-0,
- .gy-xl-0 {
- --bs-gutter-y: 0;
- }
- .g-xl-1,
- .gx-xl-1 {
- --bs-gutter-x: 0.25rem;
- }
- .g-xl-1,
- .gy-xl-1 {
- --bs-gutter-y: 0.25rem;
- }
- .g-xl-2,
- .gx-xl-2 {
- --bs-gutter-x: 0.5rem;
- }
- .g-xl-2,
- .gy-xl-2 {
- --bs-gutter-y: 0.5rem;
- }
- .g-xl-3,
- .gx-xl-3 {
- --bs-gutter-x: 1rem;
- }
- .g-xl-3,
- .gy-xl-3 {
- --bs-gutter-y: 1rem;
- }
- .g-xl-4,
- .gx-xl-4 {
- --bs-gutter-x: 1.5rem;
- }
- .g-xl-4,
- .gy-xl-4 {
- --bs-gutter-y: 1.5rem;
- }
- .g-xl-5,
- .gx-xl-5 {
- --bs-gutter-x: 3rem;
- }
- .g-xl-5,
- .gy-xl-5 {
- --bs-gutter-y: 3rem;
- }
-}
-@media (min-width: 1400px) {
- .col-xxl {
- flex: 1 0 0%;
- }
- .row-cols-xxl-auto > * {
- flex: 0 0 auto;
- width: auto;
- }
- .row-cols-xxl-1 > * {
- flex: 0 0 auto;
- width: 100%;
- }
- .row-cols-xxl-2 > * {
- flex: 0 0 auto;
- width: 50%;
- }
- .row-cols-xxl-3 > * {
- flex: 0 0 auto;
- width: 33.33333333%;
- }
- .row-cols-xxl-4 > * {
- flex: 0 0 auto;
- width: 25%;
- }
- .row-cols-xxl-5 > * {
- flex: 0 0 auto;
- width: 20%;
- }
- .row-cols-xxl-6 > * {
- flex: 0 0 auto;
- width: 16.66666667%;
- }
- .col-xxl-auto {
- flex: 0 0 auto;
- width: auto;
- }
- .col-xxl-1 {
- flex: 0 0 auto;
- width: 8.33333333%;
- }
- .col-xxl-2 {
- flex: 0 0 auto;
- width: 16.66666667%;
- }
- .col-xxl-3 {
- flex: 0 0 auto;
- width: 25%;
- }
- .col-xxl-4 {
- flex: 0 0 auto;
- width: 33.33333333%;
- }
- .col-xxl-5 {
- flex: 0 0 auto;
- width: 41.66666667%;
- }
- .col-xxl-6 {
- flex: 0 0 auto;
- width: 50%;
- }
- .col-xxl-7 {
- flex: 0 0 auto;
- width: 58.33333333%;
- }
- .col-xxl-8 {
- flex: 0 0 auto;
- width: 66.66666667%;
- }
- .col-xxl-9 {
- flex: 0 0 auto;
- width: 75%;
- }
- .col-xxl-10 {
- flex: 0 0 auto;
- width: 83.33333333%;
- }
- .col-xxl-11 {
- flex: 0 0 auto;
- width: 91.66666667%;
- }
- .col-xxl-12 {
- flex: 0 0 auto;
- width: 100%;
- }
- .offset-xxl-0 {
- margin-left: 0;
- }
- .offset-xxl-1 {
- margin-left: 8.33333333%;
- }
- .offset-xxl-2 {
- margin-left: 16.66666667%;
- }
- .offset-xxl-3 {
- margin-left: 25%;
- }
- .offset-xxl-4 {
- margin-left: 33.33333333%;
- }
- .offset-xxl-5 {
- margin-left: 41.66666667%;
- }
- .offset-xxl-6 {
- margin-left: 50%;
- }
- .offset-xxl-7 {
- margin-left: 58.33333333%;
- }
- .offset-xxl-8 {
- margin-left: 66.66666667%;
- }
- .offset-xxl-9 {
- margin-left: 75%;
- }
- .offset-xxl-10 {
- margin-left: 83.33333333%;
- }
- .offset-xxl-11 {
- margin-left: 91.66666667%;
- }
- .g-xxl-0,
- .gx-xxl-0 {
- --bs-gutter-x: 0;
- }
- .g-xxl-0,
- .gy-xxl-0 {
- --bs-gutter-y: 0;
- }
- .g-xxl-1,
- .gx-xxl-1 {
- --bs-gutter-x: 0.25rem;
- }
- .g-xxl-1,
- .gy-xxl-1 {
- --bs-gutter-y: 0.25rem;
- }
- .g-xxl-2,
- .gx-xxl-2 {
- --bs-gutter-x: 0.5rem;
- }
- .g-xxl-2,
- .gy-xxl-2 {
- --bs-gutter-y: 0.5rem;
- }
- .g-xxl-3,
- .gx-xxl-3 {
- --bs-gutter-x: 1rem;
- }
- .g-xxl-3,
- .gy-xxl-3 {
- --bs-gutter-y: 1rem;
- }
- .g-xxl-4,
- .gx-xxl-4 {
- --bs-gutter-x: 1.5rem;
- }
- .g-xxl-4,
- .gy-xxl-4 {
- --bs-gutter-y: 1.5rem;
- }
- .g-xxl-5,
- .gx-xxl-5 {
- --bs-gutter-x: 3rem;
- }
- .g-xxl-5,
- .gy-xxl-5 {
- --bs-gutter-y: 3rem;
- }
-}
-.d-inline {
- display: inline !important;
-}
-.d-inline-block {
- display: inline-block !important;
-}
-.d-block {
- display: block !important;
-}
-.d-grid {
- display: grid !important;
-}
-.d-table {
- display: table !important;
-}
-.d-table-row {
- display: table-row !important;
-}
-.d-table-cell {
- display: table-cell !important;
-}
-.d-flex {
- display: flex !important;
-}
-.d-inline-flex {
- display: inline-flex !important;
-}
-.d-none {
- display: none !important;
-}
-.flex-fill {
- flex: 1 1 auto !important;
-}
-.flex-row {
- flex-direction: row !important;
-}
-.flex-column {
- flex-direction: column !important;
-}
-.flex-row-reverse {
- flex-direction: row-reverse !important;
-}
-.flex-column-reverse {
- flex-direction: column-reverse !important;
-}
-.flex-grow-0 {
- flex-grow: 0 !important;
-}
-.flex-grow-1 {
- flex-grow: 1 !important;
-}
-.flex-shrink-0 {
- flex-shrink: 0 !important;
-}
-.flex-shrink-1 {
- flex-shrink: 1 !important;
-}
-.flex-wrap {
- flex-wrap: wrap !important;
-}
-.flex-nowrap {
- flex-wrap: nowrap !important;
-}
-.flex-wrap-reverse {
- flex-wrap: wrap-reverse !important;
-}
-.justify-content-start {
- justify-content: flex-start !important;
-}
-.justify-content-end {
- justify-content: flex-end !important;
-}
-.justify-content-center {
- justify-content: center !important;
-}
-.justify-content-between {
- justify-content: space-between !important;
-}
-.justify-content-around {
- justify-content: space-around !important;
-}
-.justify-content-evenly {
- justify-content: space-evenly !important;
-}
-.align-items-start {
- align-items: flex-start !important;
-}
-.align-items-end {
- align-items: flex-end !important;
-}
-.align-items-center {
- align-items: center !important;
-}
-.align-items-baseline {
- align-items: baseline !important;
-}
-.align-items-stretch {
- align-items: stretch !important;
-}
-.align-content-start {
- align-content: flex-start !important;
-}
-.align-content-end {
- align-content: flex-end !important;
-}
-.align-content-center {
- align-content: center !important;
-}
-.align-content-between {
- align-content: space-between !important;
-}
-.align-content-around {
- align-content: space-around !important;
-}
-.align-content-stretch {
- align-content: stretch !important;
-}
-.align-self-auto {
- align-self: auto !important;
-}
-.align-self-start {
- align-self: flex-start !important;
-}
-.align-self-end {
- align-self: flex-end !important;
-}
-.align-self-center {
- align-self: center !important;
-}
-.align-self-baseline {
- align-self: baseline !important;
-}
-.align-self-stretch {
- align-self: stretch !important;
-}
-.order-first {
- order: -1 !important;
-}
-.order-0 {
- order: 0 !important;
-}
-.order-1 {
- order: 1 !important;
-}
-.order-2 {
- order: 2 !important;
-}
-.order-3 {
- order: 3 !important;
-}
-.order-4 {
- order: 4 !important;
-}
-.order-5 {
- order: 5 !important;
-}
-.order-last {
- order: 6 !important;
-}
-.m-0 {
- margin: 0 !important;
-}
-.m-1 {
- margin: 0.25rem !important;
-}
-.m-2 {
- margin: 0.5rem !important;
-}
-.m-3 {
- margin: 1rem !important;
-}
-.m-4 {
- margin: 1.5rem !important;
-}
-.m-5 {
- margin: 3rem !important;
-}
-.m-auto {
- margin: auto !important;
-}
-.mx-0 {
- margin-right: 0 !important;
- margin-left: 0 !important;
-}
-.mx-1 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important;
-}
-.mx-2 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important;
-}
-.mx-3 {
- margin-right: 1rem !important;
- margin-left: 1rem !important;
-}
-.mx-4 {
- margin-right: 1.5rem !important;
- margin-left: 1.5rem !important;
-}
-.mx-5 {
- margin-right: 3rem !important;
- margin-left: 3rem !important;
-}
-.mx-auto {
- margin-right: auto !important;
- margin-left: auto !important;
-}
-.my-0 {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
-}
-.my-1 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important;
-}
-.my-2 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
-}
-.my-3 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important;
-}
-.my-4 {
- margin-top: 1.5rem !important;
- margin-bottom: 1.5rem !important;
-}
-.my-5 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important;
-}
-.my-auto {
- margin-top: auto !important;
- margin-bottom: auto !important;
-}
-.mt-0 {
- margin-top: 0 !important;
-}
-.mt-1 {
- margin-top: 0.25rem !important;
-}
-.mt-2 {
- margin-top: 0.5rem !important;
-}
-.mt-3 {
- margin-top: 1rem !important;
-}
-.mt-4 {
- margin-top: 1.5rem !important;
-}
-.mt-5 {
- margin-top: 3rem !important;
-}
-.mt-auto {
- margin-top: auto !important;
-}
-.me-0 {
- margin-right: 0 !important;
-}
-.me-1 {
- margin-right: 0.25rem !important;
-}
-.me-2 {
- margin-right: 0.5rem !important;
-}
-.me-3 {
- margin-right: 1rem !important;
-}
-.me-4 {
- margin-right: 1.5rem !important;
-}
-.me-5 {
- margin-right: 3rem !important;
-}
-.me-auto {
- margin-right: auto !important;
-}
-.mb-0 {
- margin-bottom: 0 !important;
-}
-.mb-1 {
- margin-bottom: 0.25rem !important;
-}
-.mb-2 {
- margin-bottom: 0.5rem !important;
-}
-.mb-3 {
- margin-bottom: 1rem !important;
-}
-.mb-4 {
- margin-bottom: 1.5rem !important;
-}
-.mb-5 {
- margin-bottom: 3rem !important;
-}
-.mb-auto {
- margin-bottom: auto !important;
-}
-.ms-0 {
- margin-left: 0 !important;
-}
-.ms-1 {
- margin-left: 0.25rem !important;
-}
-.ms-2 {
- margin-left: 0.5rem !important;
-}
-.ms-3 {
- margin-left: 1rem !important;
-}
-.ms-4 {
- margin-left: 1.5rem !important;
-}
-.ms-5 {
- margin-left: 3rem !important;
-}
-.ms-auto {
- margin-left: auto !important;
-}
-.p-0 {
- padding: 0 !important;
-}
-.p-1 {
- padding: 0.25rem !important;
-}
-.p-2 {
- padding: 0.5rem !important;
-}
-.p-3 {
- padding: 1rem !important;
-}
-.p-4 {
- padding: 1.5rem !important;
-}
-.p-5 {
- padding: 3rem !important;
-}
-.px-0 {
- padding-right: 0 !important;
- padding-left: 0 !important;
-}
-.px-1 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important;
-}
-.px-2 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important;
-}
-.px-3 {
- padding-right: 1rem !important;
- padding-left: 1rem !important;
-}
-.px-4 {
- padding-right: 1.5rem !important;
- padding-left: 1.5rem !important;
-}
-.px-5 {
- padding-right: 3rem !important;
- padding-left: 3rem !important;
-}
-.py-0 {
- padding-top: 0 !important;
- padding-bottom: 0 !important;
-}
-.py-1 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important;
-}
-.py-2 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important;
-}
-.py-3 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important;
-}
-.py-4 {
- padding-top: 1.5rem !important;
- padding-bottom: 1.5rem !important;
-}
-.py-5 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important;
-}
-.pt-0 {
- padding-top: 0 !important;
-}
-.pt-1 {
- padding-top: 0.25rem !important;
-}
-.pt-2 {
- padding-top: 0.5rem !important;
-}
-.pt-3 {
- padding-top: 1rem !important;
-}
-.pt-4 {
- padding-top: 1.5rem !important;
-}
-.pt-5 {
- padding-top: 3rem !important;
-}
-.pe-0 {
- padding-right: 0 !important;
-}
-.pe-1 {
- padding-right: 0.25rem !important;
-}
-.pe-2 {
- padding-right: 0.5rem !important;
-}
-.pe-3 {
- padding-right: 1rem !important;
-}
-.pe-4 {
- padding-right: 1.5rem !important;
-}
-.pe-5 {
- padding-right: 3rem !important;
-}
-.pb-0 {
- padding-bottom: 0 !important;
-}
-.pb-1 {
- padding-bottom: 0.25rem !important;
-}
-.pb-2 {
- padding-bottom: 0.5rem !important;
-}
-.pb-3 {
- padding-bottom: 1rem !important;
-}
-.pb-4 {
- padding-bottom: 1.5rem !important;
-}
-.pb-5 {
- padding-bottom: 3rem !important;
-}
-.ps-0 {
- padding-left: 0 !important;
-}
-.ps-1 {
- padding-left: 0.25rem !important;
-}
-.ps-2 {
- padding-left: 0.5rem !important;
-}
-.ps-3 {
- padding-left: 1rem !important;
-}
-.ps-4 {
- padding-left: 1.5rem !important;
-}
-.ps-5 {
- padding-left: 3rem !important;
-}
-@media (min-width: 576px) {
- .d-sm-inline {
- display: inline !important;
- }
- .d-sm-inline-block {
- display: inline-block !important;
- }
- .d-sm-block {
- display: block !important;
- }
- .d-sm-grid {
- display: grid !important;
- }
- .d-sm-table {
- display: table !important;
- }
- .d-sm-table-row {
- display: table-row !important;
- }
- .d-sm-table-cell {
- display: table-cell !important;
- }
- .d-sm-flex {
- display: flex !important;
- }
- .d-sm-inline-flex {
- display: inline-flex !important;
- }
- .d-sm-none {
- display: none !important;
- }
- .flex-sm-fill {
- flex: 1 1 auto !important;
- }
- .flex-sm-row {
- flex-direction: row !important;
- }
- .flex-sm-column {
- flex-direction: column !important;
- }
- .flex-sm-row-reverse {
- flex-direction: row-reverse !important;
- }
- .flex-sm-column-reverse {
- flex-direction: column-reverse !important;
- }
- .flex-sm-grow-0 {
- flex-grow: 0 !important;
- }
- .flex-sm-grow-1 {
- flex-grow: 1 !important;
- }
- .flex-sm-shrink-0 {
- flex-shrink: 0 !important;
- }
- .flex-sm-shrink-1 {
- flex-shrink: 1 !important;
- }
- .flex-sm-wrap {
- flex-wrap: wrap !important;
- }
- .flex-sm-nowrap {
- flex-wrap: nowrap !important;
- }
- .flex-sm-wrap-reverse {
- flex-wrap: wrap-reverse !important;
- }
- .justify-content-sm-start {
- justify-content: flex-start !important;
- }
- .justify-content-sm-end {
- justify-content: flex-end !important;
- }
- .justify-content-sm-center {
- justify-content: center !important;
- }
- .justify-content-sm-between {
- justify-content: space-between !important;
- }
- .justify-content-sm-around {
- justify-content: space-around !important;
- }
- .justify-content-sm-evenly {
- justify-content: space-evenly !important;
- }
- .align-items-sm-start {
- align-items: flex-start !important;
- }
- .align-items-sm-end {
- align-items: flex-end !important;
- }
- .align-items-sm-center {
- align-items: center !important;
- }
- .align-items-sm-baseline {
- align-items: baseline !important;
- }
- .align-items-sm-stretch {
- align-items: stretch !important;
- }
- .align-content-sm-start {
- align-content: flex-start !important;
- }
- .align-content-sm-end {
- align-content: flex-end !important;
- }
- .align-content-sm-center {
- align-content: center !important;
- }
- .align-content-sm-between {
- align-content: space-between !important;
- }
- .align-content-sm-around {
- align-content: space-around !important;
- }
- .align-content-sm-stretch {
- align-content: stretch !important;
- }
- .align-self-sm-auto {
- align-self: auto !important;
- }
- .align-self-sm-start {
- align-self: flex-start !important;
- }
- .align-self-sm-end {
- align-self: flex-end !important;
- }
- .align-self-sm-center {
- align-self: center !important;
- }
- .align-self-sm-baseline {
- align-self: baseline !important;
- }
- .align-self-sm-stretch {
- align-self: stretch !important;
- }
- .order-sm-first {
- order: -1 !important;
- }
- .order-sm-0 {
- order: 0 !important;
- }
- .order-sm-1 {
- order: 1 !important;
- }
- .order-sm-2 {
- order: 2 !important;
- }
- .order-sm-3 {
- order: 3 !important;
- }
- .order-sm-4 {
- order: 4 !important;
- }
- .order-sm-5 {
- order: 5 !important;
- }
- .order-sm-last {
- order: 6 !important;
- }
- .m-sm-0 {
- margin: 0 !important;
- }
- .m-sm-1 {
- margin: 0.25rem !important;
- }
- .m-sm-2 {
- margin: 0.5rem !important;
- }
- .m-sm-3 {
- margin: 1rem !important;
- }
- .m-sm-4 {
- margin: 1.5rem !important;
- }
- .m-sm-5 {
- margin: 3rem !important;
- }
- .m-sm-auto {
- margin: auto !important;
- }
- .mx-sm-0 {
- margin-right: 0 !important;
- margin-left: 0 !important;
- }
- .mx-sm-1 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important;
- }
- .mx-sm-2 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important;
- }
- .mx-sm-3 {
- margin-right: 1rem !important;
- margin-left: 1rem !important;
- }
- .mx-sm-4 {
- margin-right: 1.5rem !important;
- margin-left: 1.5rem !important;
- }
- .mx-sm-5 {
- margin-right: 3rem !important;
- margin-left: 3rem !important;
- }
- .mx-sm-auto {
- margin-right: auto !important;
- margin-left: auto !important;
- }
- .my-sm-0 {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
- }
- .my-sm-1 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important;
- }
- .my-sm-2 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
- }
- .my-sm-3 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important;
- }
- .my-sm-4 {
- margin-top: 1.5rem !important;
- margin-bottom: 1.5rem !important;
- }
- .my-sm-5 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important;
- }
- .my-sm-auto {
- margin-top: auto !important;
- margin-bottom: auto !important;
- }
- .mt-sm-0 {
- margin-top: 0 !important;
- }
- .mt-sm-1 {
- margin-top: 0.25rem !important;
- }
- .mt-sm-2 {
- margin-top: 0.5rem !important;
- }
- .mt-sm-3 {
- margin-top: 1rem !important;
- }
- .mt-sm-4 {
- margin-top: 1.5rem !important;
- }
- .mt-sm-5 {
- margin-top: 3rem !important;
- }
- .mt-sm-auto {
- margin-top: auto !important;
- }
- .me-sm-0 {
- margin-right: 0 !important;
- }
- .me-sm-1 {
- margin-right: 0.25rem !important;
- }
- .me-sm-2 {
- margin-right: 0.5rem !important;
- }
- .me-sm-3 {
- margin-right: 1rem !important;
- }
- .me-sm-4 {
- margin-right: 1.5rem !important;
- }
- .me-sm-5 {
- margin-right: 3rem !important;
- }
- .me-sm-auto {
- margin-right: auto !important;
- }
- .mb-sm-0 {
- margin-bottom: 0 !important;
- }
- .mb-sm-1 {
- margin-bottom: 0.25rem !important;
- }
- .mb-sm-2 {
- margin-bottom: 0.5rem !important;
- }
- .mb-sm-3 {
- margin-bottom: 1rem !important;
- }
- .mb-sm-4 {
- margin-bottom: 1.5rem !important;
- }
- .mb-sm-5 {
- margin-bottom: 3rem !important;
- }
- .mb-sm-auto {
- margin-bottom: auto !important;
- }
- .ms-sm-0 {
- margin-left: 0 !important;
- }
- .ms-sm-1 {
- margin-left: 0.25rem !important;
- }
- .ms-sm-2 {
- margin-left: 0.5rem !important;
- }
- .ms-sm-3 {
- margin-left: 1rem !important;
- }
- .ms-sm-4 {
- margin-left: 1.5rem !important;
- }
- .ms-sm-5 {
- margin-left: 3rem !important;
- }
- .ms-sm-auto {
- margin-left: auto !important;
- }
- .p-sm-0 {
- padding: 0 !important;
- }
- .p-sm-1 {
- padding: 0.25rem !important;
- }
- .p-sm-2 {
- padding: 0.5rem !important;
- }
- .p-sm-3 {
- padding: 1rem !important;
- }
- .p-sm-4 {
- padding: 1.5rem !important;
- }
- .p-sm-5 {
- padding: 3rem !important;
- }
- .px-sm-0 {
- padding-right: 0 !important;
- padding-left: 0 !important;
- }
- .px-sm-1 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important;
- }
- .px-sm-2 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important;
- }
- .px-sm-3 {
- padding-right: 1rem !important;
- padding-left: 1rem !important;
- }
- .px-sm-4 {
- padding-right: 1.5rem !important;
- padding-left: 1.5rem !important;
- }
- .px-sm-5 {
- padding-right: 3rem !important;
- padding-left: 3rem !important;
- }
- .py-sm-0 {
- padding-top: 0 !important;
- padding-bottom: 0 !important;
- }
- .py-sm-1 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important;
- }
- .py-sm-2 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important;
- }
- .py-sm-3 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important;
- }
- .py-sm-4 {
- padding-top: 1.5rem !important;
- padding-bottom: 1.5rem !important;
- }
- .py-sm-5 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important;
- }
- .pt-sm-0 {
- padding-top: 0 !important;
- }
- .pt-sm-1 {
- padding-top: 0.25rem !important;
- }
- .pt-sm-2 {
- padding-top: 0.5rem !important;
- }
- .pt-sm-3 {
- padding-top: 1rem !important;
- }
- .pt-sm-4 {
- padding-top: 1.5rem !important;
- }
- .pt-sm-5 {
- padding-top: 3rem !important;
- }
- .pe-sm-0 {
- padding-right: 0 !important;
- }
- .pe-sm-1 {
- padding-right: 0.25rem !important;
- }
- .pe-sm-2 {
- padding-right: 0.5rem !important;
- }
- .pe-sm-3 {
- padding-right: 1rem !important;
- }
- .pe-sm-4 {
- padding-right: 1.5rem !important;
- }
- .pe-sm-5 {
- padding-right: 3rem !important;
- }
- .pb-sm-0 {
- padding-bottom: 0 !important;
- }
- .pb-sm-1 {
- padding-bottom: 0.25rem !important;
- }
- .pb-sm-2 {
- padding-bottom: 0.5rem !important;
- }
- .pb-sm-3 {
- padding-bottom: 1rem !important;
- }
- .pb-sm-4 {
- padding-bottom: 1.5rem !important;
- }
- .pb-sm-5 {
- padding-bottom: 3rem !important;
- }
- .ps-sm-0 {
- padding-left: 0 !important;
- }
- .ps-sm-1 {
- padding-left: 0.25rem !important;
- }
- .ps-sm-2 {
- padding-left: 0.5rem !important;
- }
- .ps-sm-3 {
- padding-left: 1rem !important;
- }
- .ps-sm-4 {
- padding-left: 1.5rem !important;
- }
- .ps-sm-5 {
- padding-left: 3rem !important;
- }
-}
-@media (min-width: 768px) {
- .d-md-inline {
- display: inline !important;
- }
- .d-md-inline-block {
- display: inline-block !important;
- }
- .d-md-block {
- display: block !important;
- }
- .d-md-grid {
- display: grid !important;
- }
- .d-md-table {
- display: table !important;
- }
- .d-md-table-row {
- display: table-row !important;
- }
- .d-md-table-cell {
- display: table-cell !important;
- }
- .d-md-flex {
- display: flex !important;
- }
- .d-md-inline-flex {
- display: inline-flex !important;
- }
- .d-md-none {
- display: none !important;
- }
- .flex-md-fill {
- flex: 1 1 auto !important;
- }
- .flex-md-row {
- flex-direction: row !important;
- }
- .flex-md-column {
- flex-direction: column !important;
- }
- .flex-md-row-reverse {
- flex-direction: row-reverse !important;
- }
- .flex-md-column-reverse {
- flex-direction: column-reverse !important;
- }
- .flex-md-grow-0 {
- flex-grow: 0 !important;
- }
- .flex-md-grow-1 {
- flex-grow: 1 !important;
- }
- .flex-md-shrink-0 {
- flex-shrink: 0 !important;
- }
- .flex-md-shrink-1 {
- flex-shrink: 1 !important;
- }
- .flex-md-wrap {
- flex-wrap: wrap !important;
- }
- .flex-md-nowrap {
- flex-wrap: nowrap !important;
- }
- .flex-md-wrap-reverse {
- flex-wrap: wrap-reverse !important;
- }
- .justify-content-md-start {
- justify-content: flex-start !important;
- }
- .justify-content-md-end {
- justify-content: flex-end !important;
- }
- .justify-content-md-center {
- justify-content: center !important;
- }
- .justify-content-md-between {
- justify-content: space-between !important;
- }
- .justify-content-md-around {
- justify-content: space-around !important;
- }
- .justify-content-md-evenly {
- justify-content: space-evenly !important;
- }
- .align-items-md-start {
- align-items: flex-start !important;
- }
- .align-items-md-end {
- align-items: flex-end !important;
- }
- .align-items-md-center {
- align-items: center !important;
- }
- .align-items-md-baseline {
- align-items: baseline !important;
- }
- .align-items-md-stretch {
- align-items: stretch !important;
- }
- .align-content-md-start {
- align-content: flex-start !important;
- }
- .align-content-md-end {
- align-content: flex-end !important;
- }
- .align-content-md-center {
- align-content: center !important;
- }
- .align-content-md-between {
- align-content: space-between !important;
- }
- .align-content-md-around {
- align-content: space-around !important;
- }
- .align-content-md-stretch {
- align-content: stretch !important;
- }
- .align-self-md-auto {
- align-self: auto !important;
- }
- .align-self-md-start {
- align-self: flex-start !important;
- }
- .align-self-md-end {
- align-self: flex-end !important;
- }
- .align-self-md-center {
- align-self: center !important;
- }
- .align-self-md-baseline {
- align-self: baseline !important;
- }
- .align-self-md-stretch {
- align-self: stretch !important;
- }
- .order-md-first {
- order: -1 !important;
- }
- .order-md-0 {
- order: 0 !important;
- }
- .order-md-1 {
- order: 1 !important;
- }
- .order-md-2 {
- order: 2 !important;
- }
- .order-md-3 {
- order: 3 !important;
- }
- .order-md-4 {
- order: 4 !important;
- }
- .order-md-5 {
- order: 5 !important;
- }
- .order-md-last {
- order: 6 !important;
- }
- .m-md-0 {
- margin: 0 !important;
- }
- .m-md-1 {
- margin: 0.25rem !important;
- }
- .m-md-2 {
- margin: 0.5rem !important;
- }
- .m-md-3 {
- margin: 1rem !important;
- }
- .m-md-4 {
- margin: 1.5rem !important;
- }
- .m-md-5 {
- margin: 3rem !important;
- }
- .m-md-auto {
- margin: auto !important;
- }
- .mx-md-0 {
- margin-right: 0 !important;
- margin-left: 0 !important;
- }
- .mx-md-1 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important;
- }
- .mx-md-2 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important;
- }
- .mx-md-3 {
- margin-right: 1rem !important;
- margin-left: 1rem !important;
- }
- .mx-md-4 {
- margin-right: 1.5rem !important;
- margin-left: 1.5rem !important;
- }
- .mx-md-5 {
- margin-right: 3rem !important;
- margin-left: 3rem !important;
- }
- .mx-md-auto {
- margin-right: auto !important;
- margin-left: auto !important;
- }
- .my-md-0 {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
- }
- .my-md-1 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important;
- }
- .my-md-2 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
- }
- .my-md-3 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important;
- }
- .my-md-4 {
- margin-top: 1.5rem !important;
- margin-bottom: 1.5rem !important;
- }
- .my-md-5 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important;
- }
- .my-md-auto {
- margin-top: auto !important;
- margin-bottom: auto !important;
- }
- .mt-md-0 {
- margin-top: 0 !important;
- }
- .mt-md-1 {
- margin-top: 0.25rem !important;
- }
- .mt-md-2 {
- margin-top: 0.5rem !important;
- }
- .mt-md-3 {
- margin-top: 1rem !important;
- }
- .mt-md-4 {
- margin-top: 1.5rem !important;
- }
- .mt-md-5 {
- margin-top: 3rem !important;
- }
- .mt-md-auto {
- margin-top: auto !important;
- }
- .me-md-0 {
- margin-right: 0 !important;
- }
- .me-md-1 {
- margin-right: 0.25rem !important;
- }
- .me-md-2 {
- margin-right: 0.5rem !important;
- }
- .me-md-3 {
- margin-right: 1rem !important;
- }
- .me-md-4 {
- margin-right: 1.5rem !important;
- }
- .me-md-5 {
- margin-right: 3rem !important;
- }
- .me-md-auto {
- margin-right: auto !important;
- }
- .mb-md-0 {
- margin-bottom: 0 !important;
- }
- .mb-md-1 {
- margin-bottom: 0.25rem !important;
- }
- .mb-md-2 {
- margin-bottom: 0.5rem !important;
- }
- .mb-md-3 {
- margin-bottom: 1rem !important;
- }
- .mb-md-4 {
- margin-bottom: 1.5rem !important;
- }
- .mb-md-5 {
- margin-bottom: 3rem !important;
- }
- .mb-md-auto {
- margin-bottom: auto !important;
- }
- .ms-md-0 {
- margin-left: 0 !important;
- }
- .ms-md-1 {
- margin-left: 0.25rem !important;
- }
- .ms-md-2 {
- margin-left: 0.5rem !important;
- }
- .ms-md-3 {
- margin-left: 1rem !important;
- }
- .ms-md-4 {
- margin-left: 1.5rem !important;
- }
- .ms-md-5 {
- margin-left: 3rem !important;
- }
- .ms-md-auto {
- margin-left: auto !important;
- }
- .p-md-0 {
- padding: 0 !important;
- }
- .p-md-1 {
- padding: 0.25rem !important;
- }
- .p-md-2 {
- padding: 0.5rem !important;
- }
- .p-md-3 {
- padding: 1rem !important;
- }
- .p-md-4 {
- padding: 1.5rem !important;
- }
- .p-md-5 {
- padding: 3rem !important;
- }
- .px-md-0 {
- padding-right: 0 !important;
- padding-left: 0 !important;
- }
- .px-md-1 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important;
- }
- .px-md-2 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important;
- }
- .px-md-3 {
- padding-right: 1rem !important;
- padding-left: 1rem !important;
- }
- .px-md-4 {
- padding-right: 1.5rem !important;
- padding-left: 1.5rem !important;
- }
- .px-md-5 {
- padding-right: 3rem !important;
- padding-left: 3rem !important;
- }
- .py-md-0 {
- padding-top: 0 !important;
- padding-bottom: 0 !important;
- }
- .py-md-1 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important;
- }
- .py-md-2 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important;
- }
- .py-md-3 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important;
- }
- .py-md-4 {
- padding-top: 1.5rem !important;
- padding-bottom: 1.5rem !important;
- }
- .py-md-5 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important;
- }
- .pt-md-0 {
- padding-top: 0 !important;
- }
- .pt-md-1 {
- padding-top: 0.25rem !important;
- }
- .pt-md-2 {
- padding-top: 0.5rem !important;
- }
- .pt-md-3 {
- padding-top: 1rem !important;
- }
- .pt-md-4 {
- padding-top: 1.5rem !important;
- }
- .pt-md-5 {
- padding-top: 3rem !important;
- }
- .pe-md-0 {
- padding-right: 0 !important;
- }
- .pe-md-1 {
- padding-right: 0.25rem !important;
- }
- .pe-md-2 {
- padding-right: 0.5rem !important;
- }
- .pe-md-3 {
- padding-right: 1rem !important;
- }
- .pe-md-4 {
- padding-right: 1.5rem !important;
- }
- .pe-md-5 {
- padding-right: 3rem !important;
- }
- .pb-md-0 {
- padding-bottom: 0 !important;
- }
- .pb-md-1 {
- padding-bottom: 0.25rem !important;
- }
- .pb-md-2 {
- padding-bottom: 0.5rem !important;
- }
- .pb-md-3 {
- padding-bottom: 1rem !important;
- }
- .pb-md-4 {
- padding-bottom: 1.5rem !important;
- }
- .pb-md-5 {
- padding-bottom: 3rem !important;
- }
- .ps-md-0 {
- padding-left: 0 !important;
- }
- .ps-md-1 {
- padding-left: 0.25rem !important;
- }
- .ps-md-2 {
- padding-left: 0.5rem !important;
- }
- .ps-md-3 {
- padding-left: 1rem !important;
- }
- .ps-md-4 {
- padding-left: 1.5rem !important;
- }
- .ps-md-5 {
- padding-left: 3rem !important;
- }
-}
-@media (min-width: 992px) {
- .d-lg-inline {
- display: inline !important;
- }
- .d-lg-inline-block {
- display: inline-block !important;
- }
- .d-lg-block {
- display: block !important;
- }
- .d-lg-grid {
- display: grid !important;
- }
- .d-lg-table {
- display: table !important;
- }
- .d-lg-table-row {
- display: table-row !important;
- }
- .d-lg-table-cell {
- display: table-cell !important;
- }
- .d-lg-flex {
- display: flex !important;
- }
- .d-lg-inline-flex {
- display: inline-flex !important;
- }
- .d-lg-none {
- display: none !important;
- }
- .flex-lg-fill {
- flex: 1 1 auto !important;
- }
- .flex-lg-row {
- flex-direction: row !important;
- }
- .flex-lg-column {
- flex-direction: column !important;
- }
- .flex-lg-row-reverse {
- flex-direction: row-reverse !important;
- }
- .flex-lg-column-reverse {
- flex-direction: column-reverse !important;
- }
- .flex-lg-grow-0 {
- flex-grow: 0 !important;
- }
- .flex-lg-grow-1 {
- flex-grow: 1 !important;
- }
- .flex-lg-shrink-0 {
- flex-shrink: 0 !important;
- }
- .flex-lg-shrink-1 {
- flex-shrink: 1 !important;
- }
- .flex-lg-wrap {
- flex-wrap: wrap !important;
- }
- .flex-lg-nowrap {
- flex-wrap: nowrap !important;
- }
- .flex-lg-wrap-reverse {
- flex-wrap: wrap-reverse !important;
- }
- .justify-content-lg-start {
- justify-content: flex-start !important;
- }
- .justify-content-lg-end {
- justify-content: flex-end !important;
- }
- .justify-content-lg-center {
- justify-content: center !important;
- }
- .justify-content-lg-between {
- justify-content: space-between !important;
- }
- .justify-content-lg-around {
- justify-content: space-around !important;
- }
- .justify-content-lg-evenly {
- justify-content: space-evenly !important;
- }
- .align-items-lg-start {
- align-items: flex-start !important;
- }
- .align-items-lg-end {
- align-items: flex-end !important;
- }
- .align-items-lg-center {
- align-items: center !important;
- }
- .align-items-lg-baseline {
- align-items: baseline !important;
- }
- .align-items-lg-stretch {
- align-items: stretch !important;
- }
- .align-content-lg-start {
- align-content: flex-start !important;
- }
- .align-content-lg-end {
- align-content: flex-end !important;
- }
- .align-content-lg-center {
- align-content: center !important;
- }
- .align-content-lg-between {
- align-content: space-between !important;
- }
- .align-content-lg-around {
- align-content: space-around !important;
- }
- .align-content-lg-stretch {
- align-content: stretch !important;
- }
- .align-self-lg-auto {
- align-self: auto !important;
- }
- .align-self-lg-start {
- align-self: flex-start !important;
- }
- .align-self-lg-end {
- align-self: flex-end !important;
- }
- .align-self-lg-center {
- align-self: center !important;
- }
- .align-self-lg-baseline {
- align-self: baseline !important;
- }
- .align-self-lg-stretch {
- align-self: stretch !important;
- }
- .order-lg-first {
- order: -1 !important;
- }
- .order-lg-0 {
- order: 0 !important;
- }
- .order-lg-1 {
- order: 1 !important;
- }
- .order-lg-2 {
- order: 2 !important;
- }
- .order-lg-3 {
- order: 3 !important;
- }
- .order-lg-4 {
- order: 4 !important;
- }
- .order-lg-5 {
- order: 5 !important;
- }
- .order-lg-last {
- order: 6 !important;
- }
- .m-lg-0 {
- margin: 0 !important;
- }
- .m-lg-1 {
- margin: 0.25rem !important;
- }
- .m-lg-2 {
- margin: 0.5rem !important;
- }
- .m-lg-3 {
- margin: 1rem !important;
- }
- .m-lg-4 {
- margin: 1.5rem !important;
- }
- .m-lg-5 {
- margin: 3rem !important;
- }
- .m-lg-auto {
- margin: auto !important;
- }
- .mx-lg-0 {
- margin-right: 0 !important;
- margin-left: 0 !important;
- }
- .mx-lg-1 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important;
- }
- .mx-lg-2 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important;
- }
- .mx-lg-3 {
- margin-right: 1rem !important;
- margin-left: 1rem !important;
- }
- .mx-lg-4 {
- margin-right: 1.5rem !important;
- margin-left: 1.5rem !important;
- }
- .mx-lg-5 {
- margin-right: 3rem !important;
- margin-left: 3rem !important;
- }
- .mx-lg-auto {
- margin-right: auto !important;
- margin-left: auto !important;
- }
- .my-lg-0 {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
- }
- .my-lg-1 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important;
- }
- .my-lg-2 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
- }
- .my-lg-3 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important;
- }
- .my-lg-4 {
- margin-top: 1.5rem !important;
- margin-bottom: 1.5rem !important;
- }
- .my-lg-5 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important;
- }
- .my-lg-auto {
- margin-top: auto !important;
- margin-bottom: auto !important;
- }
- .mt-lg-0 {
- margin-top: 0 !important;
- }
- .mt-lg-1 {
- margin-top: 0.25rem !important;
- }
- .mt-lg-2 {
- margin-top: 0.5rem !important;
- }
- .mt-lg-3 {
- margin-top: 1rem !important;
- }
- .mt-lg-4 {
- margin-top: 1.5rem !important;
- }
- .mt-lg-5 {
- margin-top: 3rem !important;
- }
- .mt-lg-auto {
- margin-top: auto !important;
- }
- .me-lg-0 {
- margin-right: 0 !important;
- }
- .me-lg-1 {
- margin-right: 0.25rem !important;
- }
- .me-lg-2 {
- margin-right: 0.5rem !important;
- }
- .me-lg-3 {
- margin-right: 1rem !important;
- }
- .me-lg-4 {
- margin-right: 1.5rem !important;
- }
- .me-lg-5 {
- margin-right: 3rem !important;
- }
- .me-lg-auto {
- margin-right: auto !important;
- }
- .mb-lg-0 {
- margin-bottom: 0 !important;
- }
- .mb-lg-1 {
- margin-bottom: 0.25rem !important;
- }
- .mb-lg-2 {
- margin-bottom: 0.5rem !important;
- }
- .mb-lg-3 {
- margin-bottom: 1rem !important;
- }
- .mb-lg-4 {
- margin-bottom: 1.5rem !important;
- }
- .mb-lg-5 {
- margin-bottom: 3rem !important;
- }
- .mb-lg-auto {
- margin-bottom: auto !important;
- }
- .ms-lg-0 {
- margin-left: 0 !important;
- }
- .ms-lg-1 {
- margin-left: 0.25rem !important;
- }
- .ms-lg-2 {
- margin-left: 0.5rem !important;
- }
- .ms-lg-3 {
- margin-left: 1rem !important;
- }
- .ms-lg-4 {
- margin-left: 1.5rem !important;
- }
- .ms-lg-5 {
- margin-left: 3rem !important;
- }
- .ms-lg-auto {
- margin-left: auto !important;
- }
- .p-lg-0 {
- padding: 0 !important;
- }
- .p-lg-1 {
- padding: 0.25rem !important;
- }
- .p-lg-2 {
- padding: 0.5rem !important;
- }
- .p-lg-3 {
- padding: 1rem !important;
- }
- .p-lg-4 {
- padding: 1.5rem !important;
- }
- .p-lg-5 {
- padding: 3rem !important;
- }
- .px-lg-0 {
- padding-right: 0 !important;
- padding-left: 0 !important;
- }
- .px-lg-1 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important;
- }
- .px-lg-2 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important;
- }
- .px-lg-3 {
- padding-right: 1rem !important;
- padding-left: 1rem !important;
- }
- .px-lg-4 {
- padding-right: 1.5rem !important;
- padding-left: 1.5rem !important;
- }
- .px-lg-5 {
- padding-right: 3rem !important;
- padding-left: 3rem !important;
- }
- .py-lg-0 {
- padding-top: 0 !important;
- padding-bottom: 0 !important;
- }
- .py-lg-1 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important;
- }
- .py-lg-2 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important;
- }
- .py-lg-3 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important;
- }
- .py-lg-4 {
- padding-top: 1.5rem !important;
- padding-bottom: 1.5rem !important;
- }
- .py-lg-5 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important;
- }
- .pt-lg-0 {
- padding-top: 0 !important;
- }
- .pt-lg-1 {
- padding-top: 0.25rem !important;
- }
- .pt-lg-2 {
- padding-top: 0.5rem !important;
- }
- .pt-lg-3 {
- padding-top: 1rem !important;
- }
- .pt-lg-4 {
- padding-top: 1.5rem !important;
- }
- .pt-lg-5 {
- padding-top: 3rem !important;
- }
- .pe-lg-0 {
- padding-right: 0 !important;
- }
- .pe-lg-1 {
- padding-right: 0.25rem !important;
- }
- .pe-lg-2 {
- padding-right: 0.5rem !important;
- }
- .pe-lg-3 {
- padding-right: 1rem !important;
- }
- .pe-lg-4 {
- padding-right: 1.5rem !important;
- }
- .pe-lg-5 {
- padding-right: 3rem !important;
- }
- .pb-lg-0 {
- padding-bottom: 0 !important;
- }
- .pb-lg-1 {
- padding-bottom: 0.25rem !important;
- }
- .pb-lg-2 {
- padding-bottom: 0.5rem !important;
- }
- .pb-lg-3 {
- padding-bottom: 1rem !important;
- }
- .pb-lg-4 {
- padding-bottom: 1.5rem !important;
- }
- .pb-lg-5 {
- padding-bottom: 3rem !important;
- }
- .ps-lg-0 {
- padding-left: 0 !important;
- }
- .ps-lg-1 {
- padding-left: 0.25rem !important;
- }
- .ps-lg-2 {
- padding-left: 0.5rem !important;
- }
- .ps-lg-3 {
- padding-left: 1rem !important;
- }
- .ps-lg-4 {
- padding-left: 1.5rem !important;
- }
- .ps-lg-5 {
- padding-left: 3rem !important;
- }
-}
-@media (min-width: 1200px) {
- .d-xl-inline {
- display: inline !important;
- }
- .d-xl-inline-block {
- display: inline-block !important;
- }
- .d-xl-block {
- display: block !important;
- }
- .d-xl-grid {
- display: grid !important;
- }
- .d-xl-table {
- display: table !important;
- }
- .d-xl-table-row {
- display: table-row !important;
- }
- .d-xl-table-cell {
- display: table-cell !important;
- }
- .d-xl-flex {
- display: flex !important;
- }
- .d-xl-inline-flex {
- display: inline-flex !important;
- }
- .d-xl-none {
- display: none !important;
- }
- .flex-xl-fill {
- flex: 1 1 auto !important;
- }
- .flex-xl-row {
- flex-direction: row !important;
- }
- .flex-xl-column {
- flex-direction: column !important;
- }
- .flex-xl-row-reverse {
- flex-direction: row-reverse !important;
- }
- .flex-xl-column-reverse {
- flex-direction: column-reverse !important;
- }
- .flex-xl-grow-0 {
- flex-grow: 0 !important;
- }
- .flex-xl-grow-1 {
- flex-grow: 1 !important;
- }
- .flex-xl-shrink-0 {
- flex-shrink: 0 !important;
- }
- .flex-xl-shrink-1 {
- flex-shrink: 1 !important;
- }
- .flex-xl-wrap {
- flex-wrap: wrap !important;
- }
- .flex-xl-nowrap {
- flex-wrap: nowrap !important;
- }
- .flex-xl-wrap-reverse {
- flex-wrap: wrap-reverse !important;
- }
- .justify-content-xl-start {
- justify-content: flex-start !important;
- }
- .justify-content-xl-end {
- justify-content: flex-end !important;
- }
- .justify-content-xl-center {
- justify-content: center !important;
- }
- .justify-content-xl-between {
- justify-content: space-between !important;
- }
- .justify-content-xl-around {
- justify-content: space-around !important;
- }
- .justify-content-xl-evenly {
- justify-content: space-evenly !important;
- }
- .align-items-xl-start {
- align-items: flex-start !important;
- }
- .align-items-xl-end {
- align-items: flex-end !important;
- }
- .align-items-xl-center {
- align-items: center !important;
- }
- .align-items-xl-baseline {
- align-items: baseline !important;
- }
- .align-items-xl-stretch {
- align-items: stretch !important;
- }
- .align-content-xl-start {
- align-content: flex-start !important;
- }
- .align-content-xl-end {
- align-content: flex-end !important;
- }
- .align-content-xl-center {
- align-content: center !important;
- }
- .align-content-xl-between {
- align-content: space-between !important;
- }
- .align-content-xl-around {
- align-content: space-around !important;
- }
- .align-content-xl-stretch {
- align-content: stretch !important;
- }
- .align-self-xl-auto {
- align-self: auto !important;
- }
- .align-self-xl-start {
- align-self: flex-start !important;
- }
- .align-self-xl-end {
- align-self: flex-end !important;
- }
- .align-self-xl-center {
- align-self: center !important;
- }
- .align-self-xl-baseline {
- align-self: baseline !important;
- }
- .align-self-xl-stretch {
- align-self: stretch !important;
- }
- .order-xl-first {
- order: -1 !important;
- }
- .order-xl-0 {
- order: 0 !important;
- }
- .order-xl-1 {
- order: 1 !important;
- }
- .order-xl-2 {
- order: 2 !important;
- }
- .order-xl-3 {
- order: 3 !important;
- }
- .order-xl-4 {
- order: 4 !important;
- }
- .order-xl-5 {
- order: 5 !important;
- }
- .order-xl-last {
- order: 6 !important;
- }
- .m-xl-0 {
- margin: 0 !important;
- }
- .m-xl-1 {
- margin: 0.25rem !important;
- }
- .m-xl-2 {
- margin: 0.5rem !important;
- }
- .m-xl-3 {
- margin: 1rem !important;
- }
- .m-xl-4 {
- margin: 1.5rem !important;
- }
- .m-xl-5 {
- margin: 3rem !important;
- }
- .m-xl-auto {
- margin: auto !important;
- }
- .mx-xl-0 {
- margin-right: 0 !important;
- margin-left: 0 !important;
- }
- .mx-xl-1 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important;
- }
- .mx-xl-2 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important;
- }
- .mx-xl-3 {
- margin-right: 1rem !important;
- margin-left: 1rem !important;
- }
- .mx-xl-4 {
- margin-right: 1.5rem !important;
- margin-left: 1.5rem !important;
- }
- .mx-xl-5 {
- margin-right: 3rem !important;
- margin-left: 3rem !important;
- }
- .mx-xl-auto {
- margin-right: auto !important;
- margin-left: auto !important;
- }
- .my-xl-0 {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
- }
- .my-xl-1 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important;
- }
- .my-xl-2 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
- }
- .my-xl-3 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important;
- }
- .my-xl-4 {
- margin-top: 1.5rem !important;
- margin-bottom: 1.5rem !important;
- }
- .my-xl-5 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important;
- }
- .my-xl-auto {
- margin-top: auto !important;
- margin-bottom: auto !important;
- }
- .mt-xl-0 {
- margin-top: 0 !important;
- }
- .mt-xl-1 {
- margin-top: 0.25rem !important;
- }
- .mt-xl-2 {
- margin-top: 0.5rem !important;
- }
- .mt-xl-3 {
- margin-top: 1rem !important;
- }
- .mt-xl-4 {
- margin-top: 1.5rem !important;
- }
- .mt-xl-5 {
- margin-top: 3rem !important;
- }
- .mt-xl-auto {
- margin-top: auto !important;
- }
- .me-xl-0 {
- margin-right: 0 !important;
- }
- .me-xl-1 {
- margin-right: 0.25rem !important;
- }
- .me-xl-2 {
- margin-right: 0.5rem !important;
- }
- .me-xl-3 {
- margin-right: 1rem !important;
- }
- .me-xl-4 {
- margin-right: 1.5rem !important;
- }
- .me-xl-5 {
- margin-right: 3rem !important;
- }
- .me-xl-auto {
- margin-right: auto !important;
- }
- .mb-xl-0 {
- margin-bottom: 0 !important;
- }
- .mb-xl-1 {
- margin-bottom: 0.25rem !important;
- }
- .mb-xl-2 {
- margin-bottom: 0.5rem !important;
- }
- .mb-xl-3 {
- margin-bottom: 1rem !important;
- }
- .mb-xl-4 {
- margin-bottom: 1.5rem !important;
- }
- .mb-xl-5 {
- margin-bottom: 3rem !important;
- }
- .mb-xl-auto {
- margin-bottom: auto !important;
- }
- .ms-xl-0 {
- margin-left: 0 !important;
- }
- .ms-xl-1 {
- margin-left: 0.25rem !important;
- }
- .ms-xl-2 {
- margin-left: 0.5rem !important;
- }
- .ms-xl-3 {
- margin-left: 1rem !important;
- }
- .ms-xl-4 {
- margin-left: 1.5rem !important;
- }
- .ms-xl-5 {
- margin-left: 3rem !important;
- }
- .ms-xl-auto {
- margin-left: auto !important;
- }
- .p-xl-0 {
- padding: 0 !important;
- }
- .p-xl-1 {
- padding: 0.25rem !important;
- }
- .p-xl-2 {
- padding: 0.5rem !important;
- }
- .p-xl-3 {
- padding: 1rem !important;
- }
- .p-xl-4 {
- padding: 1.5rem !important;
- }
- .p-xl-5 {
- padding: 3rem !important;
- }
- .px-xl-0 {
- padding-right: 0 !important;
- padding-left: 0 !important;
- }
- .px-xl-1 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important;
- }
- .px-xl-2 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important;
- }
- .px-xl-3 {
- padding-right: 1rem !important;
- padding-left: 1rem !important;
- }
- .px-xl-4 {
- padding-right: 1.5rem !important;
- padding-left: 1.5rem !important;
- }
- .px-xl-5 {
- padding-right: 3rem !important;
- padding-left: 3rem !important;
- }
- .py-xl-0 {
- padding-top: 0 !important;
- padding-bottom: 0 !important;
- }
- .py-xl-1 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important;
- }
- .py-xl-2 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important;
- }
- .py-xl-3 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important;
- }
- .py-xl-4 {
- padding-top: 1.5rem !important;
- padding-bottom: 1.5rem !important;
- }
- .py-xl-5 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important;
- }
- .pt-xl-0 {
- padding-top: 0 !important;
- }
- .pt-xl-1 {
- padding-top: 0.25rem !important;
- }
- .pt-xl-2 {
- padding-top: 0.5rem !important;
- }
- .pt-xl-3 {
- padding-top: 1rem !important;
- }
- .pt-xl-4 {
- padding-top: 1.5rem !important;
- }
- .pt-xl-5 {
- padding-top: 3rem !important;
- }
- .pe-xl-0 {
- padding-right: 0 !important;
- }
- .pe-xl-1 {
- padding-right: 0.25rem !important;
- }
- .pe-xl-2 {
- padding-right: 0.5rem !important;
- }
- .pe-xl-3 {
- padding-right: 1rem !important;
- }
- .pe-xl-4 {
- padding-right: 1.5rem !important;
- }
- .pe-xl-5 {
- padding-right: 3rem !important;
- }
- .pb-xl-0 {
- padding-bottom: 0 !important;
- }
- .pb-xl-1 {
- padding-bottom: 0.25rem !important;
- }
- .pb-xl-2 {
- padding-bottom: 0.5rem !important;
- }
- .pb-xl-3 {
- padding-bottom: 1rem !important;
- }
- .pb-xl-4 {
- padding-bottom: 1.5rem !important;
- }
- .pb-xl-5 {
- padding-bottom: 3rem !important;
- }
- .ps-xl-0 {
- padding-left: 0 !important;
- }
- .ps-xl-1 {
- padding-left: 0.25rem !important;
- }
- .ps-xl-2 {
- padding-left: 0.5rem !important;
- }
- .ps-xl-3 {
- padding-left: 1rem !important;
- }
- .ps-xl-4 {
- padding-left: 1.5rem !important;
- }
- .ps-xl-5 {
- padding-left: 3rem !important;
- }
-}
-@media (min-width: 1400px) {
- .d-xxl-inline {
- display: inline !important;
- }
- .d-xxl-inline-block {
- display: inline-block !important;
- }
- .d-xxl-block {
- display: block !important;
- }
- .d-xxl-grid {
- display: grid !important;
- }
- .d-xxl-table {
- display: table !important;
- }
- .d-xxl-table-row {
- display: table-row !important;
- }
- .d-xxl-table-cell {
- display: table-cell !important;
- }
- .d-xxl-flex {
- display: flex !important;
- }
- .d-xxl-inline-flex {
- display: inline-flex !important;
- }
- .d-xxl-none {
- display: none !important;
- }
- .flex-xxl-fill {
- flex: 1 1 auto !important;
- }
- .flex-xxl-row {
- flex-direction: row !important;
- }
- .flex-xxl-column {
- flex-direction: column !important;
- }
- .flex-xxl-row-reverse {
- flex-direction: row-reverse !important;
- }
- .flex-xxl-column-reverse {
- flex-direction: column-reverse !important;
- }
- .flex-xxl-grow-0 {
- flex-grow: 0 !important;
- }
- .flex-xxl-grow-1 {
- flex-grow: 1 !important;
- }
- .flex-xxl-shrink-0 {
- flex-shrink: 0 !important;
- }
- .flex-xxl-shrink-1 {
- flex-shrink: 1 !important;
- }
- .flex-xxl-wrap {
- flex-wrap: wrap !important;
- }
- .flex-xxl-nowrap {
- flex-wrap: nowrap !important;
- }
- .flex-xxl-wrap-reverse {
- flex-wrap: wrap-reverse !important;
- }
- .justify-content-xxl-start {
- justify-content: flex-start !important;
- }
- .justify-content-xxl-end {
- justify-content: flex-end !important;
- }
- .justify-content-xxl-center {
- justify-content: center !important;
- }
- .justify-content-xxl-between {
- justify-content: space-between !important;
- }
- .justify-content-xxl-around {
- justify-content: space-around !important;
- }
- .justify-content-xxl-evenly {
- justify-content: space-evenly !important;
- }
- .align-items-xxl-start {
- align-items: flex-start !important;
- }
- .align-items-xxl-end {
- align-items: flex-end !important;
- }
- .align-items-xxl-center {
- align-items: center !important;
- }
- .align-items-xxl-baseline {
- align-items: baseline !important;
- }
- .align-items-xxl-stretch {
- align-items: stretch !important;
- }
- .align-content-xxl-start {
- align-content: flex-start !important;
- }
- .align-content-xxl-end {
- align-content: flex-end !important;
- }
- .align-content-xxl-center {
- align-content: center !important;
- }
- .align-content-xxl-between {
- align-content: space-between !important;
- }
- .align-content-xxl-around {
- align-content: space-around !important;
- }
- .align-content-xxl-stretch {
- align-content: stretch !important;
- }
- .align-self-xxl-auto {
- align-self: auto !important;
- }
- .align-self-xxl-start {
- align-self: flex-start !important;
- }
- .align-self-xxl-end {
- align-self: flex-end !important;
- }
- .align-self-xxl-center {
- align-self: center !important;
- }
- .align-self-xxl-baseline {
- align-self: baseline !important;
- }
- .align-self-xxl-stretch {
- align-self: stretch !important;
- }
- .order-xxl-first {
- order: -1 !important;
- }
- .order-xxl-0 {
- order: 0 !important;
- }
- .order-xxl-1 {
- order: 1 !important;
- }
- .order-xxl-2 {
- order: 2 !important;
- }
- .order-xxl-3 {
- order: 3 !important;
- }
- .order-xxl-4 {
- order: 4 !important;
- }
- .order-xxl-5 {
- order: 5 !important;
- }
- .order-xxl-last {
- order: 6 !important;
- }
- .m-xxl-0 {
- margin: 0 !important;
- }
- .m-xxl-1 {
- margin: 0.25rem !important;
- }
- .m-xxl-2 {
- margin: 0.5rem !important;
- }
- .m-xxl-3 {
- margin: 1rem !important;
- }
- .m-xxl-4 {
- margin: 1.5rem !important;
- }
- .m-xxl-5 {
- margin: 3rem !important;
- }
- .m-xxl-auto {
- margin: auto !important;
- }
- .mx-xxl-0 {
- margin-right: 0 !important;
- margin-left: 0 !important;
- }
- .mx-xxl-1 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important;
- }
- .mx-xxl-2 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important;
- }
- .mx-xxl-3 {
- margin-right: 1rem !important;
- margin-left: 1rem !important;
- }
- .mx-xxl-4 {
- margin-right: 1.5rem !important;
- margin-left: 1.5rem !important;
- }
- .mx-xxl-5 {
- margin-right: 3rem !important;
- margin-left: 3rem !important;
- }
- .mx-xxl-auto {
- margin-right: auto !important;
- margin-left: auto !important;
- }
- .my-xxl-0 {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
- }
- .my-xxl-1 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important;
- }
- .my-xxl-2 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
- }
- .my-xxl-3 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important;
- }
- .my-xxl-4 {
- margin-top: 1.5rem !important;
- margin-bottom: 1.5rem !important;
- }
- .my-xxl-5 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important;
- }
- .my-xxl-auto {
- margin-top: auto !important;
- margin-bottom: auto !important;
- }
- .mt-xxl-0 {
- margin-top: 0 !important;
- }
- .mt-xxl-1 {
- margin-top: 0.25rem !important;
- }
- .mt-xxl-2 {
- margin-top: 0.5rem !important;
- }
- .mt-xxl-3 {
- margin-top: 1rem !important;
- }
- .mt-xxl-4 {
- margin-top: 1.5rem !important;
- }
- .mt-xxl-5 {
- margin-top: 3rem !important;
- }
- .mt-xxl-auto {
- margin-top: auto !important;
- }
- .me-xxl-0 {
- margin-right: 0 !important;
- }
- .me-xxl-1 {
- margin-right: 0.25rem !important;
- }
- .me-xxl-2 {
- margin-right: 0.5rem !important;
- }
- .me-xxl-3 {
- margin-right: 1rem !important;
- }
- .me-xxl-4 {
- margin-right: 1.5rem !important;
- }
- .me-xxl-5 {
- margin-right: 3rem !important;
- }
- .me-xxl-auto {
- margin-right: auto !important;
- }
- .mb-xxl-0 {
- margin-bottom: 0 !important;
- }
- .mb-xxl-1 {
- margin-bottom: 0.25rem !important;
- }
- .mb-xxl-2 {
- margin-bottom: 0.5rem !important;
- }
- .mb-xxl-3 {
- margin-bottom: 1rem !important;
- }
- .mb-xxl-4 {
- margin-bottom: 1.5rem !important;
- }
- .mb-xxl-5 {
- margin-bottom: 3rem !important;
- }
- .mb-xxl-auto {
- margin-bottom: auto !important;
- }
- .ms-xxl-0 {
- margin-left: 0 !important;
- }
- .ms-xxl-1 {
- margin-left: 0.25rem !important;
- }
- .ms-xxl-2 {
- margin-left: 0.5rem !important;
- }
- .ms-xxl-3 {
- margin-left: 1rem !important;
- }
- .ms-xxl-4 {
- margin-left: 1.5rem !important;
- }
- .ms-xxl-5 {
- margin-left: 3rem !important;
- }
- .ms-xxl-auto {
- margin-left: auto !important;
- }
- .p-xxl-0 {
- padding: 0 !important;
- }
- .p-xxl-1 {
- padding: 0.25rem !important;
- }
- .p-xxl-2 {
- padding: 0.5rem !important;
- }
- .p-xxl-3 {
- padding: 1rem !important;
- }
- .p-xxl-4 {
- padding: 1.5rem !important;
- }
- .p-xxl-5 {
- padding: 3rem !important;
- }
- .px-xxl-0 {
- padding-right: 0 !important;
- padding-left: 0 !important;
- }
- .px-xxl-1 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important;
- }
- .px-xxl-2 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important;
- }
- .px-xxl-3 {
- padding-right: 1rem !important;
- padding-left: 1rem !important;
- }
- .px-xxl-4 {
- padding-right: 1.5rem !important;
- padding-left: 1.5rem !important;
- }
- .px-xxl-5 {
- padding-right: 3rem !important;
- padding-left: 3rem !important;
- }
- .py-xxl-0 {
- padding-top: 0 !important;
- padding-bottom: 0 !important;
- }
- .py-xxl-1 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important;
- }
- .py-xxl-2 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important;
- }
- .py-xxl-3 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important;
- }
- .py-xxl-4 {
- padding-top: 1.5rem !important;
- padding-bottom: 1.5rem !important;
- }
- .py-xxl-5 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important;
- }
- .pt-xxl-0 {
- padding-top: 0 !important;
- }
- .pt-xxl-1 {
- padding-top: 0.25rem !important;
- }
- .pt-xxl-2 {
- padding-top: 0.5rem !important;
- }
- .pt-xxl-3 {
- padding-top: 1rem !important;
- }
- .pt-xxl-4 {
- padding-top: 1.5rem !important;
- }
- .pt-xxl-5 {
- padding-top: 3rem !important;
- }
- .pe-xxl-0 {
- padding-right: 0 !important;
- }
- .pe-xxl-1 {
- padding-right: 0.25rem !important;
- }
- .pe-xxl-2 {
- padding-right: 0.5rem !important;
- }
- .pe-xxl-3 {
- padding-right: 1rem !important;
- }
- .pe-xxl-4 {
- padding-right: 1.5rem !important;
- }
- .pe-xxl-5 {
- padding-right: 3rem !important;
- }
- .pb-xxl-0 {
- padding-bottom: 0 !important;
- }
- .pb-xxl-1 {
- padding-bottom: 0.25rem !important;
- }
- .pb-xxl-2 {
- padding-bottom: 0.5rem !important;
- }
- .pb-xxl-3 {
- padding-bottom: 1rem !important;
- }
- .pb-xxl-4 {
- padding-bottom: 1.5rem !important;
- }
- .pb-xxl-5 {
- padding-bottom: 3rem !important;
- }
- .ps-xxl-0 {
- padding-left: 0 !important;
- }
- .ps-xxl-1 {
- padding-left: 0.25rem !important;
- }
- .ps-xxl-2 {
- padding-left: 0.5rem !important;
- }
- .ps-xxl-3 {
- padding-left: 1rem !important;
- }
- .ps-xxl-4 {
- padding-left: 1.5rem !important;
- }
- .ps-xxl-5 {
- padding-left: 3rem !important;
- }
-}
-@media print {
- .d-print-inline {
- display: inline !important;
- }
- .d-print-inline-block {
- display: inline-block !important;
- }
- .d-print-block {
- display: block !important;
- }
- .d-print-grid {
- display: grid !important;
- }
- .d-print-table {
- display: table !important;
- }
- .d-print-table-row {
- display: table-row !important;
- }
- .d-print-table-cell {
- display: table-cell !important;
- }
- .d-print-flex {
- display: flex !important;
- }
- .d-print-inline-flex {
- display: inline-flex !important;
- }
- .d-print-none {
- display: none !important;
- }
-}
-.tooltip {
- position: absolute;
- z-index: 999999;
- display: block;
- margin: 0;
- font-family: var(--bs-font-sans-serif);
- font-style: normal;
- font-weight: 400;
- line-height: 1.5;
- text-align: left;
- text-align: start;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- letter-spacing: normal;
- word-break: normal;
- word-spacing: normal;
- white-space: normal;
- line-break: auto;
- font-size: 0.875rem;
- word-wrap: break-word;
- opacity: 0;
- pointer-events: none;
-}
-.tooltip.show {
- opacity: 0.9;
-}
-.tooltip .tooltip-arrow {
- position: absolute;
- display: block;
- width: 0.8rem;
- height: 0.4rem;
-}
-.tooltip .tooltip-arrow::before {
- position: absolute;
- content: "";
- border-color: transparent;
- border-style: solid;
-}
-.bs-tooltip-top,
-.bs-tooltip-auto[data-popper-placement^=top] {
- padding: 0.4rem 0;
-}
-.bs-tooltip-top .tooltip-arrow,
-.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
- bottom: 0;
-}
-.bs-tooltip-top .tooltip-arrow::before,
-.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
- top: -1px;
- border-width: 0.4rem 0.4rem 0;
- border-top-color: #000;
-}
-.bs-tooltip-end,
-.bs-tooltip-auto[data-popper-placement^=right] {
- padding: 0 0.4rem;
-}
-.bs-tooltip-end .tooltip-arrow,
-.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
- left: 0;
- width: 0.4rem;
- height: 0.8rem;
-}
-.bs-tooltip-end .tooltip-arrow::before,
-.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
- right: -1px;
- border-width: 0.4rem 0.4rem 0.4rem 0;
- border-right-color: #000;
-}
-.bs-tooltip-bottom,
-.bs-tooltip-auto[data-popper-placement^=bottom] {
- padding: 0.4rem 0;
-}
-.bs-tooltip-bottom .tooltip-arrow,
-.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
- top: 0;
-}
-.bs-tooltip-bottom .tooltip-arrow::before,
-.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
- bottom: -1px;
- border-width: 0 0.4rem 0.4rem;
- border-bottom-color: #000;
-}
-.bs-tooltip-start,
-.bs-tooltip-auto[data-popper-placement^=left] {
- padding: 0 0.4rem;
-}
-.bs-tooltip-start .tooltip-arrow,
-.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
- right: 0;
- width: 0.4rem;
- height: 0.8rem;
-}
-.bs-tooltip-start .tooltip-arrow::before,
-.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
- left: -1px;
- border-width: 0.4rem 0 0.4rem 0.4rem;
- border-left-color: #000;
-}
-.tooltip-inner {
- max-width: 200px;
- padding: 0.25rem 0.5rem;
- color: #fff;
- text-align: center;
- background-color: #000;
- border-radius: 0.25rem;
- -webkit-user-select: none;
- user-select: none;
- pointer-events: none;
-}
-.popover {
- position: absolute;
- top: 0;
- left: 0 /* rtl:ignore */;
- z-index: 1070;
- display: block;
- max-width: 276px;
- font-family: var(--bs-font-sans-serif);
- font-style: normal;
- font-weight: 400;
- line-height: 1.5;
- text-align: left;
- text-align: start;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- letter-spacing: normal;
- word-break: normal;
- word-spacing: normal;
- white-space: normal;
- line-break: auto;
- font-size: 0.875rem;
- word-wrap: break-word;
- background-color: var(--modalBackground);
- background-clip: padding-box;
- box-shadow: var(--mediaItemShadow), var(--mediaItemShadow-Shadow);
- border-radius: var(--mediaItemRadius);
-}
-.popover .popover-arrow {
- position: absolute;
- display: block;
- width: 1rem;
- height: 0.5rem;
-}
-.popover .popover-arrow::before,
-.popover .popover-arrow::after {
- position: absolute;
- display: block;
- content: "";
- border-color: transparent;
- border-style: solid;
-}
-.bs-popover-top > .popover-arrow,
-.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
- bottom: calc(-0.5rem - 1px);
-}
-.bs-popover-top > .popover-arrow::before,
-.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
- bottom: 0;
- border-width: 0.5rem 0.5rem 0;
- border-top-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-top > .popover-arrow::after,
-.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
- bottom: 1px;
- border-width: 0.5rem 0.5rem 0;
- border-top-color: #fff;
-}
-.bs-popover-end > .popover-arrow,
-.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
- left: calc(-0.5rem - 1px);
- width: 0.5rem;
- height: 1rem;
-}
-.bs-popover-end > .popover-arrow::before,
-.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
- left: 0;
- border-width: 0.5rem 0.5rem 0.5rem 0;
- border-right-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-end > .popover-arrow::after,
-.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
- left: 1px;
- border-width: 0.5rem 0.5rem 0.5rem 0;
- border-right-color: #fff;
-}
-.bs-popover-bottom > .popover-arrow,
-.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
- top: calc(-0.5rem - 1px);
-}
-.bs-popover-bottom > .popover-arrow::before,
-.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
- top: 0;
- border-width: 0 0.5rem 0.5rem 0.5rem;
- border-bottom-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-bottom > .popover-arrow::after,
-.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
- top: 1px;
- border-width: 0 0.5rem 0.5rem 0.5rem;
- border-bottom-color: #fff;
-}
-.bs-popover-bottom .popover-header::before,
-.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
- position: absolute;
- top: 0;
- left: 50%;
- display: block;
- width: 1rem;
- margin-left: -0.5rem;
- content: "";
- border-bottom: 1px solid #f0f0f0;
-}
-.bs-popover-start > .popover-arrow,
-.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
- right: calc(-0.5rem - 1px);
- width: 0.5rem;
- height: 1rem;
-}
-.bs-popover-start > .popover-arrow::before,
-.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
- right: 0;
- border-width: 0.5rem 0 0.5rem 0.5rem;
- border-left-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-start > .popover-arrow::after,
-.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
- right: 1px;
- border-width: 0.5rem 0 0.5rem 0.5rem;
- border-left-color: #fff;
-}
-.popover-header {
- padding: 0.5rem 1rem;
- margin-bottom: 0;
- font-size: 1rem;
- background-color: #f0f0f0;
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
- border-top-left-radius: calc(0.3rem - 1px);
- border-top-right-radius: calc(0.3rem - 1px);
-}
-.popover-header:empty {
- display: none;
-}
-.popover-body {
- padding: 1rem 1rem;
- color: var(--textColor);
-}
-.carousel {
- position: relative;
-}
-.carousel.pointer-event {
- -ms-touch-action: pan-y;
- touch-action: pan-y;
-}
-.carousel-inner {
- position: relative;
- width: 100%;
- overflow: hidden;
-}
-.carousel-inner::after {
- display: block;
- clear: both;
- content: "";
-}
-.carousel-item {
- position: relative;
- display: none;
- float: left;
- width: 100%;
- margin-right: -100%;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transition: -webkit-transform 0.6s ease-in-out;
- transition: transform 0.6s ease-in-out;
- transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
- .carousel-item {
- transition: none;
- }
-}
-.carousel-item.active,
-.carousel-item-next,
-.carousel-item-prev {
- display: block;
-}
-.carousel-item-next:not(.carousel-item-left),
-.active.carousel-item-right {
- -webkit-transform: translateX(100%);
- transform: translateX(100%);
-}
-.carousel-item-prev:not(.carousel-item-right),
-.active.carousel-item-left {
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%);
-}
-.carousel-fade .carousel-item {
- opacity: 0;
- transition-property: opacity;
- -webkit-transform: none;
- transform: none;
-}
-.carousel-fade .carousel-item.active,
-.carousel-fade .carousel-item-next.carousel-item-left,
-.carousel-fade .carousel-item-prev.carousel-item-right {
- z-index: 1;
- opacity: 1;
-}
-.carousel-fade .active.carousel-item-left,
-.carousel-fade .active.carousel-item-right {
- z-index: 0;
- opacity: 0;
- transition: opacity 0s 0.6s;
-}
-@media (prefers-reduced-motion: reduce) {
- .carousel-fade .active.carousel-item-left,
- .carousel-fade .active.carousel-item-right {
- transition: none;
- }
-}
-.carousel-control-prev,
-.carousel-control-next {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 1;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-pack: center;
- justify-content: center;
- width: 15%;
- padding: 0;
- color: #fff;
- text-align: center;
- background: none;
- border: 0;
- opacity: 0.5;
- transition: opacity 0.15s ease;
-}
-@media (prefers-reduced-motion: reduce) {
- .carousel-control-prev,
- .carousel-control-next {
- transition: none;
- }
-}
-.carousel-control-prev:hover,
-.carousel-control-prev:focus,
-.carousel-control-next:hover,
-.carousel-control-next:focus {
- color: #fff;
- text-decoration: none;
- outline: 0;
- opacity: 0.9;
-}
-.carousel-control-prev {
- left: 0;
-}
-.carousel-control-next {
- right: 0;
-}
-.carousel-control-prev-icon,
-.carousel-control-next-icon {
- display: inline-block;
- width: 20px;
- height: 20px;
- background: 50% / 100% 100% no-repeat;
-}
-.carousel-control-prev-icon {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
-}
-.carousel-control-next-icon {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
-}
-.carousel-indicators {
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 15;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: center;
- justify-content: center;
- padding-left: 0;
- margin-right: 15%;
- margin-left: 15%;
- list-style: none;
-}
-.carousel-indicators li {
- box-sizing: content-box;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- width: 30px;
- height: 3px;
- margin-right: 3px;
- margin-left: 3px;
- text-indent: -999px;
- cursor: pointer;
- background-color: #fff;
- background-clip: padding-box;
- border-top: 10px solid transparent;
- border-bottom: 10px solid transparent;
- opacity: 0.5;
- transition: opacity 0.6s ease;
-}
-@media (prefers-reduced-motion: reduce) {
- .carousel-indicators li {
- transition: none;
- }
-}
-.carousel-indicators .active {
- opacity: 1;
-}
-.carousel-caption {
- position: absolute;
- right: 15%;
- bottom: 20px;
- left: 15%;
- z-index: 10;
- padding-top: 20px;
- padding-bottom: 20px;
- color: #fff;
- text-align: center;
-}
-@-webkit-keyframes notyf-fadeinup {
- 0% {
- opacity: 0;
- transform: translateY(25%);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
-}
-@keyframes notyf-fadeinup {
- 0% {
- opacity: 0;
- transform: translateY(25%);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
-}
-@-webkit-keyframes notyf-fadeinleft {
- 0% {
- opacity: 0;
- transform: translateX(25%);
- }
- to {
- opacity: 1;
- transform: translateX(0);
- }
-}
-@keyframes notyf-fadeinleft {
- 0% {
- opacity: 0;
- transform: translateX(25%);
- }
- to {
- opacity: 1;
- transform: translateX(0);
- }
-}
-@-webkit-keyframes notyf-fadeoutright {
- 0% {
- opacity: 1;
- transform: translateX(0);
- }
- to {
- opacity: 0;
- transform: translateX(25%);
- }
-}
-@keyframes notyf-fadeoutright {
- 0% {
- opacity: 1;
- transform: translateX(0);
- }
- to {
- opacity: 0;
- transform: translateX(25%);
- }
-}
-@-webkit-keyframes notyf-fadeoutdown {
- 0% {
- opacity: 1;
- transform: translateY(0);
- }
- to {
- opacity: 0;
- transform: translateY(25%);
- }
-}
-@keyframes notyf-fadeoutdown {
- 0% {
- opacity: 1;
- transform: translateY(0);
- }
- to {
- opacity: 0;
- transform: translateY(25%);
- }
-}
-@-webkit-keyframes ripple {
- 0% {
- transform: scale(0) translateY(-45%) translateX(13%);
- }
- to {
- transform: scale(1) translateY(-45%) translateX(13%);
- }
-}
-@keyframes ripple {
- 0% {
- transform: scale(0) translateY(-45%) translateX(13%);
- }
- to {
- transform: scale(1) translateY(-45%) translateX(13%);
- }
-}
-.notyf {
- position: fixed;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- color: #fff;
- z-index: 9999;
- display: flex;
- flex-direction: column;
- align-items: flex-end;
- justify-content: flex-end;
- pointer-events: none;
- box-sizing: border-box;
- padding: 20px;
-}
-.notyf__icon--error,
-.notyf__icon--success {
- height: 21px;
- width: 21px;
- background: #fff;
- border-radius: 50%;
- display: block;
- margin: 0 auto;
- position: relative;
-}
-.notyf__icon--error:after,
-.notyf__icon--error:before {
- content: "";
- background: currentColor;
- display: block;
- position: absolute;
- width: 3px;
- border-radius: 3px;
- left: 9px;
- height: 12px;
- top: 5px;
-}
-.notyf__icon--error:after {
- transform: rotate(-45deg);
-}
-.notyf__icon--error:before {
- transform: rotate(45deg);
-}
-.notyf__icon--success:after,
-.notyf__icon--success:before {
- content: "";
- background: currentColor;
- display: block;
- position: absolute;
- width: 3px;
- border-radius: 3px;
-}
-.notyf__icon--success:after {
- height: 6px;
- transform: rotate(-45deg);
- top: 9px;
- left: 6px;
-}
-.notyf__icon--success:before {
- height: 11px;
- transform: rotate(45deg);
- top: 5px;
- left: 10px;
-}
-.notyf__toast {
- display: block;
- overflow: hidden;
- pointer-events: auto;
- -webkit-animation: notyf-fadeinup 0.3s ease-in forwards;
- animation: notyf-fadeinup 0.3s ease-in forwards;
- box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25);
- position: relative;
- padding: 0 15px;
- border-radius: 2px;
- max-width: 300px;
- transform: translateY(25%);
- box-sizing: border-box;
- flex-shrink: 0;
-}
-.notyf__toast--disappear {
- transform: translateY(0);
- -webkit-animation: notyf-fadeoutdown 0.3s forwards;
- animation: notyf-fadeoutdown 0.3s forwards;
- -webkit-animation-delay: 0.25s;
- animation-delay: 0.25s;
-}
-.notyf__toast--disappear .notyf__icon,
-.notyf__toast--disappear .notyf__message {
- -webkit-animation: notyf-fadeoutdown 0.3s forwards;
- animation: notyf-fadeoutdown 0.3s forwards;
- opacity: 1;
- transform: translateY(0);
-}
-.notyf__toast--disappear .notyf__dismiss {
- -webkit-animation: notyf-fadeoutright 0.3s forwards;
- animation: notyf-fadeoutright 0.3s forwards;
- opacity: 1;
- transform: translateX(0);
-}
-.notyf__toast--disappear .notyf__message {
- -webkit-animation-delay: 0.05s;
- animation-delay: 0.05s;
-}
-.notyf__toast--upper {
- margin-bottom: 20px;
-}
-.notyf__toast--lower {
- margin-top: 20px;
-}
-.notyf__toast--dismissible .notyf__wrapper {
- padding-right: 30px;
-}
-.notyf__ripple {
- height: 400px;
- width: 400px;
- position: absolute;
- transform-origin: bottom right;
- right: 0;
- top: 0;
- border-radius: 50%;
- transform: scale(0) translateY(-51%) translateX(13%);
- z-index: 5;
- -webkit-animation: ripple 0.4s ease-out forwards;
- animation: ripple 0.4s ease-out forwards;
-}
-.notyf__wrapper {
- display: flex;
- align-items: center;
- padding-top: 17px;
- padding-bottom: 17px;
- padding-right: 15px;
- border-radius: 3px;
- position: relative;
- z-index: 10;
-}
-.notyf__icon {
- width: 22px;
- text-align: center;
- font-size: 1.3em;
- opacity: 0;
- -webkit-animation: notyf-fadeinup 0.3s forwards;
- animation: notyf-fadeinup 0.3s forwards;
- -webkit-animation-delay: 0.3s;
- animation-delay: 0.3s;
- margin-right: 13px;
-}
-.notyf__dismiss {
- position: absolute;
- top: 0;
- right: 0;
- height: 100%;
- width: 26px;
- margin-right: -15px;
- -webkit-animation: notyf-fadeinleft 0.3s forwards;
- animation: notyf-fadeinleft 0.3s forwards;
- -webkit-animation-delay: 0.35s;
- animation-delay: 0.35s;
- opacity: 0;
-}
-.notyf__dismiss-btn {
- background-color: rgba(0, 0, 0, 0.25);
- border: none;
- cursor: pointer;
- transition: opacity 0.2s ease, background-color 0.2s ease;
- outline: none;
- opacity: 0.35;
- height: 100%;
- width: 100%;
-}
-.notyf__dismiss-btn:after,
-.notyf__dismiss-btn:before {
- content: "";
- background: #fff;
- height: 12px;
- width: 2px;
- border-radius: 3px;
- position: absolute;
- left: calc(50% - 1px);
- top: calc(50% - 5px);
-}
-.notyf__dismiss-btn:after {
- transform: rotate(-45deg);
-}
-.notyf__dismiss-btn:before {
- transform: rotate(45deg);
-}
-.notyf__dismiss-btn:hover {
- opacity: 0.7;
- background-color: rgba(0, 0, 0, 0.15);
-}
-.notyf__dismiss-btn:active {
- opacity: 0.8;
-}
-.notyf__message {
- vertical-align: middle;
- position: relative;
- opacity: 0;
- -webkit-animation: notyf-fadeinup 0.3s forwards;
- animation: notyf-fadeinup 0.3s forwards;
- -webkit-animation-delay: 0.25s;
- animation-delay: 0.25s;
- line-height: 1.5em;
-}
-@media only screen and (max-width: 480px) {
- .notyf {
- padding: 0;
- }
- .notyf__ripple {
- height: 600px;
- width: 600px;
- -webkit-animation-duration: 0.5s;
- animation-duration: 0.5s;
- }
- .notyf__toast {
- max-width: none;
- border-radius: 0;
- box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.13);
- width: 100%;
- }
- .notyf__dismiss {
- width: 56px;
- }
-}
-.md-select {
- padding: 6px;
- border-radius: 6px;
- border: 1px solid rgba(200, 200, 200, 0.1);
- border-top: 1px solid rgba(100, 100, 100, 0.5);
- font-family: inherit;
- font-size: 14px;
- background: rgba(100, 100, 100, 0.25);
- color: #eee;
-}
-.md-select option {
- font-size: 1em;
- font-family: inherit;
- padding: 8px 16px;
- background: #404040;
-}
-.md-select optgroup {
- background: #2c2c2c;
-}
-.md-select:focus {
- outline: solid 1px var(--selected);
-}
-.md-btn {
- font-family: inherit;
- background: rgba(100, 100, 100, 0.25);
- padding: 8px 14px;
- border-radius: 6px;
- font-size: 14px;
- border: 1px solid rgba(100, 100, 100, 0.35);
- border-top: 1px solid rgba(100, 100, 100, 0.5);
- color: #eee;
- white-space: nowrap;
- transition: transform 0.2s var(--appleEase), box-shadow 0.2s var(--appleEase);
-}
-.md-btn.md-btn-block {
- display: block;
- width: 100%;
-}
-.md-btn.md-btn-glyph {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
-}
-.md-btn.md-btn-primary {
- background: #ff2b52a6;
- color: white;
- border: 1px solid rgba(220, 53, 69, 0.25);
- border-top: 1px solid rgba(220, 53, 69, 0.5);
-}
-.md-btn.md-btn-small {
- padding: 6px 8px;
- font-size: 13px;
-}
-.md-btn:hover {
- filter: brightness(125%);
-}
-.md-btn:active {
- filter: brightness(75%);
- transform: scale(0.98);
- transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
-}
-.md-btn.md-btn-icon {
- display: inline-flex;
- vertical-align: middle;
- justify-content: center;
-}
-.md-btn.md-btn-icon > img {
- margin: 0px 16px 0px 0px;
- pointer-events: none;
-}
-.md-btn.md-btn-icon > .md-btn-text {
- margin: 0px;
-}
-.btn-group {
- display: inline-flex;
- justify-content: center;
- align-items: center;
-}
-.btn-group > .md-btn {
- border-radius: 0px;
- width: 100%;
-}
-.btn-group > .md-btn:first-child {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.btn-group > .md-btn:last-child {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
-}
-.btn-group > .md-btn:not(:first-child):not(:last-child) {
- border-radius: 0px;
-}
-.md-close-btn {
- -webkit-mask-image: url("ameres://icons/webui/close.svg");
- -webkit-mask-repeat: no-repeat;
- -webkit-mask-position: center;
- background-color: white;
- opacity: 0.75;
- -webkit-mask-size: contain;
- height: 18px;
- width: 18px;
-}
-.md-ico-play {
- content: url("./assets/play.svg");
- width: 10px;
- height: 12px;
- margin-right: 1px;
- align-self: center;
-}
-.md-ico-shuffle {
- content: url("./assets/shuffle.svg");
- width: 1em;
- height: 1em;
- margin-right: 1px;
- margin-bottom: -2px;
- align-self: center;
-}
-.md-ico-remove {
- content: url("./assets/feather/x-circle-white.svg");
- width: 16px;
- height: 16px;
- margin-right: 1px;
- margin-bottom: -1.5px;
- align-self: center;
-}
-.md-ico-add {
- content: url("./assets/feather/plus-circle-white.svg");
- width: 1em;
- height: 1em;
- margin-right: 1px;
- margin-bottom: -1.5px;
- align-self: center;
-}
-.page-btn {
- align-self: center;
- height: 32px;
-}
-.page-btn img {
- height: 100%;
- align-self: center;
-}
-.md-ico-first {
- content: url('./assets/angles-left.svg');
-}
-.md-ico-prev {
- content: url('./assets/chevron-left.svg');
-}
-.md-ico-next {
- content: url('./assets/chevron-right.svg');
-}
-.md-ico-last {
- content: url('./assets/angles-right.svg');
-}
-.reload-btn {
- background: rgba(86, 86, 86, 0.52);
- border-radius: 100%;
- width: 32px;
- height: 32px;
- border: 0px;
- appearance: none;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-.reload-btn:hover {
- background: rgba(86, 86, 86, 0.8);
- 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: rgba(80, 80, 80, 0.7);
- color: white;
-}
-.cd-btn-seeall {
- background: transparent;
- border: 0px;
- color: var(--keyColor);
- font-family: inherit;
- font-weight: 500;
- font-size: 16px;
- border-radius: 4px;
- padding: 6px;
-}
-.cd-btn-seeall:hover {
- cursor: pointer;
- background: rgba(200, 200, 200, 0.1);
-}
-.mediaitem-artwork {
- border-radius: var(--mediaItemRadius);
- overflow: hidden;
- flex: 0 0 auto;
- position: relative;
- width: 100%;
- height: 100%;
-}
-.mediaitem-artwork .animatedartwork-view-box {
- position: absolute;
- top: 0px;
- 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.rounded {
- border-radius: 100%;
-}
-.mediaitem-artwork.rounded::after {
- 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 img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- image-rendering: -webkit-optimize-contrast;
- pointer-events: none;
- background-image: url("./assets/MissingArtwork.svg");
- background-size: cover;
- background-position: center;
-}
-.mediaitem-artwork.no-shadow {
- box-shadow: none;
-}
-.mediaitem-artwork.no-shadow::after {
- display: none;
-}
-.mediaitem-artwork.subtle-shadow {
- box-shadow: var(--mediaItemShadow-ShadowSubtle);
-}
-.mediaitem-artwork.shadow {
- box-shadow: var(--mediaItemShadow-Shadow);
-}
-#artworkLCD img {
- image-rendering: auto;
-}
-/* queue item */
-.cd-queue-item {
- border-bottom: 0px solid rgba(200, 200, 200, 0.1);
- padding: 1px;
- padding-bottom: 9px;
- padding-top: 9px;
-}
-.cd-queue-item .row,
-.cd-queue-item .col {
- padding: 0px;
- margin: 0px;
-}
-.cd-queue-item .artwork {
- width: 42px;
- height: 42px;
- flex: 0 0 auto;
-}
-.cd-queue-item:hover {
- background: var(--selected);
-}
-.cd-queue-item.selected {
- background: var(--selected);
-}
-.cd-queue-item:active {
- background: var(--selected-click);
- color: #eee;
-}
-.cd-queue-item .queue-info {
- justify-content: center;
- display: flex;
- flex-direction: column;
- flex-grow: 1;
-}
-.cd-queue-item .queue-info .queue-title {
- font-size: 14px;
-}
-.cd-queue-item .queue-info .queue-subtitle {
- font-size: 0.7em;
- opacity: 0.7;
-}
-.cd-queue-item .queue-duration-info {
- display: flex;
- flex-grow: 0;
-}
-.cd-queue-item .queue-duration {
- font-size: 14px;
- justify-content: center;
- min-width: 60px;
- height: 100%;
-}
-.cd-queue-item .queue-explicit-icon {
- display: flex;
- width: 24px;
- padding: 0px;
-}
-.cd-queue-item .explicit-icon {
- background-image: url("./assets/explicit.svg");
- height: 12px;
- width: 36px;
- filter: contrast(0);
- background-repeat: no-repeat;
-}
-/* horizontal media scroller */
-.cd-hmedia-scroller::-webkit-scrollbar-thumb {
- box-shadow: none;
-}
-.cd-hmedia-scroller:hover::-webkit-scrollbar-thumb {
- box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.5);
-}
-.cd-hmedia-scroller.hmedia-scroller-card .mediaitem-card {
- margin: 16px;
-}
-/* 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-between;
- align-items: center;
- border-radius: var(--mediaItemRadius);
- position: relative;
- /* CSS.gg
- */
-}
-.cd-mediaitem-list-item .listitem-content {
- width: 100%;
- height: 60px;
- display: flex;
- flex: 0 0 auto;
- flex-direction: row;
- font-size: 14px;
- justify-content: center-between;
- align-items: center;
- border-radius: var(--mediaItemRadius);
- position: relative;
-}
-.cd-mediaitem-list-item:hover .heart-icon {
- display: none;
-}
-.cd-mediaitem-list-item .popular {
- background-image: url(assets/star.svg);
- background-repeat: no-repeat;
- background-size: 10px;
- width: 10px;
- height: 10px;
- position: absolute;
- left: 3px;
-}
-.cd-mediaitem-list-item .artwork {
- height: 42px;
- width: 42px;
- object-fit: cover;
- object-position: center;
- flex: 0 0 auto;
- background-repeat: no-repeat;
- margin: 12px;
- border: 0px;
- outline: none;
- position: relative;
- overflow: hidden;
- border-radius: var(--mediaItemRadiusSmall);
-}
-.cd-mediaitem-list-item .artwork .mediaitem-artwork {
- border-radius: var(--mediaItemRadiusSmall);
-}
-.cd-mediaitem-list-item .artwork .overlay-play {
- background: rgba(0, 0, 0, 0.5);
- opacity: 0;
- appearance: none;
- border: 0;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0px;
- z-index: 5;
- cursor: pointer;
-}
-.cd-mediaitem-list-item .artwork .overlay-play:hover {
- opacity: 1;
-}
-.cd-mediaitem-list-item .artwork .overlay-play:active {
- background: var(--selected-click);
-}
-.cd-mediaitem-list-item .artwork.round {
- border-radius: var(--mediaItemRadiusRound);
-}
-.cd-mediaitem-list-item .info-rect {
- height: 100%;
- display: flex;
- flex-flow: column;
- justify-content: center;
- flex-grow: 1;
-}
-.cd-mediaitem-list-item .title {
- width: 100%;
-}
-.cd-mediaitem-list-item .subtitle {
- width: 90%;
- font-size: 0.8em;
- opacity: 0.7;
-}
-.cd-mediaitem-list-item .duration {
- min-width: 60px;
- text-align: center;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.cd-mediaitem-list-item .metainfo {
- min-width: 145px;
- text-align: center;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.cd-mediaitem-list-item .heart-unfilled {
- -webkit-mask-image: url("assets/feather/heart.svg");
- height: 12px;
- width: 12px;
- background-repeat: no-repeat;
- background-color: #999;
-}
-.cd-mediaitem-list-item .heart-filled {
- -webkit-mask-image: url("assets/feather/heart-fill.svg");
- height: 12px;
- width: 12px;
- background-repeat: no-repeat;
- background-color: #999;
-}
-.cd-mediaitem-list-item .explicit-icon {
- background-image: url("./assets/explicit.svg");
- height: 12px;
- width: 36px;
- filter: contrast(0);
- background-repeat: no-repeat;
-}
-.cd-mediaitem-list-item .heart-icon {
- display: flex;
- position: absolute;
- left: 20px;
-}
-@keyframes load-bar {
- 10% {
- box-shadow: inset 0 -4px 0;
- }
- 20% {
- box-shadow: inset 0 -10px 0;
- }
- 30% {
- box-shadow: inset 0 -12px 0;
- }
- 40% {
- box-shadow: inset 0 -8px 0;
- }
- 50% {
- box-shadow: inset 0 -4px 0;
- }
- 60% {
- box-shadow: inset 0 -6px 0;
- }
- 80% {
- box-shadow: inset 0 -12px 0;
- }
- 90% {
- box-shadow: inset 0 -6px 0;
- }
- to {
- box-shadow: inset 0 -2px 0;
- }
-}
-.cd-mediaitem-list-item .loadbar-sound,
-.cd-mediaitem-list-item .loadbar-sound::after,
-.cd-mediaitem-list-item .loadbar-sound::before {
- animation: load-bar 1.3s ease infinite alternate;
- box-sizing: border-box;
- width: 3px;
- height: 28px;
- box-shadow: inset 0 -12px 0;
-}
-.cd-mediaitem-list-item .loadbar-sound {
- margin-left: 22px;
- margin-top: -16px;
- position: relative;
- transform: scale(var(--load-bar, 1));
- color: var(--keyColor);
- display: block;
-}
-.cd-mediaitem-list-item .loadbar-sound::after,
-.cd-mediaitem-list-item .loadbar-sound::before {
- content: "";
- position: absolute;
- bottom: 0;
-}
-.cd-mediaitem-list-item .loadbar-sound::before {
- left: -4.5px;
- animation-delay: -2.4s;
-}
-.cd-mediaitem-list-item .loadbar-sound::after {
- right: -4.2px;
- animation-delay: -3.7s;
-}
-.cd-mediaitem-list-item .isLibrary {
- flex: 0 0 auto;
- width: 40px;
- text-align: center;
-}
-.cd-mediaitem-list-item .isLibrary button {
- appearance: none;
- border: 0px;
- background: transparent;
- cursor: pointer;
- filter: contrast(0.8);
-}
-.cd-mediaitem-list-item:hover {
- background: rgba(200, 200, 200, 0.1);
- box-shadow: var(--mediaItemShadow);
-}
-.cd-mediaitem-list-item:hover .overlay-play {
- opacity: 1;
-}
-.cd-mediaitem-list-item.mediaitem-selected {
- background: var(--selected);
- box-shadow: var(--mediaItemShadow);
-}
-.cd-mediaitem-list-item:active {
- background: var(--selected-click);
- box-shadow: var(--mediaItemShadow);
- color: #eee;
-}
-.cd-mediaitem-list-item.disabled {
- opacity: 0.5;
- pointer-events: none;
-}
-.cd-mediaitem-list-item.compact {
- height: 40px;
- font-size: 13px;
-}
-.cd-mediaitem-list-item.compact .artwork {
- display: none;
-}
-.cd-mediaitem-list-item.compact .info-rect {
- padding-left: 1em;
-}
-/* mediaitem-hrect */
-.cd-mediaitem-hrect {
- background: rgba(255, 255, 255, 0.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: 245px;
- 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 .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.round {
- border-radius: var(--mediaItemRadiusRound);
-}
-.cd-mediaitem-square-sp .artwork:hover {
- box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 1000000px inset;
-}
-.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;
-}
-.cd-mediaitem-square-sp:hover {
- box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 1000000px inset;
-}
-/* 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 {
- 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-mvview */
-/* mediaitem-mvview */
-.cd-mediaitem-mvview {
- width: 300px;
- 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-mvview > * {
- z-index: inherit;
-}
-.cd-mediaitem-mvview .artwork {
- height: 172px;
- width: 300px;
- 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-mvview-overlay {
- position: absolute;
- width: 300px;
- float: right;
- height: 250px;
- top: 0px;
- margin: 10px;
- margin-top: 0px;
- opacity: 0;
-}
-.cd-mediaitem-mvview-overlay > * {
- pointer-events: auto;
-}
-.cd-mediaitem-mvview > .cd-mediaitem-mvview-overlay {
- z-index: 3;
-}
-.cd-mediaitem-mvview > .cd-mediaitem-mvview-overlay:hover {
- opacity: 1;
-}
-.cd-mediaitem-mvview + .cd-mediaitem-mvview-overlay {
- pointer-events: none;
-}
-.cd-mediaitem-mvview:hover + .cd-mediaitem-mvview-overlay {
- opacity: 1;
-}
-.cd-mediaitem-mvview .artwork.round {
- border-radius: var(--mediaItemRadiusRound);
-}
-.cd-mediaitem-mvview .title {
- width: 90%;
- text-align: center;
-}
-.cd-mediaitem-mvview .subtitle {
- width: 100%;
- text-align: center;
- font-size: 12px;
-}
-/* mediaitem-square */
-.cd-mediaitem-square {
- --transitionDuration: 0.5s;
- --scaleRate: 1.25;
- --scaleRateArtwork: 1;
- width: calc(160px * var(--windowRelativeScale));
- height: calc(200px * var(--windowRelativeScale));
- display: inline-flex;
- flex: 0 0 auto;
- flex-direction: column;
- font-size: 14px;
- justify-content: center;
- align-items: center;
- border-radius: 6px;
-}
-.cd-mediaitem-square .artwork-container {
- position: relative;
-}
-.cd-mediaitem-square .artwork-container .artwork {
- height: calc(140px * var(--windowRelativeScale));
- width: calc(140px * var(--windowRelativeScale));
- background: blue;
- border-radius: var(--mediaItemRadius);
- background: var(--artwork);
- background-size: cover;
- flex: 0 0 auto;
- margin: 6px;
- cursor: pointer;
-}
-.cd-mediaitem-square .artwork-container .artwork .mediaitem-artwork {
- box-shadow: unset;
-}
-.cd-mediaitem-square .artwork-container .artwork.round {
- border-radius: var(--mediaItemRadiusRound);
-}
-.cd-mediaitem-square .artwork-container .badge-container {
- transition: opacity 0.1s var(--appleEase);
- opacity: 1;
-}
-.cd-mediaitem-square .artwork-container .badge-container .socialBadge {
- width: 32px;
- height: 32px;
- position: absolute;
- right: 14px;
- bottom: 14px;
- border-radius: 100%;
- overflow: hidden;
- z-index: 2;
- pointer-events: none;
-}
-.cd-mediaitem-square .artwork-container > .play-btn,
-.cd-mediaitem-square .artwork-container > .menu-btn {
- opacity: 0;
- appearance: none;
- padding: 0px;
- border: 0px;
- width: 30px;
- height: 30px;
- border-radius: 50%;
- background: rgba(50, 50, 50, 0.7);
- cursor: pointer;
- transition: opacity 0.1s var(--appleEase);
-}
-.cd-mediaitem-square .artwork-container > .play-btn :hover,
-.cd-mediaitem-square .artwork-container > .menu-btn :hover {
- border-radius: 50%;
- background: rgba(250, 0, 0, 0.7);
-}
-.cd-mediaitem-square .artwork-container > .play-btn {
- position: absolute;
- bottom: 14px;
- left: 14px;
- z-index: 2;
-}
-.cd-mediaitem-square .artwork-container > .menu-btn {
- position: absolute;
- bottom: 14px;
- right: 14px;
- z-index: 2;
-}
-.cd-mediaitem-square .artwork-container:hover > .badge-container {
- opacity: 0;
-}
-.cd-mediaitem-square .artwork-container:hover > .play-btn,
-.cd-mediaitem-square .artwork-container:hover > .menu-btn {
- opacity: 1;
-}
-.cd-mediaitem-square .info-rect {
- width: 90%;
- height: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.cd-mediaitem-square .title {
- width: 100%;
- text-align: center;
- display: flex;
- align-content: center;
- justify-content: center;
-}
-.cd-mediaitem-square .subtitle {
- width: 100%;
- text-align: center;
- font-size: 12px;
-}
-.cd-mediaitem-square .unavailable-overlay {
- position: absolute;
- top: 0px;
- left: 0px;
- bottom: 0;
- right: 0;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- z-index: 2;
- pointer-events: none;
- background: rgba(0, 0, 0, 0.4);
- margin: 2em;
- border-radius: 10px;
-}
-.cd-mediaitem-square .unavailable-overlay > .codicon {
- font-size: 4em;
- font-weight: bold;
- opacity: 0.5;
-}
-.cd-mediaitem-square.mediaitem-video {
- height: 200px;
- width: 240px;
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
-}
-.cd-mediaitem-square.mediaitem-video .artwork {
- height: 120px;
- width: 212px;
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
-}
-@media (min-width: 1460px) {
- .cd-mediaitem-square.mediaitem-video:not(.noscale) {
- --scaleRate: 1.1;
- --scaleRateArtwork: 1.1;
- width: calc(240px * var(--scaleRate));
- height: calc(200px * var(--scaleRate));
- }
- .cd-mediaitem-square.mediaitem-video:not(.noscale) .artwork-container > .artwork {
- width: calc(220px * var(--scaleRateArtwork));
- height: calc(123px * var(--scaleRateArtwork));
- }
-}
-@media (min-width: 1550px) {
- .cd-mediaitem-square.mediaitem-video:not(.noscale) {
- --scaleRate: 1.25;
- --scaleRateArtwork: 1.25;
- width: calc(240px * var(--scaleRate));
- height: calc(200px * var(--scaleRate));
- }
- .cd-mediaitem-square.mediaitem-video:not(.noscale) .artwork-container > .artwork {
- width: calc(220px * var(--scaleRateArtwork));
- height: calc(123px * var(--scaleRateArtwork));
- }
-}
-.cd-mediaitem-square.mediaitem-brick {
- height: 200px;
- width: 240px;
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
-}
-.cd-mediaitem-square.mediaitem-brick .artwork {
- height: 123px;
- width: 220px;
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
-}
-@media (min-width: 1460px) {
- .cd-mediaitem-square.mediaitem-brick:not(.noscale) {
- --scaleRate: 1.1;
- --scaleRateArtwork: 1.1;
- width: calc(240px * var(--scaleRate));
- height: calc(200px * var(--scaleRate));
- }
- .cd-mediaitem-square.mediaitem-brick:not(.noscale) .artwork-container > .artwork {
- width: calc(220px * var(--scaleRateArtwork));
- height: calc(123px * var(--scaleRateArtwork));
- }
-}
-@media (min-width: 1550px) {
- .cd-mediaitem-square.mediaitem-brick:not(.noscale) {
- --scaleRate: 1.25;
- --scaleRateArtwork: 1.25;
- width: calc(240px * var(--scaleRate));
- height: calc(200px * var(--scaleRate));
- }
- .cd-mediaitem-square.mediaitem-brick:not(.noscale) .artwork-container > .artwork {
- width: calc(220px * var(--scaleRateArtwork));
- height: calc(123px * var(--scaleRateArtwork));
- }
-}
-.cd-mediaitem-square.mediaitem-small {
- width: calc(140px, var(--windowRelativeScale));
- height: calc(180px, var(--windowRelativeScale));
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
-}
-.cd-mediaitem-square.mediaitem-small .artwork {
- height: calc(128px, var(--windowRelativeScale));
- width: calc(128px, var(--windowRelativeScale));
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
-}
-.cd-mediaitem-square.mediaitem-card {
- background: #ccc;
- background: var(--spcolor);
- height: 302px;
- width: 230px;
- overflow: hidden;
- position: relative;
- border-radius: calc(var(--mediaItemRadius) * 2);
- box-shadow: var(--mediaItemShadow-ShadowSubtle);
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
-}
-.cd-mediaitem-square.mediaitem-card .artwork {
- width: 230px;
- height: 230px;
- overflow: hidden;
- border-radius: 0px;
- margin: 0;
- transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear, filter 0.2s ease-in-out;
-}
-.cd-mediaitem-square.mediaitem-card .artwork .mediaitem-artwork {
- border-radius: 0px;
-}
-.cd-mediaitem-square.mediaitem-card .artwork .mediaitem-artwork::after {
- box-shadow: unset;
-}
-.cd-mediaitem-square.mediaitem-card .info-rect-card {
- padding: 10px 10px 14px;
- position: relative;
- width: 100%;
- display: grid;
- align-content: center;
-}
-.cd-mediaitem-square.mediaitem-card .info-rect-card::before {
- background: var(--bgartwork);
- content: "";
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- position: absolute;
- background-size: cover;
- background-position: bottom;
- z-index: 0;
- opacity: 1;
- filter: brightness(0.5) blur(50px) saturate(180%);
- transition: filter 0.2s ease-in-out;
-}
-.cd-mediaitem-square.mediaitem-card .title {
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 0.9em;
- font-weight: 500;
- z-index: 1;
-}
-.cd-mediaitem-square.mediaitem-card .title + .subtitle {
- max-height: none !important;
-}
-.cd-mediaitem-square.mediaitem-card .subtitle {
- height: 100%;
- justify-content: center;
- align-items: center;
- font-size: 0.75em;
- width: 100%;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 3;
- overflow: hidden;
- max-height: 4.8em;
- z-index: 1;
-}
-.cd-mediaitem-square.mediaitem-card::after {
- box-shadow: var(--mediaItemShadow);
- content: "";
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- pointer-events: none;
- border-radius: inherit;
-}
-.cd-mediaitem-square.mediaitem-card:hover .artwork {
- filter: brightness(0.8);
-}
-.cd-mediaitem-square.mediaitem-card:hover .info-rect-card::before {
- filter: brightness(0.3) blur(50px) saturate(180%);
-}
-@media (min-width: 1200px) {
- .cd-mediaitem-square.mediaitem-card:not(.noscale) {
- width: calc(230px * 1.1);
- height: calc(298px * 1.1);
- }
- .cd-mediaitem-square.mediaitem-card:not(.noscale) .artwork-container > .artwork {
- width: calc(230px * 1.1);
- height: calc(230px * 1.1);
- }
-}
-@media (min-width: 1400px) {
- .cd-mediaitem-square.mediaitem-card:not(.noscale) {
- width: calc(230px * 1.25);
- height: calc(298px * 1.25);
- }
- .cd-mediaitem-square.mediaitem-card:not(.noscale) .artwork-container > .artwork {
- width: calc(230px * 1.25);
- height: calc(230px * 1.25);
- }
-}
-/* mediaitem-square */
-.albums-square-containeru > * > .cd-mediaitem-square {
- --frame: max(220px, 15vw);
- width: var(--frame);
- height: calc(var(--frame) * 13 / 11);
- display: inline-flex;
- flex: 0 0 auto;
- flex-direction: column;
- font-size: calc(var(--frame) / 220 * 14);
- justify-content: center;
- align-items: center;
- border-radius: calc(var(--frame) / 220 * 6);
-}
-.albums-square-containeru > * > .cd-mediaitem-square .artwork-container {
- position: relative;
-}
-.albums-square-containeru > * > .cd-mediaitem-square .artwork-container .artwork {
- height: calc(var(--frame) * 19 / 22);
- width: calc(var(--frame) * 19 / 22);
- background: blue;
- border-radius: var(--mediaItemRadius);
- background: var(--artwork);
- background-size: cover;
- flex: 0 0 auto;
- margin: calc(var(--frame) / 220 * 6);
- cursor: pointer;
-}
-.albums-square-containeru > * > .cd-mediaitem-square .artwork-container .artwork.round {
- border-radius: var(--mediaItemRadiusRound);
-}
-.albums-square-containeru > * > .cd-mediaitem-square .artwork-container > .play-btn,
-.albums-square-containeru > * > .cd-mediaitem-square .artwork-container > .menu-btn {
- opacity: 0;
- appearance: none;
- padding: 0px;
- border: 0px;
- width: calc(var(--frame) / 220 * 30);
- height: calc(var(--frame) / 220 * 30);
- border-radius: 50%;
- background: rgba(50, 50, 50, 0.7);
- cursor: pointer;
- backdrop-filter: blur(32px) saturate(180%);
- transition: opacity 0.1s var(--appleEase);
-}
-.albums-square-containeru > * > .cd-mediaitem-square .artwork-container > .play-btn {
- position: absolute;
- bottom: calc(var(--frame) / 220 * 14);
- left: calc(var(--frame) / 220 * 14);
- z-index: 2;
-}
-.albums-square-containeru > * > .cd-mediaitem-square .artwork-container > .menu-btn {
- position: absolute;
- bottom: calc(var(--frame) / 220 * 14);
- right: calc(var(--frame) / 220 * 14);
- z-index: 2;
-}
-.albums-square-containeru > * > .cd-mediaitem-square .artwork-container:hover > .play-btn,
-.albums-square-containeru > * > .cd-mediaitem-square .artwork-container:hover > .menu-btn {
- opacity: 1;
-}
-.albums-square-containeru > * > .cd-mediaitem-square .title {
- width: 90%;
- text-align: center;
-}
-.albums-square-containeru > * > .cd-mediaitem-square .subtitle {
- width: 100%;
- text-align: center;
- font-size: calc(var(--frame) / 220 * 12);
-}
-.albums-square-containeru > * > .cd-mediaitem-square.mediaitem-video {
- height: calc(var(--frame) / 220 * 200);
- width: calc(var(--frame) / 220 * 240);
-}
-.albums-square-containeru > * > .cd-mediaitem-square.mediaitem-video .artwork {
- height: calc(var(--frame) / 220 * 120);
- width: calc(var(--frame) / 220 * 212);
-}
-.albums-square-containeru > * > .cd-mediaitem-square.mediaitem-brick {
- height: calc(var(--frame) / 220 * 200);
- width: calc(var(--frame) / 220 * 240);
-}
-.albums-square-containeru > * > .cd-mediaitem-square.mediaitem-brick .artwork {
- height: calc(var(--frame) / 220 * 123);
- width: calc(var(--frame));
-}
-.listitem-horizontal .cd-mediaitem-list-item {
- width: 350px;
- height: 60px;
-}
-.mediaitem-list-item__grid {
- background: rgba(200, 200, 200, 0.05);
- border-radius: 10px;
- padding: var(--contentInnerPadding);
- box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
- width: 100%;
-}
-.mediaitem-list-item__grid .cd-mediaitem-list-item {
- width: 350px;
- height: 60px;
-}
-.mediaitem-list-item__grid::-webkit-scrollbar {
- display: none;
-}
-.mediaitem-list-item__grid:hover::-webkit-scrollbar {
- display: initial;
-}
-.svg-icon {
- --color: #aaa;
- --url: url("./assets/feather/share.svg");
- -webkit-mask-image: var(--url);
- -webkit-mask-size: cover;
- height: 18px;
- width: 18px;
- background: var(--color);
-}
-.svg-icon.inline {
- display: inline-block;
-}
-.sidebar-icon {
- width: 18px;
- height: 18px;
- margin-right: 8px;
-}
-.sidebar-icon > .svg-icon {
- width: 100%;
- height: 100%;
- --color: #aaa;
-}
-.sidebar-icon > svg {
- width: 100%;
- height: 100%;
- color: #aaa;
-}
-/* Switch Checkbox */
-input[type=checkbox][switch] {
- width: 38px;
- appearance: none;
- border-radius: 32px;
- height: 24px;
- zoom: 1;
- top: 0;
- cursor: pointer;
- left: 0;
- position: relative;
- transform: scale(1);
- background: #8e8e93;
- padding: 0;
- margin: 0;
-}
-input[type=checkbox][switch]:focus,
-input[type=checkbox][switch]:active {
- outline: none;
-}
-input[type=checkbox][switch]:checked {
- background: var(--keyColor);
- border: 0 solid var(--keyColor);
- mix-blend-mode: unset;
-}
-input[type=checkbox][switch]:checked:hover {
- background: var(--keyColor-rollover);
-}
-input[type=checkbox][switch]:checked:active {
- background: var(--keyColor-pressed);
-}
-input[type=checkbox][switch]::before {
- background: white;
- width: 26px;
- height: 26px;
- top: -1px;
- left: -1px;
- position: absolute;
- content: ' ';
- border-radius: 32px;
- transition: 0.1s left var(--appleEase);
- transform: scale(0.75);
-}
-input[type=checkbox][switch]:checked::before {
- background: white;
- top: -1px;
- left: 13px;
- transition: 0.1s left var(--appleEase);
- transform: scale(0.75);
-}
-input[type=checkbox][switch]:disabled::before {
- opacity: 0.5;
-}
-input[type=checkbox][switch]:active::before {
- left: 13px;
-}
-input[type=checkbox][switch]:checked:active::before {
- left: -1px;
-}
-/* End Switch Checkbox */
-.header-text {
- margin: 0px;
-}
-.media-item--small {
- background: rgba(0, 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 rgba(200, 200, 200, 0.3);
-}
-.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.9em;
-}
-.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 rgba(200, 200, 200, 0.16), 0 8px 40px rgba(0, 0, 0, 0.55);
- transition: transform 0.1s var(--appleEase);
-}
-.media-artwork.paused {
- transition: transform 0.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.7;
- border-radius: 6px;
- position: relative;
-}
-.playback-button:before {
- content: "";
- display: block;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: var(--selected);
- border-radius: inherit;
- position: absolute;
- opacity: 0;
- z-index: -1;
- transform: scale(0.5);
- pointer-events: none;
- transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
-}
-.playback-button:hover:before {
- transform: scale(1);
- opacity: 1;
-}
-.playback-button--small {
- border-radius: 6px;
- font-size: 1em;
- color: inherit;
- background-size: 0.98em;
- background-repeat: no-repeat;
- background-position: center;
- background-color: transparent;
- width: 40px;
- height: 32px;
- border: 0px;
- box-shadow: unset;
- opacity: 0.7;
- position: relative;
-}
-.playback-button--small:before {
- content: "";
- display: block;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: var(--selected);
- border-radius: inherit;
- position: absolute;
- opacity: 0;
- z-index: -1;
- transform: scale(0.5);
- pointer-events: none;
- transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
-}
-.playback-button--small:hover:before {
- transform: scale(1);
- opacity: 1;
-}
-.playback-button--small.active {
- background-color: rgba(200, 200, 200, 0.25);
-}
-.playback-button:active,
-.playback-button--small:active {
- background-color: var(--selected-click);
-}
-.playback-button--small.search {
- background-image: url("./assets/search.svg");
-}
-.playback-button--small.cast {
- background-image: url("./assets/cast_white.svg");
- background-size: 1.25em;
-}
-.playback-button--small.miniplayer {
- background-image: url("./assets/pip.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: rgba(200, 200, 200, 0.25);
- background-image: url("./assets/repeatOne.svg");
-}
-.playback-button.stop {
- background-image: url('./assets/cider-icons/stop.svg');
- background-size: 38px;
- background-position: center;
-}
-.playback-button.collapseLibrary {
- font-family: "codicon";
- font-size: 1em;
- color: var(--textColor);
- display: grid;
- place-items: center;
-}
-.playback-button.collapseLibrary span {
- position: absolute;
-}
-.playback-button.pause {
- background-image: url('./assets/cider-icons/pause.svg');
- background-size: 38px;
- background-position: center;
-}
-.playback-button.play {
- background-image: url('./assets/cider-icons/play.svg');
- background-size: 38px;
- background-position: center;
-}
-.playback-button.next {
- background-image: url('./assets/cider-icons/forward.svg');
- background-size: 60%;
- background-position: center;
-}
-.playback-button.previous {
- background-image: url('./assets/cider-icons/backward.svg');
- background-size: 60%;
- background-position: center;
-}
-.playback-button.disabled,
-.playback-button--small.disabled {
- opacity: 0.25 !important;
- pointer-events: none;
- transform: none !important;
-}
-.playback-button.disabled:hover,
-.playback-button--small.disabled:hover {
- background-color: transparent !important;
- transform: none !important;
-}
-.playback-button.navigation {
- display: flex;
- justify-content: center;
- align-items: center;
- color: white;
-}
-.playback-button.navigation > ._svg-icon {
- height: 16px;
- width: 16px;
- pointer-events: none;
-}
-.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.svg");
- opacity: 0.5;
-}
-.player-volume-glyph.increase {
- background-image: url("./assets/volume-2.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: 1em;
- 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 rgba(200, 200, 200, 0.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;
-}
-.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 rgba(200, 200, 200, 0.16), 0 8px 40px rgba(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;
-}
-.artist-chip {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- margin: 12px 12px 12px 0px;
- border-radius: 4px;
- color: white;
- font-size: 1em;
- font-weight: 500;
- cursor: pointer;
-}
-.artist-chip .artist-chip__follow {
- appearance: none;
- border: 0;
- height: 32px;
- width: 32px;
- background: #ffffff0f;
- margin: 0px 0px 0px 10px;
- font-weight: bold;
- color: white;
- border-radius: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 12px;
- cursor: pointer;
- flex: 0 0 32px;
- box-shadow: var(--ciderShadow-Generic);
-}
-.artist-chip .artist-chip__follow:hover {
- background: var(--selected);
-}
-.artist-chip .artist-chip__image {
- width: 32px;
- height: 32px;
- background-size: contain;
- background-position: center;
- background-repeat: no-repeat;
- border-radius: 100%;
- overflow: hidden;
- margin: 0px 12px 0px 0px;
- pointer-events: none;
- flex: 0 0 32px;
-}
-.artist-chip .artist-chip__image .mediaitem-artwork {
- border-radius: inherit;
-}
-.artist-chip .artist-chip__name {
- pointer-events: none;
-}
-.search-panel {
- background: rgba(0, 0, 0, 0.5);
-}
-.search-header {
- position: absolute;
- width: 100%;
- z-index: 1;
- backdrop-filter: blur(16px);
- -webkit-backdrop-filter: blur(16px);
- border-bottom: 1px solid rgba(200, 200, 200, 0.08);
-}
-.connection-error-panel {
- background: rgba(0, 0, 0, 0.5);
-}
-.search-type-container {
- display: flex;
-}
-.search-type-button {
- background: rgba(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%;
-}
-.search-body {
- position: absolute;
- width: 100%;
- height: 100%;
- padding-top: 220px;
-}
-.search-tab {
- background: rgba(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);
-}
-.fancy-pills .nav-pills {
- position: relative;
-}
-.fancy-pills .nav-pills .nav-link {
- transition: transform 0.3s var(--appleEase);
- position: relative;
- background-color: transparent;
- border: 0;
- border-radius: 50px;
- color: #eee;
- -webkit-user-drag: none;
- font-weight: 500;
- margin: 0px 4px;
-}
-.fancy-pills .nav-pills .nav-link:after {
- --dist: 1px;
- content: "";
- position: absolute;
- top: var(--dist);
- bottom: var(--dist);
- left: var(--dist);
- right: var(--dist);
- background-color: transparent;
- border-radius: 50px;
- z-index: -1;
- opacity: 0;
- transition: background-color 0.5s var(--appleEase), opacity 0.25s var(--appleEase), border-radius 0.32s var(--appleEase);
-}
-.fancy-pills .nav-pills .nav-link:hover {
- outline: none;
- transform: scale(1.1);
- background: transparent;
- color: #333;
-}
-.fancy-pills .nav-pills .nav-link:hover:after {
- opacity: 1;
- background-color: #eee;
- transition: background-color 0.25s var(--appleEase), border-radius 0.25s var(--appleEase), color 0s var(--appleEase), opacity 0s var(--appleEase);
-}
-.fancy-pills .nav-pills .nav-link.active {
- outline: none;
- transform: scale(1.1);
- background: transparent;
- color: #333;
- font-weight: 600;
-}
-.fancy-pills .nav-pills .nav-link.active:after {
- opacity: 1;
- background-color: #eee;
-}
-.fancy-pills .nav-pills:hover .nav-link.active {
- outline: none;
- background: transparent;
- color: #eee;
- transform: scale(1);
-}
-.fancy-pills .nav-pills:hover .nav-link.active:after {
- background: rgba(200, 200, 200, 0.15);
- opacity: 1;
- transition: color 0s;
- --dist: 4px;
-}
-.fancy-pills .nav-pills:hover .nav-link.active:hover {
- transform: scale(1.1);
- z-index: 1;
- color: #333;
-}
-.fancy-pills .nav-pills:hover .nav-link.active:hover:after {
- background: #eee;
- border-radius: inherit;
- --dist: 1px;
-}
-.fancy-pills .nav-pills:after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- background: rgba(200, 200, 200, 0.1);
- border-radius: 50px;
- z-index: 0;
- pointer-events: none;
-}
-.grouping-container {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 16px;
-}
-.grouping-container .grouping-btn {
- padding: 16px;
- appearance: none;
- border: 0px;
- border-radius: 10px;
- background: var(--color1);
- color: var(--keyColor);
- width: 100%;
- text-align: left;
- font-family: inherit;
- cursor: pointer;
- flex: 1 0 21%;
- position: relative;
-}
-.grouping-container .grouping-btn:after {
- content: "";
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- font-family: "codicon";
- display: flex;
- align-items: center;
- width: 28px;
- font-weight: bold;
- font-size: 1.2em;
- pointer-events: none;
-}
-.app-sidebar-header .search-input-container .search-hints-container {
- top: 38px;
- padding: 3px;
-}
-.content-inner.library-page .heart-icon {
- left: 7px;
-}
-.content-inner.library-page .cd-mediaitem-list-item {
- padding-left: 25px;
-}
-.content-inner.library-artists-page .inner-container .list-container .podcasts-list {
- background: rgba(27, 27, 27);
- padding-top: 14px;
- width: 272px;
-}
-.content-inner.library-artists-page .inner-container .list-container .podcasts-list .cd-mediaitem-list-item {
- margin-left: 10px;
-}
-.content-inner.library-artists-page .inner-container .list-container .podcasts-list .cd-mediaitem-list-item:hover {
- width: 96%;
-}
-.notyf__toast {
- -webkit-app-region: no-drag;
- cursor: pointer;
-}
-.notyf-info {
- background: var(--keyColor);
-}
-.tooltip-inner {
- background: #2f2f2f;
- opacity: 1;
- border: 1px solid rgba(0, 0, 0, 0.35);
- transition: all 0.3s ease-in-out;
- box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
-}
-.modal-fullscreen {
- display: flex;
- justify-content: center;
- align-items: center;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.3);
- z-index: 1000;
-}
-.modal-fullscreen .modal-window {
- background: #333;
- border-radius: 10px;
- box-shadow: var(--mediaItemShadow-Shadow);
- display: flex;
- flex-flow: column;
- max-height: 500px;
- max-width: 360px;
- background: #121212;
- width: 100%;
- position: relative;
-}
-.modal-fullscreen .modal-window:after {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- box-shadow: var(--mediaItemShadow);
- z-index: 1;
- border-radius: inherit;
-}
-.modal-fullscreen .modal-window .modal-header {
- width: 100%;
- padding: 6px;
-}
-.modal-fullscreen .modal-window .modal-content {
- width: 100%;
- height: 100%;
- overflow: hidden;
- overflow-y: overlay;
-}
-.spatialproperties-panel .modal-window {
- overflow: hidden;
-}
-.spatialproperties-panel .modal-window:not(.airplay-modal) {
- height: 700px;
- max-height: 700px;
- width: 800px;
- max-width: 800px;
-}
-.spatialproperties-panel .modal-window .info-header {
- padding-left: 12px;
-}
-.spatialproperties-panel .modal-window .visual-container {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
-}
-.spatialproperties-panel .modal-window .visual {
- position: relative;
- height: 250px;
- width: 300px;
- display: inline-flex;
- align-items: flex-end;
- justify-content: center;
- filter: drop-shadow(2px 12px 6px rgba(0, 0, 0, 0.25));
- margin: 0 auto;
-}
-.spatialproperties-panel .modal-window .visual .face {
- position: absolute;
- width: calc(12px * 6);
- height: calc(12px * 6);
- border-radius: 6px;
- transform: rotateX(60deg) rotateZ(-45deg);
- transition: transform 0.2s linear, width 0.2s linear, height 0.2s linear;
-}
-.spatialproperties-panel .modal-window .visual .listener {
- position: absolute;
- width: 32px;
- height: 32px;
- border-radius: 6px;
- transform: rotateX(60deg) rotateZ(-45deg);
- transition: transform 0.2s linear, width 0.2s linear, height 0.2s linear;
- background: white;
- color: black;
- z-index: 2;
-}
-.spatialproperties-panel .modal-window .visual .audiosource {
- position: absolute;
- width: 32px;
- height: 32px;
- border-radius: 6px;
- transform: rotateX(60deg) rotateZ(-45deg);
- transition: transform 0.2s linear, width 0.2s linear, height 0.2s linear;
- background: yellow;
- z-index: 2;
-}
-.spatialproperties-panel .modal-window .visual .face:nth-of-type(1) {
- background: linear-gradient(45deg, #28223a, #1f2038);
- z-index: 1;
-}
-.spatialproperties-panel .modal-window .visual .face:nth-of-type(2) {
- background: linear-gradient(45deg, #7d53ad, #5763ff);
- transform: rotateX(60deg) rotateZ(-45deg) translateZ(30px);
- opacity: 0.7;
- z-index: 3;
-}
-.spatialproperties-panel .modal-window .modal-header {
- padding: 16px;
- position: relative;
- overflow: hidden;
-}
-.spatialproperties-panel .modal-window .modal-header .modal-title {
- text-align: center;
-}
-.spatialproperties-panel .modal-window .modal-header .close-btn {
- width: 36px;
- height: 36px;
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
- appearance: none;
- border: 0;
- background-color: transparent;
- position: absolute;
- top: 10px;
- right: 10px;
- border-radius: 50px;
- display: grid;
- align-content: center;
-}
-.spatialproperties-panel .modal-window .modal-header .close-btn:before {
- content: "";
- font-family: "codicon";
- color: var(--textColor);
- font-size: 20px;
-}
-.spatialproperties-panel .modal-window .modal-header .close-btn:hover {
- background-color: #c42b1c;
-}
-.addtoplaylist-panel .modal-window {
- max-height: 600px;
- max-width: 400px;
- background: rgba(18, 18, 18, 0.9);
- overflow: hidden;
- backdrop-filter: blur(16px) saturate(180%);
-}
-.addtoplaylist-panel .modal-window .modal-header {
- padding: 16px;
- position: relative;
-}
-.addtoplaylist-panel .modal-window .modal-header .modal-title {
- text-align: center;
-}
-.addtoplaylist-panel .modal-window .modal-header .close-btn {
- width: 36px;
- height: 36px;
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
- appearance: none;
- border: 0;
- background-color: transparent;
- position: absolute;
- top: 10px;
- right: 10px;
- border-radius: 50px;
- display: grid;
- align-content: center;
-}
-.addtoplaylist-panel .modal-window .modal-header .close-btn:before {
- content: "";
- font-family: "codicon";
- color: var(--textColor);
- font-size: 20px;
-}
-.addtoplaylist-panel .modal-window .modal-header .close-btn:hover {
- background-color: #c42b1c;
-}
-.addtoplaylist-panel .modal-window .modal-search {
- width: 100%;
- padding: 0px 16px;
- position: relative;
-}
-.addtoplaylist-panel .modal-window .playlist-item {
- appearance: none;
- border: 0px;
- text-align: left;
- width: 100%;
- margin: 0;
- display: flex;
- background: rgba(32, 32, 32, 0.46);
- color: #eee;
- font-family: inherit;
- font-size: 0.98em;
- padding: 6px 12px;
- align-items: center;
- flex-flow: row;
-}
-.addtoplaylist-panel .modal-window .playlist-item .icon {
- pointer-events: none;
- width: 32px;
- height: 32px;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-right: 6px;
-}
-.addtoplaylist-panel .modal-window .playlist-item .name {
- position: relative;
-}
-.addtoplaylist-panel .modal-window .playlist-item:hover {
- background: var(--selected);
-}
-.addtoplaylist-panel .modal-window .playlist-item:active {
- background: var(--selected-click);
-}
-.addtoplaylist-panel .modal-window .playlist-item.focused {
- background: var(--keyColor);
-}
-.addtoplaylist-panel .modal-window .playlist-item:last-child {
- border-bottom: 0px;
-}
-.menu-panel {
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 100001;
- display: flex;
- justify-content: center;
- align-items: center;
- -webkit-app-region: no-drag;
-}
-.menu-panel .menu-header-body {
- padding: 6px;
- display: flex;
- background: rgba(200, 200, 200, 0.1);
-}
-.menu-panel .menu-header-body .menu-option-header {
- width: 40px;
- height: 40px;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: var(--mediaItemRadius);
- appearance: none;
- border: 0;
- background: transparent;
-}
-.menu-panel .menu-header-body .menu-option-header.active .sidebar-icon > .svg-icon {
- --color: var(--keyColor);
-}
-.menu-panel .menu-header-body .menu-option-header:hover {
- background: var(--selected);
-}
-.menu-panel .menu-header-body .menu-option-header:active {
- background: var(--selected-click);
-}
-.menu-panel .menu-panel-body {
- display: flex;
- flex-flow: column;
- background: rgba(30, 30, 30, 0.45);
- backdrop-filter: blur(32px) saturate(180%);
- position: relative;
- min-width: 200px;
- box-shadow: var(--ciderShadow-Generic);
- border-radius: var(--panelRadius);
- overflow: hidden;
- font-size: 13px;
-}
-.menu-panel .menu-panel-body .menu-option {
- text-align: left;
- display: flex;
- appearance: none;
- border: 0px;
- font: inherit;
- background: transparent;
- color: inherit;
- margin: 0 auto;
- position: relative;
- width: 100%;
- padding: 9px 14px;
- align-items: center;
-}
-.menu-panel .menu-panel-body .menu-option::before {
- background: var(--hover);
- border-radius: 6px;
- content: "";
- --sizeY: 3px;
- --sizeX: 4px;
- top: var(--sizeY);
- left: var(--sizeX);
- bottom: var(--sizeY);
- right: var(--sizeX);
- position: absolute;
- opacity: 0;
- transform: scale(0.98);
- z-index: -1;
- transition: transform 0.25s ease-out, opacity 0.25s ease-out;
-}
-.menu-panel .menu-panel-body .menu-option:hover::before {
- transition: transform 0s ease-in, opacity 0s ease-in;
- opacity: 1;
- transform: scale(1);
-}
-.menu-panel .menu-panel-body .menu-option:active::before {
- transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
- opacity: 1;
- transform: scale(0.98);
- background: var(--selected-click);
-}
-.menu-panel .menu-header-text {
- margin: 18px 6px;
-}
-.menu-panel .menu-header-text .close-btn {
- width: 36px;
- height: 36px;
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
- appearance: none;
- border: 0;
- background-color: transparent;
- position: absolute;
- top: 10px;
- right: 10px;
- border-radius: 50px;
- display: grid;
- align-content: center;
-}
-.menu-panel .menu-header-text .close-btn:before {
- content: "";
- font-family: "codicon";
- color: var(--textColor);
- font-size: 20px;
-}
-.menu-panel .menu-header-text .close-btn:hover {
- background-color: #c42b1c;
-}
-.menu-panel .menu-body {
- overflow: overlay;
- height: 100%;
- display: flex;
- flex-flow: column;
- gap: 0px;
- padding: 0px;
- position: relative;
-}
-.menu-panel .menu-footer {
- width: 100%;
- padding: 12px;
-}
-.queue-panel {
- height: 100%;
- width: 100%;
- display: flex;
- flex-flow: column;
-}
-.queue-panel .queue-header-text {
- margin: 18px 6px;
-}
-.queue-panel .queue-body {
- overflow: overlay;
- height: 100%;
-}
-.queue-panel .queue-footer {
- width: 100%;
- padding: 12px;
-}
-.queue-panel .autoplay {
- background: rgba(200, 200, 200, 0.15);
- display: flex;
- justify-content: center;
- appearance: none;
- border: 0;
- border-radius: 6px;
- height: 32px;
- width: 32px;
-}
-.queue-panel .infinity {
- content: url("./assets/infinity.svg");
- margin: auto;
-}
-.moreinfo-modal .modal-window {
- height: 70%;
- max-height: 100%;
- width: 45%;
- max-width: 100%;
- overflow: hidden;
- line-height: 1.25;
-}
-.moreinfo-modal .modal-content {
- padding: 1em;
- font-size: 0.8rem;
-}
-.moreinfo-modal .modal-content br {
- display: block;
- /* makes it have a width */
- content: "";
- /* clears default height */
- margin: 2em;
- margin-bottom: -0.6rem;
-}
-.moreinfo-modal .modal-header {
- flex-direction: column;
-}
-.moreinfo-modal .modal-header .modal-title {
- text-align: unset !important;
- width: 100%;
-}
-.moreinfo-modal .modal-header .modal-title:not(.modal-subtitle) {
- font-size: 25px;
-}
-.mediainfo-popover {
- user-select: none;
- background-color: #000000;
- overflow: hidden;
-}
-.mediainfo-popover .content .shadow-artwork {
- height: 100%;
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- filter: blur(32px) brightness(50%) saturate(280%);
-}
-.mediainfo-popover .content .popover-artwork {
- width: 200px;
- height: 200px;
- margin: 0 auto;
- margin-bottom: 20px;
-}
-.mediainfo-popover .content .song-name {
- font-weight: 600;
-}
-.mediainfo-popover .content .song-artist,
-.mediainfo-popover .content .song-album {
- opacity: 0.75;
- cursor: pointer;
-}
-.mediainfo-popover .content .song-artist:hover,
-.mediainfo-popover .content .song-album:hover {
- text-decoration: underline;
-}
-._svg-icon {
- --icon: url("./assets/chevron-left.svg");
- --size: 1em;
- width: var(--size);
- height: var(--size);
- -webkit-mask-image: var(--icon);
- -webkit-mask-position: center;
- -webkit-mask-size: contain;
- background: rgba(255, 255, 255, 0.76);
- -webkit-mask-repeat: no-repeat;
-}
-._svg-icon.md {
- --size: 1.2em;
-}
-.content-inner {
- position: absolute;
- top: var(--navigationBarHeight);
- left: 0;
- padding: 32px;
- width: 100%;
- transition: zoom 1s;
- zoom: 1;
-}
-.content-inner.centered {
- height: 100%;
- display: flex;
- flex-flow: column;
- justify-content: center;
- align-items: center;
-}
-.github-themes-page {
- display: flex;
- flex-direction: column;
- height: 100%;
-}
-.github-themes-page .github-avatar {
- height: 42px;
- width: 42px;
- margin: 6px;
- border-radius: 32px;
-}
-.github-themes-page .repo-name {
- margin: 0px;
- font-weight: 500;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: break-spaces;
-}
-.github-themes-page .repo-url {
- color: var(--textColor);
- font-size: 0.8em;
-}
-.github-themes-page .repo-preview-name {
- margin: 0px;
-}
-.github-themes-page .repos-list {
- height: 100%;
- width: 320px;
- font-size: 14px;
- overflow: overlay;
- padding-bottom: 16px;
- flex: 0 0 auto;
-}
-.github-themes-page .repos-list > .list-group {
- margin: 0px;
-}
-.github-themes-page .repos-list .list-group-item {
- padding: 12px 6px;
-}
-.github-themes-page .repos-list .list-group-item:hover {
- filter: brightness(1.2);
-}
-.github-themes-page .repos-list .list-group-item:active {
- filter: brightness(0.8);
-}
-.github-themes-page .github-preview {
- height: 100%;
- flex: 1;
- padding: 16px 32px;
- overflow: auto;
- padding-bottom: 16px;
-}
-.github-themes-page .gh-content {
- display: flex;
- flex-direction: row;
- flex: 1;
- overflow: hidden;
-}
-.github-themes-page .gh-header {
- padding: 16px;
- height: 64px;
- display: grid;
- align-content: center;
- flex: 0 0 auto;
-}
-.github-themes-page .gh-header .header-text {
- position: initial !important;
- justify-content: left !important;
-}
-.github-themes-page .installed-themes-page .style-editor-container {
- height: 100%;
- flex: 1;
- background: var(--color2);
- padding: 0px;
- overflow-y: overlay;
-}
-.github-themes-page .installed-themes-page .style-editor-container .list-group-item {
- border-radius: 0px;
-}
-.installed-themes-page {
- display: flex;
- flex-direction: column;
- height: 100%;
- overflow: hidden;
-}
-.installed-themes-page .themeContextMenu {
- background: transparent;
- color: var(--keyColor);
- border: 0px;
-}
-.installed-themes-page .list-group-item.addon {
- background: rgba(86, 86, 86, 0.2);
-}
-.installed-themes-page .list-group-item.applied {
- background: var(--keyColor-disabled);
- pointer-events: none;
-}
-.installed-themes-page .repo-header {
- font-size: 16px;
- position: sticky;
- top: 0;
- left: 0;
- right: 0;
- width: 100%;
- height: 50px;
- z-index: 1;
- background: rgba(36, 36, 36, 0.5);
- display: flex;
- justify-content: center;
- align-items: center;
- backdrop-filter: var(--glassFilter);
- overflow: hidden;
- border-bottom: 1px solid rgba(0, 0, 0, 0.18);
- border-top: 1px solid rgba(135, 135, 135, 0.18);
-}
-.installed-themes-page .gh-header {
- z-index: 5;
- padding: 16px;
- flex: 0 0 auto;
- height: 64px;
- display: grid;
- align-content: center;
-}
-.installed-themes-page .gh-header .header-text {
- position: initial !important;
- justify-content: left !important;
-}
-.installed-themes-page .gh-content {
- display: flex;
- flex-direction: row;
- padding: 0px;
- height: 100%;
- flex: 0 0 auto;
-}
-.installed-themes-page .gh-content .repos-list {
- width: 320px;
- overflow: overlay;
- height: 90%;
- font-size: 14px;
- white-space: nowrap;
-}
-.installed-themes-page .gh-content .repos-list > .list-group {
- margin: 0px;
- padding-bottom: 16px;
-}
-.installed-themes-page .gh-content .repos-list .list-group-item {
- padding: 12px 6px;
-}
-.installed-themes-page .gh-content .repos-list .list-group-item:hover {
- filter: brightness(1.2);
-}
-.installed-themes-page .gh-content .repos-list .list-group-item:active {
- filter: brightness(0.8);
-}
-.installed-themes-page .gh-content .style-editor-container {
- height: 100%;
- flex: 1;
- padding: 0px;
- width: 100%;
- overflow: hidden;
-}
-.installed-themes-page .gh-content .style-editor-container .stylestack-editor {
- padding-bottom: 16px;
-}
-.installed-themes-page .gh-content .style-editor-container .list-group-item {
- border-radius: 0px;
-}
-.installed-themes-page .stylestack-editor {
- width: 100%;
-}
-.installed-themes-page .stylestack-editor .btn,
-.installed-themes-page .stylestack-editor .btn-group {
- width: 100%;
-}
-.installed-themes-page .stylestack-editor .themeLabel {
- display: flex;
- align-items: center;
-}
-.installed-themes-page .stylestack-editor .handle {
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-.installed-themes-page .stylestack-editor .list-group-item:hover {
- cursor: grab;
-}
-.installed-themes-page .stylestack-editor .list-group-item:active {
- cursor: grabbing;
-}
-.installed-themes-page .stylestack-editor .removeItem {
- border: 0px;
- background: transparent;
- height: 32px;
- font-weight: bold;
- color: var(--textColor);
- cursor: pointer;
-}
-.installed-themes-page .stylestack-editor .stylesDropdown > .dropdown-menu {
- height: 300px;
- overflow-y: overlay;
-}
-.library-page {
- padding: 0px;
-}
-.library-page .library-header {
- position: sticky;
- top: 0;
- left: 0;
- border-bottom: 1px solid rgba(200, 200, 200, 0.05);
- z-index: 6;
- background: black;
- padding: 0px 2em;
- backdrop-filter: blur(32px);
- background: rgba(0, 0, 0, 0.25);
- top: var(--navigationBarHeight);
-}
-.library-page .well {
- margin: 2em;
-}
-.search-page .searchToggle {
- float: right;
-}
-.search-page .searchToggle > button {
- min-width: 120px;
-}
-.search-page .cd-mediaitem-square.mediaitem-brick {
- width: 530px !important;
-}
-.search-page .cd-mediaitem-square.mediaitem-brick .artwork-container .artwork {
- height: 168px !important;
- width: 507px !important;
- z-index: 1;
-}
-.search-page .cd-mediaitem-square.mediaitem-brick .title {
- font-weight: bold;
- justify-content: left;
- font-size: 18px;
- margin-top: -40px;
- z-index: 5;
- pointer-events: none;
-}
-.content-inner.podcasts-page {
- display: flex;
- height: calc(100% - var(--navigationBarHeight));
- padding: 0px;
-}
-.content-inner.podcasts-page .list-flat {
- border-radius: 0px;
-}
-.content-inner.podcasts-page .podcast-artwork {
- width: 200px;
- margin: 16px auto;
- height: 200px;
-}
-.content-inner.podcasts-page .podcasts-list {
- height: 100%;
- width: 280px;
- background: rgba(200, 200, 200, 0.1);
- overflow-y: overlay;
- border-right: 1px solid var(--color2);
- flex: none;
- overflow-x: hidden;
-}
-.content-inner.podcasts-page .podcasts-list .podcast-list-header {
- border-bottom: 1px solid var(--color2);
- font-size: 0.7em;
- padding: 6px;
- background: #ffffff17;
- text-transform: uppercase;
- font-weight: 600;
- opacity: 0.5;
-}
-.content-inner.podcasts-page .podcasts-list .podcasts-search {
- padding: 10px;
- position: sticky;
- top: 0;
- left: 0;
- width: 100%;
- border-bottom: 1px solid var(--color2);
- z-index: 2;
- background: #303030;
-}
-.content-inner.podcasts-page .episodes-list {
- height: 100%;
- width: 100%;
- background: rgba(200, 200, 200, 0.06);
- overflow-y: overlay;
- overflow-x: hidden;
-}
-.content-inner.podcasts-page .episodes-list .episodes-inline-info {
- padding: 14px 14px 0px 14px;
-}
-.content-inner.podcasts-page .episodes-list .episodes-inline-info .podcast-show-info {
- display: flex;
- justify-content: center;
- flex-direction: column;
-}
-.content-inner.podcasts-page .episodes-list .episodes-inline-info .podcast-show-description {
- margin: 32px 6px;
- font-size: 0.8rem;
- white-space: pre-wrap;
- display: block;
-}
-.content-inner.podcasts-page .episodes-list .episodes-inline-info .podcast-artwork {
- width: 120px;
- margin: 0px auto;
- height: 120px;
-}
-.content-inner.podcasts-page .episodes-list .podcast-no-search-results {
- text-align: center;
- margin-top: 40px;
-}
-.content-inner.podcasts-page .podcasts-details {
- width: 300px;
- flex: none;
- background: rgba(255, 255, 255, 0.05);
- overflow-y: overlay;
- overflow-x: hidden;
- top: 2%;
- z-index: 2;
- border-left: 1px solid var(--color2);
- padding-bottom: 1em;
-}
-.content-inner.podcasts-page .podcasts-details .meta-btn {
- font-size: 0.75em;
-}
-.content-inner.podcasts-page .podcasts-details .podcasts-details-header {
- display: flex;
- justify-content: end;
- align-items: center;
- position: sticky;
- top: 0;
- z-index: 2;
-}
-.content-inner.podcasts-page .podcasts-details .close-btn {
- width: 50px;
- height: 42px;
- background-image: var(--gfx-closeBtn);
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
- appearance: none;
- border: 0;
- background-color: transparent;
- position: absolute;
- top: 0;
- right: 0;
-}
-.content-inner.podcasts-page .podcasts-details .close-btn:hover {
- background-color: #c42b1c;
-}
-.content-inner.podcasts-page .podcasts-details .podcast-genre {
- text-align: center;
- margin: 6px;
- font-size: 0.8em;
- font-weight: 500;
- opacity: 0.8;
-}
-.content-inner.podcasts-page .podcasts-details .podcast-metainfo {
- text-align: center;
- font-size: 0.7em;
- opacity: 0.8;
-}
-.content-inner.podcasts-page .podcasts-details .podcast-header {
- text-align: center;
- padding: 0 1rem;
-}
-.content-inner.podcasts-page .podcasts-details .podcast-play-btn {
- width: 50%;
- display: block;
- margin: 0 auto;
-}
-.content-inner.podcasts-page .podcasts-details .podcast-description {
- margin: 12px;
- font-size: 0.75em;
- white-space: pre-wrap;
- display: block;
- line-break: anywhere;
-}
-.content-inner.library-artists-page {
- height: calc(100% - 60px - var(--navigationBarHeight));
- padding: 0px;
-}
-.content-inner.library-artists-page .inner-container {
- display: flex;
- height: calc(100% - var(--navigationBarHeight));
- padding: 0px;
- height: 100%;
-}
-.content-inner.library-artists-page .inner-container .list-flat {
- border-radius: 0px;
-}
-.content-inner.library-artists-page .inner-container .podcast-artwork {
- width: 200px;
- margin: 16px auto;
- height: 200px;
-}
-.content-inner.library-artists-page .inner-container .podcasts-list {
- height: 100%;
- width: 280px;
- background: rgba(200, 200, 200, 0.1);
- overflow-y: overlay;
- border-right: 1px solid var(--color2);
- flex: none;
- overflow-x: hidden;
-}
-.content-inner.library-artists-page .inner-container .podcasts-list .podcast-list-header {
- border-bottom: 1px solid var(--color2);
- font-size: 0.7em;
- padding: 6px;
- background: #ffffff17;
- text-transform: uppercase;
- font-weight: 600;
- opacity: 0.5;
-}
-.content-inner.library-artists-page .inner-container .podcasts-list .podcasts-search {
- padding: 10px;
- position: sticky;
- top: 0;
- left: 0;
- width: 100%;
- border-bottom: 1px solid var(--color2);
- z-index: 2;
- background: #303030;
-}
-.content-inner.library-artists-page .inner-container .episodes-list {
- height: calc(100% + 60px);
- width: 100%;
- background: rgba(200, 200, 200, 0.06);
- overflow-y: overlay;
- overflow-x: hidden;
-}
-.content-inner.library-artists-page .inner-container .episodes-list .episodes-inline-info {
- padding: 14px 14px 0px 14px;
-}
-.content-inner.library-artists-page .inner-container .episodes-list .episodes-inline-info .podcast-show-info {
- display: flex;
- justify-content: center;
- flex-direction: column;
-}
-.content-inner.library-artists-page .inner-container .episodes-list .episodes-inline-info .podcast-show-description {
- margin: 32px 6px;
- font-size: 0.8rem;
- white-space: pre-wrap;
- display: block;
-}
-.content-inner.library-artists-page .inner-container .episodes-list .episodes-inline-info .podcast-artwork {
- width: 120px;
- margin: 0px auto;
- height: 120px;
-}
-.content-inner.library-artists-page .inner-container .episodes-list .podcast-no-search-results {
- text-align: center;
- margin-top: 40px;
-}
-.content-inner.library-artists-page .inner-container .podcasts-details {
- width: 300px;
- flex: none;
- background: rgba(255, 255, 255, 0.05);
- overflow-y: overlay;
- overflow-x: hidden;
- top: 2%;
- z-index: 2;
- border-left: 1px solid var(--color2);
- padding-bottom: 1em;
-}
-.content-inner.library-artists-page .inner-container .podcasts-details .meta-btn {
- font-size: 0.75em;
-}
-.content-inner.library-artists-page .inner-container .podcasts-details .podcasts-details-header {
- display: flex;
- justify-content: end;
- align-items: center;
- position: sticky;
- top: 0;
- z-index: 2;
-}
-.content-inner.library-artists-page .inner-container .podcasts-details .close-btn {
- width: 50px;
- height: 42px;
- background-image: var(--gfx-closeBtn);
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
- appearance: none;
- border: 0;
- background-color: transparent;
- position: absolute;
- top: 0;
- right: 0;
-}
-.content-inner.library-artists-page .inner-container .podcasts-details .close-btn:hover {
- background-color: #c42b1c;
-}
-.content-inner.library-artists-page .inner-container .podcasts-details .podcast-genre {
- text-align: center;
- margin: 6px;
- font-size: 0.8em;
- font-weight: 500;
- opacity: 0.8;
-}
-.content-inner.library-artists-page .inner-container .podcasts-details .podcast-metainfo {
- text-align: center;
- font-size: 0.7em;
- opacity: 0.8;
-}
-.content-inner.library-artists-page .inner-container .podcasts-details .podcast-header {
- text-align: center;
-}
-.content-inner.library-artists-page .inner-container .podcasts-details .podcast-play-btn {
- width: 50%;
- display: block;
- margin: 0 auto;
-}
-.content-inner.library-artists-page .inner-container .podcasts-details .podcast-description {
- margin: 12px;
- font-size: 0.75em;
- white-space: pre-wrap;
- display: block;
- line-break: anywhere;
-}
-@media only screen and (max-width: 1230px) {
- .content-inner.library-artists-page .content-inner.podcasts-page .podcasts-details {
- height: 96%;
- width: 300px;
- flex: none;
- background: rgba(20, 20, 20, 0.97);
- overflow-y: overlay;
- overflow-x: hidden;
- position: absolute;
- right: 2%;
- top: 2%;
- border-radius: 10px;
- box-shadow: var(--ciderShadow-Generic);
- z-index: 2;
- }
-}
-@media only screen and (max-width: 1230px) {
- .content-inner.podcasts-page .podcasts-details {
- height: 96%;
- width: 300px;
- flex: none;
- background: rgba(20, 20, 20, 0.97);
- overflow-y: overlay;
- overflow-x: hidden;
- position: absolute;
- right: 2%;
- top: 2%;
- border-radius: 10px;
- box-shadow: var(--ciderShadow-Generic);
- z-index: 2;
- }
-}
-/* Album / Playlist Page */
-.playlist-page {
- --bgColor: transparent;
- padding: 0px;
- top: 0;
- padding-top: var(--navigationBarHeight);
- display: flex;
- flex-direction: column;
- height: 100%;
- overflow: hidden;
-}
-.playlist-page .cd-mediaitem-list-item:hover .heart-icon {
- display: flex;
-}
-.playlist-page .cd-mediaitem-list-item .heart-icon {
- left: -25px;
-}
-.playlist-page .editTracksBtn {
- position: absolute;
- top: 20px;
- right: 20px;
- z-index: 1;
-}
-.playlist-page .editTracksBtn > span {
- display: flex;
- gap: 8px;
-}
-.playlist-page .mediaContainer {
- transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
- width: 260px;
- height: 260px;
-}
-.playlist-page .playlist-body {
- padding: 32px;
- overflow-y: overlay;
- height: 100%;
- padding: 0px;
- background-color: var(--color3);
-}
-.playlist-page .playlist-body.scrollbody .tabs {
- display: flex;
- flex-flow: column;
- height: 100%;
-}
-.playlist-page .playlist-body.scrollbody .tabs .nav-link {
- text-transform: capitalize;
-}
-.playlist-page .playlist-body.scrollbody .tabs .tab-content {
- height: 100%;
- overflow: hidden;
- margin: 0px;
-}
-.playlist-page .playlist-body.scrollbody .tabs .tab-content .tab-pane {
- height: 100%;
- overflow-y: overlay;
- overflow-x: hidden;
- padding: var(--contentInnerPadding);
- padding-inline: 40px;
- -webkit-mask-image: linear-gradient(180deg, transparent, white 20px);
-}
-.playlist-page .playlist-body.scrollbody .tabs .tab-content .tab-pane .well {
- margin: 0px;
-}
-.playlist-page .playlist-body .search-input-container {
- height: 2.5rem;
- margin: 1rem;
- margin-top: 0;
- scroll-margin-top: 1rem;
-}
-.playlist-page .playlist-body .search-input-container .search-input {
- width: 100%;
- height: 100%;
-}
-.playlist-page .floating-header {
- position: sticky;
- top: 0;
- left: 0;
- border-bottom: 1px solid rgba(200, 200, 200, 0.05);
- z-index: 6;
- padding: 0px 1em;
- backdrop-filter: blur(32px);
- background: rgba(0, 0, 0, 0.25);
- top: var(--navigationBarHeight);
- transition: opacity 0.1s var(--appleEase);
- display: none;
-}
-.playlist-page .playlist-display {
- padding: var(--contentInnerPadding);
- min-height: 300px;
- position: relative;
- box-shadow: 0px 4px 6px 3px rgba(0, 0, 0, 0.1);
- transition: min-height 0.5s ease-in-out;
-}
-.playlist-page .playlist-display .artworkContainer {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- margin: 0;
- margin-top: calc(var(--navigationBarHeight) * -1);
- margin-bottom: -10px;
- padding: 0;
- -webkit-mask-image: radial-gradient(at top left, black, transparent 70%), radial-gradient(at top right, black, transparent 70%), linear-gradient(180deg, #c8c8c8, transparent 98%);
- opacity: 0.7;
- animation: playlistArtworkFadeIn 1s var(--appleEase);
-}
-.playlist-page .playlist-display .artworkContainer .artworkMaterial img {
- filter: brightness(100%) blur(80px) saturate(100%) contrast(1);
- object-position: center;
- object-fit: cover;
- width: 100%;
- height: 100%;
- transform: unset;
-}
-.playlist-page .playlist-display .playlistInfo {
- z-index: 1;
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- top: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 100%;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-hero {
- width: 100%;
- transform: translateX(25%);
- position: absolute;
- z-index: -1;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-hero .mediaitem-artwork {
- -webkit-mask-image: -webkit-radial-gradient(center, circle cover, #000000 50%, rgba(0, 0, 0, 0) 75%);
- border-radius: 0px;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-hero .hero-tint {
- position: absolute;
- top: 0;
- opacity: 0.6;
- width: 100%;
- height: 100%;
-}
-.playlist-page .playlist-display .playlistInfo > .row {
- width: calc(100% - 32px);
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info {
- flex-shrink: unset;
- display: flex;
- flex-flow: column;
- justify-content: flex-end;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .playlist-name {
- font-weight: 700;
- font-size: 1.6rem;
- margin-right: 6px;
- margin-bottom: 6px;
- flex-shrink: unset;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .search-input::placeholder {
- color: var(--heroplaceholdercolor);
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .nameEdit {
- font-weight: 700;
- font-size: 1.6rem;
- flex-shrink: unset;
- background: transparent;
- border: 0px;
- color: inherit;
- font-family: inherit;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .descriptionEdit {
- font-size: 14px;
- flex-shrink: unset;
- background: transparent;
- border: 0px;
- color: inherit;
- font-family: inherit;
- width: 60vw;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .descriptionEdit {
- font-size: 14px;
- flex-shrink: unset;
- background: transparent;
- border: 0px;
- color: inherit;
- font-family: inherit;
- width: 60vw;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .playlist-artist {
- font-size: 20px;
- margin-bottom: 6px;
- margin-right: 6px;
- flex-shrink: unset;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .playlist-desc {
- transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
- box-sizing: border-box;
- font-size: 14px;
- flex-shrink: unset;
- margin-right: 5px;
- max-height: 100px;
- position: relative;
- height: 4vh;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .playlist-desc .content {
- height: 4vh;
- -webkit-mask-image: -webkit-gradient(linear, left 50%, left 90%, from(#000000), to(rgba(0, 0, 0, 0)));
-}
-.playlist-page .playlist-display .playlistInfo .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-page .playlist-display .playlistInfo .playlist-info .playlist-desc-expanded {
- box-sizing: border-box;
- font-size: 14px;
- position: relative;
-}
-.playlist-page .playlist-display .playlistInfo .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-page .playlist-display .playlistInfo .playlist-info .search-btn {
- display: flex;
- width: 32px;
- align-items: center;
- margin-right: 1rem;
- background: rgba(100, 100, 100, 0.5);
- border: none;
- cursor: pointer;
- border-radius: 100vmax;
- box-shadow: var(--ciderShadow-Generic);
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .search-btn > ._svg-icon {
- width: 18px;
- height: 18px;
- margin: auto;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .search-btn.active {
- animation: enlarge 0.5s ease-in-out;
-}
-.playlist-page .playlist-display .playlistInfo .playlist-info .search-btn:hover {
- filter: brightness(125%);
-}
-@keyframes enlarge {
- 0% {
- transform: scale(1);
- }
- 50% {
- transform: scale(1.2);
- }
- 100% {
- transform: scale(1);
- }
-}
-.playlist-page .friends-info {
- display: flex;
- flex-flow: column;
-}
-.playlist-page .friends-info .badge-container {
- display: flex;
- flex-flow: wrap;
-}
-.playlist-page .friends-info .badge-container .socialBadge {
- width: 40px;
- height: 40px;
- border-radius: 100%;
- overflow: hidden;
- box-shadow: var(--mediaItemShadow-ShadowSubtle);
- transition: transform 0.2s var(--appleEase);
- margin: 6px;
-}
-.playlist-page .friends-info .badge-container .socialBadge:hover {
- transform: scale(1.2);
-}
-.playlist-page .friends-info .friends-name {
- text-align: center;
- font-size: 0.9em;
- margin: 8px;
-}
-.playlist-page .playlist-time {
- font-size: 0.9em;
- margin: 6px;
- opacity: 0.7;
- transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
- height: 0.9em;
-}
-.playlist-page.inline-playlist {
- overflow: hidden;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.5);
- display: flex;
- justify-content: center;
- align-items: center;
- z-index: 10;
- position: sticky;
- margin-top: calc(var(--navigationBarHeight) * -1);
-}
-.playlist-page.inline-playlist .floating-header {
- opacity: 1;
- top: 0px;
- z-index: 6;
- padding: 1em;
- backdrop-filter: unset;
- background: black;
-}
-.playlist-page.inline-playlist .floating-header h3 {
- display: none;
-}
-.playlist-page.inline-playlist .playlist-inner {
- background: black;
- width: 80%;
- height: 100%;
- overflow: overlay;
- box-shadow: var(--ciderShadow-Generic);
- border-radius: var(--mediaItemRadius) var(--mediaItemRadius) 0px 0px;
-}
-.playlist-page.inline-playlist .playlist-inner .close-btn {
- position: sticky;
- top: 16px;
- left: 16px;
- margin-left: 16px;
- z-index: 7;
-}
-.playlist-page .pilldim .nav-pills {
- width: max-content;
- margin: 0 auto;
- margin-top: 16px;
-}
-.playlist-page.plmin .playlist-display {
- transition: min-height 0.5s ease-in-out;
- min-height: 200px;
-}
-.playlist-page.plmin .playlist-display .mediaContainer {
- transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
- width: 128px !important;
- height: 128px !important;
-}
-.playlist-page.plmin .playlist-display .playlist-time {
- transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
- height: 0px;
- opacity: 0;
-}
-.playlist-page.plmin .playlist-display .playlist-desc {
- transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
- height: 0px !important;
- opacity: 0;
-}
-@keyframes playlistArtworkFadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 0.7;
- }
-}
-.collection-page {
- padding-bottom: 128px;
-}
-.collection-page .top-fab {
- height: 52px;
- width: 52px;
- position: fixed;
- bottom: 32px;
- right: 32px;
- border-radius: 100%;
- background: #3c3c3c;
- border: 0px;
- appearance: none;
- box-shadow: var(--ciderShadow-Generic);
-}
-.collection-page .top-fab > svg {
- height: 50%;
- color: #eee;
- pointer-events: none;
-}
-.collection-page .top-fab:hover {
- background: #646464;
-}
-.collection-page .top-fab:active {
- background: var(--keyColor);
-}
-.collection-page .header-text {
- margin-bottom: 32px;
-}
-/* Artist Page */
-.artist-page {
- padding: 0px;
- top: 0;
-}
-.artist-page .floating-header {
- position: sticky;
- top: 0;
- left: 0;
- border-bottom: 1px solid rgba(200, 200, 200, 0.05);
- z-index: 6;
- padding: 0px 1em;
- backdrop-filter: blur(32px);
- background: rgba(0, 0, 0, 0.25);
- top: var(--navigationBarHeight);
- transition: opacity 0.1s var(--appleEase);
-}
-.artist-page.animated .artist-header .more-btn-round {
- position: absolute;
- bottom: 22px !important;
- right: 28px;
-}
-.artist-page.animated .artist-header {
- min-height: 80vh;
-}
-.artist-page .artist-header {
- color: white;
- display: flex;
- align-items: center;
- justify-content: space-between;
- min-height: 400px;
- position: relative;
- pointer-events: none;
-}
-.artist-page .artist-header .header-content {
- z-index: 1;
-}
-.artist-page .artist-header .artist-hero {
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
-}
-.artist-page .artist-header .artist-hero .mediaitem-artwork {
- border-radius: 0px;
-}
-.artist-page .artist-header .artworkContainer {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- margin: 0;
- padding: 0;
- -webkit-mask-image: radial-gradient(at top left, black, transparent 70%), radial-gradient(at top right, black, transparent 70%), linear-gradient(180deg, #c8c8c8, transparent 98%);
- opacity: 0.7;
- animation: playlistArtworkFadeIn 1s var(--appleEase);
-}
-.artist-page .artist-header .artworkContainer .artworkMaterial img {
- filter: brightness(100%) blur(80px) saturate(100%) contrast(1);
- object-position: center;
- object-fit: cover;
- width: 100%;
- height: 100%;
- transform: unset;
-}
-.artist-page .artist-header .more-btn-round {
- position: absolute;
- bottom: 82px;
- right: 28px;
-}
-.artist-page .artist-header .social-btn {
- border-radius: 100%;
- background: transparent;
- height: 17px;
- border: 0px;
- cursor: pointer;
- z-index: 69;
- display: flex;
- justify-content: center;
- align-items: center;
- float: right;
-}
-@media only screen and (min-width: 1133px) and (max-width: 1277px) {
- .artist-page .artist-header .social-btn {
- display: none !important;
- }
-}
-.artist-page .artist-header .animated {
- width: 100%;
- height: 100%;
- align-self: center;
- position: absolute;
- overflow: hidden;
- box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 1000000px inset;
- z-index: 1;
-}
-.artist-page .artist-header .animated video {
- overflow: hidden;
- height: 100%;
- width: 100%;
- min-height: 56.25vw;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- object-fit: cover;
-}
-.artist-page .artist-header .row .col.flex-center {
- z-index: 4;
-}
-.artist-page .artist-image {
- width: 200px;
- height: 200px;
- margin: 32px;
- position: relative;
-}
-.artist-page .artist-image .overlay-play {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- background: rgba(0, 0, 0, 0.5);
- transition: opacity 0.1s var(--appleEase);
- border-radius: 100%;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- appearance: none;
- border: 0px;
- padding: 0px;
-}
-.artist-page .artist-image .overlay-play:hover {
- opacity: 1;
-}
-.artist-page .artist-image .overlay-play:active {
- background: var(--selected-click);
-}
-.artist-page .artist-image .overlay-play > svg {
- width: 70%;
-}
-.artist-page .artist-play {
- width: 32px;
- height: 32px;
- background: rgba(100, 100, 100, 0.5);
- box-shadow: var(--ciderShadow-Generic);
- border-radius: 100%;
- box-shadow: var(--mediaItemShadow);
- display: none;
- cursor: pointer;
- appearance: none;
- border: 0px;
- padding: 0px;
-}
-.artist-page .artist-play:hover {
- filter: brightness(125%);
-}
-.artist-page .artist-play:active {
- filter: brightness(75%);
- transform: scale(0.98);
- transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
-}
-.artist-page .artist-title .artist-play {
- transform: translateY(3px);
- margin: 14px;
-}
-.artist-page .artist-title.artist-animation-on {
- width: 100%;
- flex: unset;
- margin-left: 0.5em;
- color: whitesmoke;
- position: absolute;
- bottom: 0;
-}
-.artist-page .artist-title.artist-animation-on .artist-play {
- display: block;
-}
-.artist-page .artist-body {
- padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding);
- margin: -64px 20px;
-}
-.artist-page .artist-body .arow {
- display: flex;
- overflow: hidden;
- padding: 16px 32px;
-}
-.artist-page .artist-body .arow > .latestRelease {
- width: 250px;
-}
-.artist-page .artist-body .arow > .topSongs {
- width: calc(100% - 250px);
-}
-.artist-page .artist-body .arow.arowb > .topSongs {
- width: 100%;
-}
-.artist-page.animated > .artist-body {
- padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding);
- margin-top: -57px;
-}
-.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: rgba(200, 200, 200, 0.1);
-}
-/* Artist Page End */
-.settings-page {
- padding: 0px;
-}
-.settings-page .nav {
- width: 90%;
- margin: 16px auto 0px;
-}
-.audiolabs-page {
- padding: 0px;
-}
-.audiolabs-page .md-option-header {
- padding: 1.25em 1.25em;
- border-bottom: unset;
- border-top: unset;
- font-weight: 600;
- font-size: 1em;
- background: rgba(255, 255, 255, 0.03);
-}
-.audiolabs-page .carousel-item > img {
- object-fit: cover;
- width: 100%;
-}
-.audiolabs-page .spprofile-line {
- height: 300px;
- width: 100%;
- max-width: 1024px;
- padding: 16px;
- margin: 0 auto;
-}
-.audiolabs-page .spprofile-line .spprofile-viewport {
- height: 100%;
- position: relative;
- border-radius: var(--mediaItemRadius);
- overflow: hidden;
- box-shadow: var(--mediaItemShadow-Shadow);
- background: black;
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spprev,
-.audiolabs-page .spprofile-line .spprofile-viewport .nextprev {
- position: absolute;
- height: 100%;
- width: 64px;
- top: 0;
- background: rgba(0, 0, 0, 0.2);
- z-index: 1;
- border: 0px;
- transition: background 0.2s var(--appleEase), transform 0.2s var(--appleEase);
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spprev:hover,
-.audiolabs-page .spprofile-line .spprofile-viewport .nextprev:hover {
- background: var(--selected);
- transform: scale(1.1);
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spprev:active,
-.audiolabs-page .spprofile-line .spprofile-viewport .nextprev:active {
- transition: background 0s var(--appleEase);
- background: var(--selected-click);
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spprev:before,
-.audiolabs-page .spprofile-line .spprofile-viewport .nextprev:before {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: #eee;
- opacity: 1;
- -webkit-mask-position: center;
- -webkit-mask-repeat: no-repeat;
- -webkit-mask-size: 1em;
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spprev {
- left: 0;
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spprev:before {
- -webkit-mask-image: url("./views/svg/chevron-left.svg");
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .nextprev {
- right: 0;
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .nextprev:before {
- -webkit-mask-image: url("./views/svg/chevron-right.svg");
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spslide {
- position: absolute;
- width: 100%;
- height: 100%;
- overflow: hidden;
- background: black;
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spslide > img {
- WIDTH: 100%;
- height: 100%;
- object-fit: cover;
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spslide .sptitle {
- position: absolute;
- bottom: 0px;
- left: 0;
- width: 100%;
- text-align: center;
- font-size: 18px;
- text-shadow: 0px 2px 4px #00000033;
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spfade-enter-active,
-.audiolabs-page .spprofile-line .spprofile-viewport .spfade-leave-active {
- --transitionTime: 0.2s;
- transition: opacity var(--transitionTime) var(--appleEase), transform var(--transitionTime) var(--appleEase);
- will-change: opacity, transform;
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spfade-enter {
- opacity: 0;
- transform: scale(1.2) translate3d(0, 0, 0);
- will-change: opacity, transform;
-}
-.audiolabs-page .spprofile-line .spprofile-viewport .spfade-leave-to {
- opacity: 1;
- transform: scale(1) translate3d(0, 0, 0);
- will-change: opacity, transform;
-}
-.audiolabs-page .settings-option-body {
- margin: 16px;
-}
-@keyframes gradient-animation {
- 0% {
- background-position: 0% 0%;
- }
- 50% {
- background-position: 100% 0%;
- }
- 100% {
- background-position: 0% 0%;
- }
-}
-.home-page .md-btn-replay {
- background-image: linear-gradient(-45deg, #2e2173, #925042);
- animation: gradient-animation 5s ease-in-out infinite;
- background-size: 400% 400%;
- border: 0px;
- box-shadow: inset 0px 0px 0px 1px rgba(200, 200, 200, 0.2);
- text-transform: uppercase;
- font-weight: bold;
-}
-.home-page .md-btn-replay--hero {
- font-size: 1em;
- padding: 16px;
- background-image: linear-gradient(-45deg, #2e2173, #925042);
- animation: gradient-animation 5s ease-in-out infinite;
- background-size: 400% 400%;
- border: 0px;
- box-shadow: inset 0px 0px 0px 1px rgba(200, 200, 200, 0.2);
- margin-top: 1em;
- font-size: 0.9em;
- text-transform: uppercase;
- font-weight: bold;
-}
-.home-page .artist-feed-card {
- position: absolute;
- bottom: 0;
- left: 10%;
- z-index: 1;
- background: black;
- width: 80%;
- height: 96%;
- overflow: scroll;
- border-radius: 10px;
-}
-.home-page .col.madeforyou-col {
- width: 420px;
- min-width: 0px;
- max-width: 420px;
-}
-.home-page .well.artistfeed-well {
- margin-top: 0px;
- height: 392px;
- align-content: flex-start;
-}
-.home-page .hint-text {
- font-size: 0.9rem;
- color: rgba(200, 200, 200, 0.7);
-}
-.home-page .user-icon {
- border-radius: 100%;
- width: 128px;
- height: 128px;
- overflow: hidden;
- box-shadow: var(--mediaItemShadow-Shadow);
- margin: 16px;
-}
-.home-page .well.profile-well {
- flex-direction: column;
- justify-content: center;
- align-items: center;
-}
-.home-page .well.profile-well .name {
- margin: 4px;
- font-weight: 500;
-}
-.home-page .well.profile-well .handle {
- margin: 4px;
- opacity: 0.7;
- font-weight: 500;
-}
-.replay-page {
- --replayTextShadow: 0px 3px 2px #6f3f52;
-}
-.replay-page .replay-period {
- height: 200px;
- width: 200px;
- margin: 6px;
- border-radius: var(--mediaItemRadius);
- overflow: hidden;
- cursor: pointer;
- transition: transform 0.2s var(--appleEase);
- transition-delay: 0.1s;
- align-self: center;
-}
-.replay-page .replay-period:hover {
- transform: translateY(-6px);
- transition-delay: 0s;
-}
-.replay-page .replay-period .artwork-container {
- height: 200px;
- width: 200px;
-}
-.replay-page .replay-playlist-container .cd-mediaitem-square {
- height: 230px;
- width: 230px;
-}
-.replay-page .replay-playlist-container .cd-mediaitem-square .info-rect {
- display: none;
-}
-.replay-page .replay-video {
- max-height: 300px;
- max-width: 800px;
- margin: 0 auto;
-}
-.replay-page .replay-video .mediaitem-artwork {
- max-height: 300px;
- max-width: 800px;
-}
-.replay-page .replay-video .mediaitem-artwork .animatedartwork-view-box .animated video {
- object-fit: cover;
-}
-.replay-page .top-genres-container .genre-name {
- font-size: 0.9em;
- margin: 6px 0px;
- font-weight: 500;
-}
-.replay-page .top-genres-container .genre-count {
- width: 100%;
- height: 32px;
- background: #ffffff14;
- border-radius: 10px;
- overflow: hidden;
-}
-.replay-page .top-genres-container .genre-count .genre-count-bar {
- height: 100%;
- width: 0%;
- background: var(--keyColor);
- display: flex;
- justify-content: center;
- align-items: center;
- min-width: 32px;
- font-size: 0.9em;
- font-weight: 500;
-}
-.replay-page .cd-mediaitem-square {
- transition: transform 0.2s var(--appleEase);
- transition-delay: 0.1s;
-}
-.replay-page .cd-mediaitem-square .mediaitem-artwork {
- animation: replayFadeIn 0.5s var(--appleEase);
-}
-.replay-page .cd-mediaitem-square:hover {
- transform: scale(1.1);
- transition-delay: 0s;
-}
-@keyframes replayFadeIn {
- 0% {
- transform: translateY(10px) scale(0.9);
- opacity: 0;
- }
- 100% {
- transform: scale(1);
- opacity: 1;
- }
-}
-.replay-page .replay-viewport {
- background-image: linear-gradient(-45deg, #2e2173, #925042);
- animation: gradient-animation 5s ease-in-out infinite;
- background-size: 400% 400%;
- padding: 16px 40px;
- border-radius: 10px;
- box-shadow: var(--mediaItemShadow), var(--mediaItemShadow-Shadow);
- color: rgba(238, 238, 238, 0.86);
-}
-.replay-page .replay-viewport .replay-header {
- text-align: center;
- font-size: 3em;
- text-shadow: var(--replayTextShadow);
-}
-.replay-page .replay-card {
- background: transparent;
- border: 0px;
-}
-.content-inner.oobe {
- position: absolute;
- overflow: hidden;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- display: grid;
- place-items: center;
- width: 100%;
- background: #1e1e1e;
-}
-.content-inner.oobe .oobe-view {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- gap: 32px;
- max-width: 1280px;
- max-height: 720px;
- align-self: center;
- justify-self: center;
- height: 100%;
- width: 100%;
-}
-.content-inner.oobe .oobe-view .oobe-header {
- font-size: 3em;
- text-shadow: var(--replayTextShadow);
- font-weight: 600;
-}
-.content-inner.oobe .oobe-view .oobe-body {
- flex: 1;
- width: 100%;
- background: #ffffff0d;
- border-radius: 20px;
- padding: 3em;
- overflow-y: scroll;
- overflow-x: hidden;
-}
-@media screen and (max-width: 1161px) {
- .content-inner.oobe .oobe-view .oobe-body {
- font-size: 13px;
- }
-}
-.content-inner.oobe .oobe-view .oobe-body.text {
- white-space: pre-wrap;
-}
-.content-inner.oobe .oobe-view .oobe-body .blurb {
- white-space: pre-wrap;
- margin: 16px;
- line-height: 1.5em;
-}
-.content-inner.oobe .oobe-view .oobe-body.visual {
- padding: 1em;
-}
-.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker {
- border-radius: 10px;
- overflow: hidden;
- cursor: pointer;
- transition: 0.25s all;
- box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
- width: 450px;
- margin: 0 auto;
-}
-.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker .visualPreview {
- pointer-events: none;
- transition: 0.25s all;
- width: 100%;
-}
-.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker .card-body {
- padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker .card-footer {
- font-size: 1.25em;
- font-weight: 500;
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- border: 0px;
- text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
- font-weight: bold;
-}
-.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker.style-active {
- outline: 4px solid var(--keyColor);
-}
-.content-inner.oobe .oobe-view .oobe-body.visual .stylePicker:hover {
- transform: scale(1.1) translateZ(-1px) translateY(10px);
- z-index: 1;
- box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.25);
-}
-@media screen and (max-height: 688px) {
- .content-inner.oobe .oobe-view .oobe-body.visual .stylePicker {
- width: 270px;
- }
-}
-.content-inner.oobe .oobe-view .oobe-footer {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- padding: 16px;
-}
-.content-inner.oobe .oobe-view .oobe-footer .md-btn {
- font-size: 18px;
- min-width: 128px;
- text-align: center;
-}
-.content-inner.oobe .oobe-titlebar {
- position: absolute;
- top: 0;
- left: 0;
- height: 46px;
- width: 100%;
- align-items: center;
- justify-content: right;
- display: flex;
- -webkit-app-region: drag;
-}
-.content-inner.oobe .oobe-titlebar .button-group {
- -webkit-app-region: no-drag;
- display: flex;
- flex-direction: row;
- width: 100px;
- height: 100%;
- justify-content: center;
- align-items: center;
- gap: 16px;
-}
-.content-inner.oobe .oobe-titlebar .button-group > button {
- height: 32px;
- width: 32px;
- font-size: 16px;
- border-radius: 0px;
- border: 0;
- appearance: none;
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 100%;
-}
-.content-inner.oobe .oobe-titlebar .button-group > button.close {
- background-color: #fc3c44aa;
-}
-.content-inner.oobe .oobe-titlebar .button-group > button.close:hover {
- background-color: #fc3c44;
-}
-.content-inner.oobe .oobe-titlebar .button-group > button.min {
- background-color: rgba(200, 200, 200, 0.05);
-}
-.content-inner.oobe .oobe-titlebar .button-group > button.min:hover {
- background-color: rgba(200, 200, 200, 0.1);
-}
-.content-inner.oobe .oobe-titlebar .button-group > button.close::before {
- font-family: "codicon";
- content: "";
- color: white;
-}
-.content-inner.oobe .oobe-titlebar .button-group > button.min::before {
- font-family: "codicon";
- content: "";
- color: white;
-}
-.content-inner.cider-multiroom {
- padding: 0px;
-}
-.content-inner.cider-multiroom .detail {
- padding: 32px;
-}
-.content-inner.cider-multiroom .header-desc {
- font-size: 1em;
- font-weight: 400;
-}
-.content-inner.cider-multiroom .artworkContainer {
- height: 300px;
- width: 100%;
-}
-.content-inner.cider-multiroom .artworkContainer img {
- height: 100%;
- width: 100%;
- overflow: hidden;
- object-fit: cover;
- filter: unset;
-}
-.content-inner.cider-multiroom .artworkContainer img:last-child {
- transform: unset;
-}
-.settings-panel {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: rgba(0, 0, 0, 0);
- display: flex;
- justify-content: center;
- align-items: center;
- z-index: 16;
-}
-.settings-panel .settings-window {
- background: var(--baseColorMix);
- max-width: 90%;
- max-height: 90%;
- width: 100%;
- height: 100%;
- border-radius: 10px;
- box-shadow: var(--ciderShadow-Generic);
- overflow: hidden;
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
- flex: 1;
- backdrop-filter: var(--glassFilterHeavy);
- transition: width 0.25s ease-in-out, height 0.25s ease-in-out, max-width 0.25s ease-in-out, max-height 0.25s ease-in-out;
-}
-.settings-panel .settings-window .header-text {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- height: 48px;
- display: flex;
- align-items: center;
- justify-content: center;
- font-weight: 600;
- opacity: 0.9;
-}
-.settings-panel .settings-window .nav-pills {
- gap: 6px;
-}
-.settings-panel .settings-window .nav-pills .nav-link {
- display: flex;
- gap: 10px;
- align-items: center;
- height: 35px;
-}
-.settings-panel .settings-window .nav-pills .nav-link :nth-child(2) {
- white-space: nowrap;
-}
-.settings-panel .settings-window .md-option-header {
- padding: 0px 26px;
- border-bottom: unset;
- border-top: unset;
- font-weight: 600;
- background: rgba(255, 255, 255, 0);
- font-size: 2em;
-}
-.settings-panel .settings-window .settings-option-body-webview {
- height: 100%;
- width: 100%;
-}
-.settings-panel .settings-window .settings-option-body {
- margin: 16px;
-}
-.settings-panel .settings-window.maxed {
- width: 100%;
- height: 100%;
- max-height: 100%;
- max-width: 100%;
- border-radius: 0px;
- box-shadow: unset;
-}
-.settings-panel .settings-window .close-btn {
- width: 36px;
- height: 36px;
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
- appearance: none;
- border: 0;
- background-color: transparent;
- position: absolute;
- top: 10px;
- right: 10px;
- border-radius: 50px;
- display: grid;
- align-content: center;
- z-index: 9;
-}
-.settings-panel .settings-window .close-btn:before {
- content: "";
- font-family: "codicon";
- color: var(--textColor);
- font-size: 20px;
-}
-.settings-panel .settings-window .close-btn:hover {
- background-color: #c42b1c;
-}
-.settings-panel .settings-window .close-btn.back-btn {
- left: 10px;
- right: unset;
-}
-.settings-panel .settings-window .close-btn.minmax-btn {
- right: 52px;
-}
-.settings-panel .settings-window .close-btn.minmax-btn:before {
- content: "";
-}
-.settings-panel .settings-window .close-btn.minmax-btn.min:before {
- content: "";
-}
-.settings-panel .settings-window .close-btn.minmax-btn:hover {
- background-color: var(--selected);
-}
-.settings-panel .settings-window .tabs {
- height: 100%;
- width: 100%;
- margin: 0;
- padding: 0;
-}
-.settings-panel .settings-window .tabs > .col-auto {
- width: 230px;
- overflow-x: hidden;
- overflow-y: overlay;
- transition: width 0.25s ease-in-out;
-}
-.settings-panel .settings-window .tabs .tab-content {
- margin: 0 !important;
-}
-.settings-panel .settings-window .tab-content {
- overflow-y: overlay;
- height: 100%;
- background-color: var(--panelColor2);
- padding: 0px;
- padding-top: 48px;
- border-left: 1px solid var(--borderColor);
-}
-.settings-panel .settings-window .github-themes-page .header-text,
-.settings-panel .settings-window .installed-themes-page .header-text {
- font-size: 1.25em;
-}
-.settings-panel .settings-window .tab-pane {
- height: 100%;
-}
-.settings-panel .settings-window .settings-tab-content {
- height: 100%;
-}
-.settings-panel .settings-window.no-sidebar .gh-header > .row:last-child {
- padding-right: 90px;
-}
-.settings-panel .settings-window.no-sidebar .tab-content {
- padding-top: 0px;
-}
-.settings-panel .settings-window.no-sidebar .tabs .nav-pills .nav-link {
- width: 50px;
-}
-.settings-panel .settings-window.no-sidebar .tabs .nav-pills .nav-link :nth-child(2) {
- opacity: 0;
-}
-.settings-panel .settings-window.no-sidebar .tabs > .col-auto {
- width: 80px;
-}
-#hid___BV_tab_button__ {
- display: none;
-}
-:root {
- --windowRelativeScale: 1;
- --appleEase: cubic-bezier(0.42, 0, 0.58, 1);
- --borderColor: rgba(200, 200, 200, 0.16);
- --mediaItemShadow: inset 0px 0px 0px 1px rgba(200, 200, 200, 0.16);
- --mediaItemShadow-Shadow: 0 8px 40px rgba(0, 0, 0, 0.55);
- --mediaItemShadow-ShadowSubtle: 0 4px 14px rgba(0, 0, 0, 0.1);
- --ciderShadow-Generic: var(--mediaItemShadow), 0 8px 40px rgb(0 0 0 / 0.55);
- --mediaItemRadius: 8px;
- --mediaItemRadiusSmall: 6px;
- --mediaItemRadiusMedium: 8px;
- --mediaItemRadiusRound: 100%;
- --panelRadius: 10px;
- --contentInnerPadding: 16px;
- --navbarHeight1: 48px;
- --navbarHeight2: 0px;
- --navbarHeight: calc(var(--navbarHeight1) + var(--navbarHeight2));
- --selected: rgba(130, 130, 130, 0.3);
- --selected-click: rgba(80, 80, 80, 0.3);
- --hover: rgba(200, 200, 200, 0.1);
- --keyColorDefault: #fc3c44;
- --keyColor: #fc3c44;
- --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);
- --keyColor-primary: #ff2b52a6;
- --navigationBarHeight: 0px;
- --modalBackground: #262626;
- --songProgressColor: var(--keyColor);
- --songProgressBackground: #333;
- --textColor: #eee;
- --replayGradient: linear-gradient(45deg, hsl(248, 58%, 29%), hsl(13, 41%, 42%));
- --glassFilter: blur(16px) saturate(180%);
- --glassFilterHeavy: blur(64px) saturate(280%);
- --sidebarWidth: 260px;
-}
-*:focus-visible {
- outline: 2px solid var(--keyColor);
-}
-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: "Pretendard Variable", "Noto Sans JP", "Noto Sans KR", "Noto Sans TC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
- transition: opacity 0.1s var(--appleEase);
-}
-a:-webkit-any-link {
- color: var(--keyColor);
-}
-hr {
- appearance: none;
- border: none;
- height: 1px;
- background-color: rgba(255, 255, 255, 0.2);
-}
-body[loading] .app-navigation {
- pointer-events: none;
-}
-body.stopanimation * {
- animation: unset !important;
-}
-body.stopanimation * .loadbar-sound {
- display: none;
-}
-body.notransparency::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0.5;
- display: none;
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
-}
-*,
-*: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 rgba(200, 200, 200, 0.5);
- border-radius: 16px;
- min-height: 64px;
- transition: border 1s;
-}
-::-webkit-scrollbar-thumb:hover {
- border: 5px solid transparent;
- box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.8);
-}
-[disabled] {
- pointer-events: none;
- opacity: 0.5;
-}
-#app {
- --panelColor1: rgba(32, 32, 32, 0.5);
- --panelColor2: rgba(39, 39, 39, 0.5);
- --color1: var(--panelColor2);
- --color2: var(--panelColor1);
- --color3: rgba(0, 0, 0, 0.2);
- --bgColor: transparent;
- --bgWidth: 0px;
- --bgHeight: 0px;
- --chromeHeight1: 55px;
- --chromeHeight2: 0px;
- --chromeHeight: calc(var(--chromeHeight1) + var(--chromeHeight2));
- width: 100%;
- height: 100%;
- background: transparent;
- color: var(--textColor);
- user-select: none;
- margin: 0 auto;
- position: relative;
- overflow: hidden;
- background-size: 400% 400%;
-}
-#app.simplebg {
- background: #0e0e0e;
-}
-.bgGradientMaterial-base {
- position: relative;
-}
-.bgGradientMaterial-base::before {
- position: absolute;
- top: -50%;
- left: -50%;
- width: 200%;
- height: 250%;
- background-image: var(--bgColor);
- content: "";
- z-index: -1;
- transform: rotateZ(0deg);
- transform-origin: center;
- animation: bgRotate 10s linear infinite;
- filter: brightness(100%) saturate(200%) contrast(1.5);
-}
-@keyframes bgRotate {
- 0% {
- transform: rotateZ(0deg);
- }
- 100% {
- transform: rotateZ(360deg);
- }
-}
-[hidden] {
- display: none !important;
-}
-input[type="text"],
-input[type="number"] {
- background: #1c1c1c;
- border-radius: 3px;
- border: 1px solid rgba(200, 200, 200, 0.25);
- color: #eee;
- padding: 6px;
- font-size: 1em;
- font-family: inherit;
-}
-.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.7;
-}
-a.dropdown-item {
- color: var(--textColor);
-}
-a.dropdown-item:hover {
- background-color: var(--selected);
- color: var(--textColor);
-}
-a.dropdown-item:active {
- background-color: var(--selected-click);
-}
-.bg-artwork {
- position: absolute;
- width: 200%;
- background: var(--artwork);
- filter: brightness(200%) blur(180px) saturate(280%) contrast(2);
- opacity: 1;
- transition: opacity 0.25s var(--appleEase);
- pointer-events: none;
- transform: translateZ(0px);
- animation: rotateBg 35s linear infinite;
- backface-visibility: hidden;
-}
-@keyframes rotateBg {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
-}
-.bg-artwork-container {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- pointer-events: none;
- transform: translateZ(0px);
- z-index: -1;
-}
-.bg-artwork-container .bg-artwork.a {
- top: 0;
- left: 0;
-}
-.bg-artwork-container .bg-artwork.b {
- bottom: 0;
- right: 0;
- animation-direction: reverse;
- animation-delay: 10s;
-}
-.bg-artwork-container.noanimation .bg-artwork {
- animation: none;
-}
-.artworkMaterial {
- position: relative;
- height: 100%;
- width: 100%;
- overflow: hidden;
- pointer-events: none;
-}
-.artworkMaterial img {
- position: absolute;
- width: 200%;
- opacity: 0.5;
- filter: brightness(200%) blur(180px) saturate(280%) contrast(2);
-}
-.artworkMaterial img:first-child {
- top: 0;
- left: 0;
-}
-.artworkMaterial img:last-child {
- bottom: 0;
- right: 0;
- transform: rotate(180deg);
-}
-[artwork-hidden] {
- transition: opacity 0.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: #ffffff;
- 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;
-}
-#app-main {
- display: flex;
- width: 100%;
- height: 100%;
- flex-direction: column;
- opacity: 1;
- overflow: hidden;
- background-color: rgba(20 20 20 / 0.7);
-}
-#app-sidebar {
- height: 100%;
- width: var(--sidebarWidth);
- display: flex;
- flex-direction: column;
- flex: 0 0 auto;
- position: relative;
- background: linear-gradient(180deg, var(--baseColorMix) calc(var(--chromeHeight1) + 1px), var(--sidebarColorMix) calc(var(--chromeHeight1) + 1px));
- max-width: var(--sidebarWidth);
- padding-top: var(--chromeHeight1);
-}
-#app-navbar {
- height: 40px;
- width: 100%;
- background: rgba(30, 30, 30, 0.85);
- position: sticky;
- top: 0px;
- left: 0;
- z-index: 2;
- backdrop-filter: blur(16px) saturate(180%);
-}
-#app-content {
- --navigationBarHeight: var(--chromeHeight1);
- background-color: var(--baseColorMix);
- height: 100%;
- width: 100%;
- overflow-y: scroll;
- overflow-y: overlay;
- overflow-x: hidden;
- border-radius: 0;
- border-left: 1px solid var(--baseColorMix);
- position: relative;
-}
-#app-content::-webkit-scrollbar-track-piece {
- margin-top: var(--chromeHeight1);
-}
-.app-drawer {
- width: 300px;
- flex: 0 0 auto;
- position: absolute;
- right: 16px;
- background: var(--color2);
- border-radius: 12px;
- z-index: 10;
- backdrop-filter: blur(40px) saturate(180%);
- box-shadow: var(--ciderShadow-Generic);
- overflow: hidden;
- height: calc(calc(100% - 6%) - var(--chromeHeight1));
- top: calc(var(--chromeHeight1) + 3%);
-}
-.app-drawer .bgArtworkMaterial {
- display: none;
- position: absolute;
- width: 100%;
- height: 100%;
-}
-.app-drawer .bgArtworkMaterial .bg-artwork-container .bg-artwork {
- filter: brightness(80%) blur(180px) saturate(180%) contrast(1);
-}
-.search-input-container {
- position: relative;
-}
-.search-input {
- width: 100%;
- padding: 6px;
- border-radius: 6px;
- border: 1px solid rgba(100, 100, 100, 0.35);
- border-top: 1px solid rgba(100, 100, 100, 0.5);
- border-bottom: 1px solid rgba(60, 60, 60, 0.62);
- font-family: inherit;
- font-size: 14px;
- background: #1e1e1e99;
- color: #c8c8c8;
- 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;
- padding: 6px 6px;
- font-weight: 600;
- opacity: 0.5;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJtNiA5IDYgNiA2LTYiPjwvcGF0aD4KPC9zdmc+");
- background-size: 16px;
- background-repeat: no-repeat;
- background-position: 98%;
- border-radius: 3px;
-}
-.app-sidebar-header-text.collapsed {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJtOSAxOCA2LTYtNi02Ij48L3BhdGg+Cjwvc3ZnPg==");
-}
-.app-sidebar-header-text:hover {
- background-color: var(--selected);
-}
-.app-sidebar-header-text:active {
- background-color: var(--selected-click);
-}
-.app-sidebar-footer {
- border-top: 1px solid rgba(200, 200, 200, 0.15);
- padding: 11px;
-}
-.app-sidebar-footer .app-playback-controls {
- margin: 0 auto;
-}
-.app-sidebar-footer .app-playback-controls .control-buttons {
- display: flex;
- justify-content: center;
- align-content: center;
-}
-.app-sidebar-footer .app-playback-controls .volume {
- display: flex;
-}
-.app-sidebar-footer.collapseTab {
- display: flex;
- padding: 6px;
- border: 0;
-}
-.app-sidebar-footer.collapseTab > button {
- appearance: none;
- width: 100%;
- position: relative;
- padding-left: 40px;
- text-align: left;
- font-family: inherit;
-}
-.app-sidebar-footer.collapseTab > button:hover {
- background-color: var(--selected);
-}
-.app-sidebar-footer.collapseTab > button:active {
- background-color: var(--selected-click);
-}
-.app-sidebar-footer.collapseTab > button:after {
- content: '';
- display: flex;
- justify-content: center;
- align-items: center;
- width: 46px;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- font-weight: bold;
- font-size: 1em;
- font-family: "codicon";
-}
-.app-sidebar-button {
- width: 100%;
- padding: 0px;
- font-family: inherit;
- display: flex;
- border-radius: 6px;
- border: 1px solid rgba(200, 200, 200, 0.05);
- background: rgba(100, 100, 100, 0.25);
- color: #eee;
- font-weight: 500;
- align-items: center;
-}
-.app-sidebar-button.active {
- background: rgba(200, 200, 200, 0.15);
- animation: usermenuBtnClick 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
-}
-@keyframes usermenuBtnClick {
- 0% {
- transform: translateY(0px);
- }
- 50% {
- transform: translateY(-6px);
- }
- 100% {
- transform: translateY(0px);
- }
-}
-.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;
- text-align: center;
- margin-right: 35px;
-}
-.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: 36px;
- display: flex;
- justify-content: center;
- align-items: center;
- border-top: 1px solid rgba(200, 200, 200, 0.15);
- background: rgba(0, 0, 0, 0.15);
- flex-direction: column;
- padding: 10px 0px;
-}
-.app-sidebar-notification.libraryNotification {
- flex-direction: row;
- padding: 0px;
-}
-.app-sidebar-notification.libraryNotification .message {
- flex-grow: 1;
-}
-.app-sidebar-notification.libraryNotification .spinner {
- width: 46px;
- height: 30px;
- margin-left: 1em;
-}
-.app-sidebar-content {
- padding: 8px;
- overflow-y: scroll;
- overflow-y: overlay;
- height: 100%;
-}
-.search-hints-container {
- top: 44px;
- position: absolute;
- left: 0px;
- width: var(--sidebarWidth);
- max-width: var(--sidebarWidth);
- padding: 10px;
- z-index: 1;
-}
-.search-hints-container .search-hints {
- background: rgba(30, 30, 30, 0.45);
- padding: 6px;
- border-radius: var(--panelRadius);
- width: 100%;
- box-shadow: var(--ciderShadow-Generic);
- backdrop-filter: var(--glassFilter);
- animation: cmenuBodyIn 0.5s var(--appleEase);
-}
-@keyframes cmenuBodyIn {
- 0% {
- background: #1e1e1e;
- }
- 100% {
- background: rgba(30, 30, 30, 0.45);
- }
-}
-.search-hints-container .search-hints .search-hint {
- background: transparent;
- display: block;
- width: 100%;
- text-align: left;
- color: #eee;
- font-family: inherit;
- font-size: 15px;
- padding: 8px 12px;
- border: 0px;
- appearance: none;
- border-radius: 6px;
- margin: 2px 0px;
-}
-.search-hints-container .search-hints .search-hint:hover {
- background: var(--selected);
-}
-.usermenu-container {
- top: var(--chromeHeight1);
- z-index: 200001 !important;
- position: absolute;
- left: 0px;
- width: var(--sidebarWidth);
- max-width: var(--sidebarWidth);
- padding: 10px;
- z-index: 1;
-}
-.usermenu-container .usermenu-body {
- background: rgba(30, 30, 30, 0.45);
- padding: 6px;
- border-radius: var(--panelRadius);
- width: 100%;
- box-shadow: var(--ciderShadow-Generic);
- backdrop-filter: var(--glassFilter);
- animation: cmenuBodyIn 0.5s var(--appleEase);
-}
-@keyframes cmenuBodyIn {
- 0% {
- background: #1e1e1e;
- }
- 100% {
- background: rgba(30, 30, 30, 0.45);
- }
-}
-.usermenu-container .usermenu-body .usermenu-item {
- background: transparent;
- display: block;
- width: 100%;
- text-align: left;
- color: #eee;
- font-family: inherit;
- font-size: 15px;
- padding: 8px 12px;
- border: 0px;
- appearance: none;
- border-radius: 6px;
- margin: 2px 0px;
-}
-.usermenu-container .usermenu-body .usermenu-item:hover {
- background: var(--selected);
-}
-.usermenu-container .usermenu-body .usermenu-item .usermenu-item-icon {
- position: relative;
- top: 1.5px;
- right: 3px;
- display: table-cell;
-}
-.usermenu-container .usermenu-body .usermenu-item .usermenu-item-name {
- position: relative;
- bottom: 2px;
- padding-left: 5px;
- display: table-cell;
-}
-.context-menu {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0);
- z-index: 100;
-}
-.context-menu .context-menu-item {
- background: transparent;
- display: flex;
- width: 100%;
- text-align: left;
- color: #eee;
- font-family: inherit;
- font-size: 14px;
- padding: 6px 12px;
- border: 0px;
- appearance: none;
- border-radius: 6px;
- margin: 2px 0px;
-}
-.context-menu .context-menu-item:hover {
- background: var(--selected);
- cursor: pointer;
-}
-.context-menu .context-menu-item:active {
- background: var(--selected-click);
-}
-.context-menu .context-menu-body {
- background: #242424;
- padding: 6px;
- border-radius: 6px;
- box-shadow: var(--ciderShadow-Generic);
-}
-.context-menu .context-menu-body.context-menu-open {
- animation-duration: 0.1s;
- animation-name: contextMenuIn;
- animation-iteration-count: 1;
- animation-easings: var(--appleEase);
-}
-.context-menu .context-menu-body.context-menu-close {
- animation-duration: 0.1s;
- animation-name: contextMenuOut;
- animation-iteration-count: 1;
- animation-easings: var(--appleEase);
-}
-@keyframes contextMenuIn {
- 0% {
- transform: scale(0.9);
- opacity: 0;
- }
- 100% {
- transform: scale(1);
- opacity: 1;
- }
-}
-@keyframes contextMenuOut {
- 0% {
- transform: scale(1);
- opacity: 1;
- }
- 100% {
- transform: scale(0.9);
- opacity: 0;
- }
-}
-.hidden-opacity {
- opacity: 0;
- height: 0px;
- width: 0px;
- margin: 0px;
-}
-.spinner {
- background-image: url("assets/spinner.svg");
- background-position: center;
- background-repeat: no-repeat;
- background-size: contain;
- width: 50px;
- height: 50px;
- display: inline-block;
-}
-.app-sidebar-content::-webkit-scrollbar {
- display: none;
-}
-.app-sidebar-content:hover::-webkit-scrollbar {
- display: initial;
-}
-.app-sidebar-item {
- --iconSize: 18px;
- display: flex;
- width: 100%;
- padding: 8px 12px;
- font-weight: 400;
- font-family: inherit;
- font-size: 14px;
- margin: 3px 0px;
- border: 1px solid transparent;
- border-radius: 6px;
- background: transparent;
- color: #eee;
- transition: transform 0.1s;
- text-align: left;
- align-items: center;
- gap: 12px;
-}
-.app-sidebar-item.app-sidebar-item-playlist {
- -webkit-user-drag: element;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-.app-sidebar-item.app-sidebar-item-playlist .presentNotice {
- align-self: center;
- margin-left: 8px;
- text-transform: uppercase;
- font-size: 0.7em;
- opacity: 0.6;
-}
-.app-sidebar-item > ._svg-icon {
- --size: var(--iconSize);
-}
-.app-sidebar-item:hover {
- border: 1px solid rgba(200, 200, 200, 0);
- background: rgba(180, 180, 180, 0.15);
-}
-.app-sidebar-item:active {
- border: 1px solid rgba(200, 200, 200, 0);
- background: rgba(150, 150, 150, 0.15);
- transition: transform 0s;
-}
-.app-sidebar-item.active {
- border: 1px solid rgba(200, 200, 200, 0);
- background: rgba(200, 200, 200, 0.15);
- transform: scale(1);
- transition: transform 0s;
- cursor: default;
-}
-.app-chrome {
- background-color: var(--baseColorMix);
- box-shadow: 0px 3px 6px rgba(20, 20, 20, 0.12), 0px 1px 0px 0px rgba(200, 200, 200, 0.12);
- width: 100%;
- height: var(--chromeHeight1);
- display: flex;
- flex-direction: row;
- -webkit-app-region: drag;
- z-index: 4;
-}
-.app-chrome:not(.chrome-bottom) {
- z-index: 16;
- position: fixed;
- backdrop-filter: var(--glassFilter);
-}
-.app-chrome:not(.chrome-bottom) .app-chrome--center {
- flex: 1;
-}
-.app-chrome .top-nav-group {
- background: var(--baseColor);
- border: 1px solid #323232;
- border-radius: 10px;
- display: flex;
- height: 32px;
-}
-.app-chrome .top-nav-group .app-sidebar-item {
- background-color: var(--baseColor);
- border-radius: 10px!important;
- border: 0px;
- min-width: 120px;
- padding: 6px;
- justify-content: center;
- align-items: center;
- margin: 0px;
- height: 100%;
-}
-.app-chrome .top-nav-group .app-sidebar-item:hover {
- background-color: #2b2b2b;
-}
-.app-chrome .top-nav-group .app-sidebar-item.active {
- background-color: #2b2b2b;
-}
-.app-chrome .top-nav-group .app-sidebar-item.md-btn-primary {
- box-shadow: 0px 0px 0px 1px #323232;
- background-color: #2b2b2b;
- z-index: 1;
-}
-.app-chrome .vdiv {
- width: 1px;
- background: white;
- opacity: 0.25;
- height: 50%;
- margin: 6px;
-}
-.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;
- -webkit-app-region: drag;
-}
-.app-chrome .app-chrome--center .app-title-text {
- font-size: 0.8em;
-}
-.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.7;
-}
-.app-chrome .app-chrome-item.volume {
- width: 100px;
- margin-right: 6px;
-}
-.app-chrome .app-chrome-item.search {
- margin-right: 6px;
-}
-.volume-button {
- background-image: url("./assets/feather/volume-2.svg");
- height: 15px;
- width: 30px;
- padding: 0px;
- background: transparent;
- border: 0px;
- border-radius: 0px;
- box-shadow: unset;
- background-size: 12px;
- background-position: center;
- background-repeat: no-repeat;
- opacity: 0.7;
- border-radius: 6px;
-}
-.volume-button:active,
-.volume-button--small:active {
- transform: scale(0.9);
-}
-.volume-button.active,
-.volume-button--small.active {
- background-image: url("./assets/feather/volume.svg");
-}
-.volume-button--small {
- border-radius: 6px;
- color: inherit;
- background-size: 16px;
- background-repeat: no-repeat;
- background-position: center;
- background-color: transparent;
- height: 15px;
- width: 30px;
- border: 0px;
- box-shadow: unset;
- opacity: 0.7;
- background-image: url("./assets/feather/volume-2.svg");
-}
-.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- height: 14px;
- width: 14px;
- border-radius: 50%;
- background: #A5A8BA;
- box-shadow: 0px 0px 0px 1px rgba(0 0 0 / 10%);
- cursor: default;
- transition: all var(--appleTransition);
-}
-.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;
- width: 100%;
-}
-.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-mainmenu {
- width: 34px;
- font-size: 13px;
- background: url("./assets/CiderMenu.svg");
- background-size: auto;
- background-repeat: no-repeat;
- background-position: center;
- height: 34px;
- margin-right: 16px;
- margin-left: 16px;
- margin-top: 1.5px;
- border: 0px;
- border-radius: 6px;
- transition: transform 0.1s var(--appleEase);
- position: relative;
-}
-.app-chrome .app-chrome-item > .app-mainmenu:hover {
- transform: scale(1.1);
-}
-.app-chrome .app-chrome-item > .app-mainmenu:active,
-.app-chrome .app-chrome-item > .app-mainmenu.active {
- border-radius: 100%;
- transform: scale(1.1);
- outline: 2px solid var(--keyColor);
-}
-.app-chrome .app-chrome-item > .window-controls {
- width: 138px;
- font-size: 13px;
- height: 100%;
- display: flex;
-}
-.app-chrome .app-chrome-item > .window-controls-macos {
- width: 100px;
-}
-.app-chrome .app-chrome-item > .window-controls > div {
- height: 100%;
- width: 32px;
-}
-.app-chrome .app-chrome-item > .window-controls > div:hover {
- background: rgba(200, 200, 200, 0.1);
-}
-.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.close:hover {
- background-color: #c42b1c;
-}
-.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%;
-}
-body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.minimize {
- display: none;
-}
-body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.minmax {
- display: none;
-}
-body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.close {
- display: none;
-}
-.app-chrome .app-chrome-item.playback-controls {
- width: 80%;
- height: 90%;
- display: flex;
- max-width: 500px;
- border-left: 1px solid rgba(200, 200, 200, 0.08);
- border-right: 1px solid rgba(200, 200, 200, 0.08);
- -webkit-app-region: drag;
-}
-.app-chrome .app-chrome-item > .app-playback-controls {
- display: flex;
- justify-content: center;
- align-content: center;
- width: 100%;
- -webkit-app-region: no-drag;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .info-rect {
- mask-image: linear-gradient(-90deg, transparent 0%, black 10%, black 90%, transparent 100%);
- -webkit-mask-image: linear-gradient(-90deg, transparent 3%, black 10%, black 90%, transparent 100%);
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- width: 100%;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-name {
- font-weight: 600;
- text-align: center;
- font-size: 13px;
- height: 1.3em;
- line-height: 1.3em;
- white-space: nowrap;
- max-width: 360px;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-name .song-name-normal {
- height: inherit;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-name .explicit-icon {
- background-image: url("./assets/explicit.svg");
- height: 9px;
- width: 13px;
- filter: contrast(0);
- background-repeat: no-repeat;
- margin-left: 3px;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-name .heart-icon {
- height: 9px;
- width: 13px;
- filter: contrast(0);
- background-repeat: no-repeat;
- margin-left: 3px;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .lossless-icon {
- background-image: url("./assets/lossless.svg") !important;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .ppe-icon {
- background-image: url("./assets/ppe.svg") !important;
- margin-left: 0.5em !important;
- flex: 1;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .private-icon {
- background-image: url("./assets/private.svg") !important;
- margin-left: 0.5em !important;
- flex: 1;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .chrome-icon-container {
- display: flex;
- position: absolute;
- right: 0px;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .audio-type {
- filter: contrast(0);
- background-repeat: no-repeat;
- background-size: contain;
- height: 15px;
- width: 15px;
- margin-bottom: 15px;
-}
-div[data-type="library-music-videos"] .info-rect .title::before,
-div[data-type="musicVideo"] .info-rect .title::before {
- content: "";
- background-image: url(./assets/feather/video.svg);
- background-size: contain;
- filter: invert(0.6);
- display: inline-block;
- width: 20px;
- height: 20px;
- margin-bottom: -4px;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-duration p {
- font-weight: 400;
- font-size: 10px;
- height: 1.2em;
- line-height: 1.3em;
- overflow: hidden;
- margin: 0 0 0 0.25em;
-}
-.app-playback-controls:hover .marquee {
- animation: unset;
-}
-.app-playback-controls:hover .marquee.song-artist {
- overflow: hidden;
-}
-.app-playback-controls:hover .marquee .song-artist {
- overflow: hidden;
-}
-.app-playback-controls:hover .marquee.song-name {
- overflow: hidden;
-}
-.app-playback-controls:hover .marquee::after {
- content: none !important;
- display: none;
-}
-.marquee {
- animation: marquee 15s linear 2s infinite;
-}
-.marquee.song-artist {
- overflow: unset;
-}
-.marquee .song-artist {
- overflow: unset;
-}
-.marquee.song-name {
- overflow: unset;
-}
-.marquee::after {
- content: attr(data-value);
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-progress {
- position: absolute;
- bottom: 0px;
- left: 0px;
- background: transparent;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-progress:hover > input[type=range]::-webkit-slider-thumb {
- opacity: 1;
- transform: scale(1);
- z-index: 1;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-progress > input[type=range] {
- appearance: none;
- width: 100%;
- height: 4px;
- background-color: rgba(200, 200, 200, 0.1);
- border-radius: 2px;
- margin: 0;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-progress > input[type=range]::-webkit-slider-thumb {
- opacity: 0;
- transform: scale(0.5);
- -webkit-appearance: none;
- appearance: none;
- width: 12px;
- height: 12px;
- border-radius: 100%;
- background: var(--songProgressColor);
- cursor: default;
- transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
-}
-.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(--songProgressColor);
- cursor: default;
-}
-@keyframes marquee {
- from {
- transform: translateX(0);
- }
- to {
- transform: translateX(-140%);
- }
-}
-.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: var(--mediaItemRadiusSmall);
- flex: 0 0 auto;
- margin: 6px;
- image-rendering: -webkit-optimize-contrast;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .artwork .mediaitem-artwork {
- border-radius: var(--mediaItemRadiusSmall);
-}
-.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;
- filter: contrast(0.8);
-}
-.app-chrome .app-chrome-item > .app-playback-controls .actions .lcdMenu {
- height: 100%;
- width: 100%;
- padding: 0px;
- margin: 0px;
- background: transparent;
- border: 0px;
- appearance: none;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 6px;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .actions .lcdMenu:focus {
- outline: none;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .actions .lcdMenu:hover {
- background: var(--hover);
-}
-.app-chrome .app-chrome-item > .app-playback-controls .actions .lcdMenu:active {
- background: var(--selected-click);
- transform: scale(0.95);
-}
-.app-chrome .app-chrome-item > .app-playback-controls .actions .lcdMenu .svg-icon {
- --url: url('views/svg/more.svg') !important;
-}
-.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;
- overflow: hidden;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .playback-info > .song-progress {
- width: 100%;
-}
-.app-navigation {
- background: transparent;
- align-items: center;
- justify-content: center;
- background: var(--color1);
- height: calc(100% - var(--chromeHeight2));
- width: 100%;
- display: flex;
- position: relative;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-artist-album {
- font-weight: 400;
- font-size: 12px;
- text-align: center;
- /*height: 1.2em;
- line-height: 1.2em;*/
- z-index: 1;
- align-items: center;
- justify-content: center;
- width: 80%;
- max-width: 340px;
- overflow: hidden;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-artist-album .song-artist-album-content {
- font-weight: 400;
- font-size: 12px;
- text-align: center;
- width: 100%;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-artist-album .song-artist-album-content.song-artist-normal {
- height: inherit;
-}
-.app-chrome .app-chrome-item > .app-playback-controls .song-artist-album.song-artist-marquee > marquee {
- margin-bottom: -3px;
-}
-.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: #323232;
- 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: 1120px) {
- .display--small {
- display: inherit !important;
- }
- .display--small .slider {
- width: 100%;
- z-index: 1;
- }
- .display--small .input-container {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- padding-bottom: 10px;
- }
- .display--small 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;
- }
- .display--small input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- height: 14px;
- width: 14px;
- border-radius: 50%;
- background: #323232;
- cursor: default;
- box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
- transition: all var(--appleTransition);
- }
- .display--small input[type=range]::-webkit-slider-thumb:hover {
- background-image: radial-gradient(var(--songProgressColor) 2px, transparent 3px, transparent 10px);
- transform: scale(1.2);
- }
- .display--small input[type=range]::-webkit-slider-thumb:active {
- background-image: radial-gradient(var(--songProgressColor) 3px, transparent 4px, transparent 10px);
- transform: scale(1);
- }
- .display--small input[type=range]::-webkit-slider-runnable-track {
- -webkit-appearance: none;
- box-shadow: none;
- border: none;
- background: transparent;
- }
- .display--large {
- display: none !important;
- }
-}
-.flex-center {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
-}
-.md-container {
- width: 100%;
- position: relative;
-}
-.lyric-body {
- -webkit-mask-image: -webkit-gradient(linear, left 95%, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
- overflow-y: scroll;
- overflow-x: hidden;
- display: flex;
- flex-flow: column;
- font-family: "Pretendard Variable", "Noto Sans JP", "Noto Sans KR", "Noto Sans TC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-}
-.lyric-body .no-lyrics {
- width: 100%;
- justify-content: center;
- align-items: center;
- font-weight: bold;
- font-size: 26px;
-}
-.lyric-line {
- --bgSpeed: 1s;
- appearance: none;
- color: white;
- font-size: 26px;
- transform: scale(0.8);
- transform-origin: left center;
- transition: transform 0.5s var(--appleEase);
- opacity: 0.75;
- width: auto;
- display: inline-block;
- margin: 10px;
- margin-left: 5%;
- margin-right: 0px;
- overflow-wrap: break-word;
-}
-.lyric-line.active .verse {
- opacity: 0.6;
-}
-.lyric-line.active .verse.verse-active {
- opacity: 1;
- transition: opacity 0.35s var(--appleEase);
-}
-.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), opacity 0.35s var(--appleEase);
-}
-.lyric-line:not(.active) {
- filter: blur(1px);
-}
-.lyric-line:not(.active).unsynced {
- filter: none !important;
-}
-.lyric-line.unsynced {
- filter: none !important;
-}
-.lyric-body:hover > .lyric-line:not(.active) {
- filter: none !important;
-}
-.lyricWaiting {
- margin-bottom: 10px;
- 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: 450;
- font-family: "Pretendard Variable", "Noto Sans JP", "Noto Sans KR", "Noto Sans TC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
- filter: contrast(0.5);
-}
-.lyric-footer {
- bottom: 0;
- height: 50px;
- width: 100%;
- position: absolute;
- z-index: 1000;
- opacity: 1;
- background: rgba(30, 30, 30, 0.8);
- justify-content: center;
- align-items: center;
- display: none;
- transition: opacity 0.1s var(--appleEase);
-}
-.lyric-body:hover + .lyric-footer,
-.lyric-footer:hover {
- display: flex;
-}
-.modular-fs .app-drawer .lyric-footer {
- background: unset;
- display: flex;
- opacity: 0.3;
-}
-.modular-fs .app-drawer .lyric-footer:hover {
- opacity: 1;
-}
-.modular-fs .app-drawer .lyric-body .no-lyrics {
- height: 100%;
- display: flex;
-}
-@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 */
-.more-btn-round {
- border-radius: 100%;
- background: rgba(100, 100, 100, 0.5);
- box-shadow: var(--ciderShadow-Generic);
- width: 32px;
- height: 32px;
- border: 0px;
- cursor: pointer;
- z-index: 5;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-.more-btn-round:hover {
- filter: brightness(125%);
-}
-.more-btn-round:active {
- filter: brightness(75%);
- transform: scale(0.98);
- transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
-}
-.more-btn-round .svg-icon {
- width: 100%;
- background: #eee;
- --url: url("./views/svg/more.svg");
-}
-.social-btn {
- border-radius: 100%;
- background: transparent;
- height: 17px;
- border: 0px;
- cursor: pointer;
- z-index: 69;
- display: flex;
- justify-content: center;
- align-items: center;
- float: right;
-}
-@media only screen and (min-width: 1133px) and (max-width: 1277px) {
- .social-btn {
- display: none !important;
- }
-}
-.about-page .teamBtn {
- display: flex;
- align-items: center;
- width: 100%;
- font-size: 14px;
- padding: 6px 16px;
- margin: 4px;
-}
-.about-page .teamBtn > img {
- width: 30px;
- margin: 0px 16px 0px 0px;
- pointer-events: none;
- border-radius: 100%;
- box-shadow: var(--mediaItemShadow);
- image-rendering: -webkit-optimize-contrast;
-}
-.about-page .sponsorBtn {
- display: inline-flex;
- justify-content: center;
- align-items: center;
-}
-.about-page .sponsorBtn > img {
- width: 26px;
- margin: 0px 16px 0px 0px;
- pointer-events: none;
-}
-.about-page .sponsorBtn.githubBtn {
- background-color: #211F1F;
-}
-.about-page .sponsorBtn.kofiBtn {
- background-color: #FBAA19;
-}
-.about-page .sponsorBtn.opencollectiveBtn {
- background-color: #7fadf2;
-}
-.about-page .sponsorBtn.discordBtn {
- background-color: #5865F2;
-}
-.about-page .sponsorBtn.twitterBtn {
- background-color: #1D9BF0;
-}
-.sidebar-playlist .folder-button-active {
- background: rgba(255, 255, 255, 0.12);
-}
-.sidebar-playlist .folder-body {
- background: #ffffff0a;
- border-radius: 10px;
- padding: 1px 6px;
-}
-.sidebar-playlist .folder-body .spinner {
- display: block;
- width: 100%;
- height: 32px;
- background-size: 16px;
-}
-#navigation-bar {
- width: 100%;
- background: rgba(0, 0, 0, 0.25);
- height: var(--navigationBarHeight);
- display: flex;
- align-items: center;
- padding: 0px 6px;
- z-index: 7;
- position: sticky;
- top: 0;
- left: 0;
- backdrop-filter: blur(32px);
- mix-blend-mode: hard-light;
-}
-#navigation-bar .nav-item {
- appearance: none;
- border: 0px;
- height: 32px;
- width: 40px;
- background: transparent;
- padding: 6px;
- display: flex;
- justify-content: center;
- align-items: center;
- color: rgba(200, 200, 200, 0.8);
- margin: 2px;
- border-radius: 6px;
- transition: transform 0.1s var(--appleEase);
-}
-#navigation-bar .nav-item:active {
- background: var(--selected-click);
- transform: scale(0.96);
- transition: transform 0s var(--appleEase);
-}
-#navigation-bar .nav-item > svg {
- width: 8px;
- pointer-events: none;
-}
-#navigation-bar .nav-item:hover {
- background: var(--selected);
-}
-#navigation-bar .nav-item:hover > svg {
- color: #c8c8c8;
-}
-.well {
- background: rgba(200, 200, 200, 0.05);
- border-radius: 10px;
- padding: var(--contentInnerPadding);
- margin-top: 16px;
-}
-.well.itemContainer {
- display: flex;
- flex-flow: wrap;
- justify-content: center;
-}
-.well.itemContainer .cd-mediaitem-square-container {
- align-items: center;
-}
-.well.itemContainer .cd-mediaitem-square {
- width: 220px;
- height: 260px;
- display: inline-flex;
- flex: 0 0 auto;
- flex-direction: column;
- font-size: 14px;
- justify-content: center;
- align-items: center;
- border-radius: 6px;
- max-width: 240px;
- flex-grow: 1;
-}
-.well.itemContainer.collection-list-square {
- display: grid;
- grid-template-columns: repeat(4, minmax(200px, 1fr));
-}
-@media screen and (min-width: 1500px) {
- .well.itemContainer.collection-list-square {
- grid-template-columns: repeat(5, minmax(200px, 1fr));
- }
-}
-@media screen and (max-width: 1150px) {
- .well.itemContainer.collection-list-square {
- grid-template-columns: repeat(3, minmax(200px, 1fr));
- }
-}
-.cd-mediaitem-square-container {
- display: inline-flex;
- flex-direction: column;
- justify-content: center;
-}
-.reasonSP {
- color: #a7a3a3;
- font-weight: 500;
- margin-left: 15px;
-}
-.text-overflow-elipsis {
- display: -webkit-box;
- min-width: 0px;
- overflow: hidden;
- text-overflow: ellipsis;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
-}
-.no-animation {
- animation: unset !important;
-}
-.fullscreen-view-container {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: black;
- z-index: 99;
- display: flex;
- justify-content: center;
- align-items: center;
- opacity: 1;
-}
-.fullscreen-view {
- width: 100%;
- height: 100%;
- background: black;
- display: flex;
- justify-content: center;
- align-items: center;
- --chromeHeight1: 70px;
-}
-.fullscreen-view .app-content-container {
- width: 100%;
- height: 100%;
-}
-.fullscreen-view .app-content-container #app-content {
- width: 100%;
- height: 100%;
-}
-.fullscreen-view .app-content-container #app-content .fs-search .search-input--icon {
- width: 4em;
- background-size: 40%;
- background-position: center;
-}
-.fullscreen-view .app-content-container #app-content .fs-search input {
- padding-left: 2em;
- font-size: 2em;
- border-radius: var(--mediaItemRadius);
-}
-.fullscreen-view .fs-header {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- height: var(--chromeHeight1);
- display: flex;
- justify-content: center;
- align-items: center;
- z-index: 9999;
-}
-.fullscreen-view .fs-header .top-nav-group {
- background: #1e1e1e99;
- border: 1px solid #323232;
- border-radius: 12px;
- display: flex;
- height: 55px;
- width: 90%;
- backdrop-filter: var(--glassFilter);
-}
-.fullscreen-view .fs-header .top-nav-group .app-sidebar-item {
- background-color: #1e1e1e00;
- border-radius: 10px !important;
- border: 0px;
- min-width: 120px;
- padding: 6px;
- justify-content: center;
- align-items: center;
- margin: 0px;
- height: 100%;
- position: relative;
- font-size: 1.1em;
- font-weight: 500;
-}
-.fullscreen-view .fs-header .top-nav-group .app-sidebar-item:before {
- --dist: 1px;
- content: '';
- position: absolute;
- top: var(--dist);
- left: var(--dist);
- right: var(--dist);
- bottom: var(--dist);
- background-color: #fff;
- opacity: 0;
- border-radius: 10px;
- transform: scale(0.5);
- transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-}
-.fullscreen-view .fs-header .top-nav-group .app-sidebar-item:after {
- display: none;
-}
-.fullscreen-view .fs-header .top-nav-group .app-sidebar-item:hover {
- background-color: transparent;
-}
-.fullscreen-view .fs-header .top-nav-group .app-sidebar-item:hover:before {
- transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
- opacity: 0.1;
- transform: scale(1);
-}
-.fullscreen-view .fs-header .top-nav-group .app-sidebar-item.active {
- background-color: transparent;
-}
-.fullscreen-view .fs-header .top-nav-group .app-sidebar-item.active:before {
- opacity: 0.2;
- transform: scale(1);
-}
-.fullscreen-view .fs-header .top-nav-group .app-sidebar-item.md-btn-primary {
- box-shadow: 0px 0px 0px 1px #323232;
- background-color: #2b2b2b;
- z-index: 1;
-}
-.fullscreen-view .fs-row {
- flex-grow: 0.5;
-}
-.fullscreen-view .playback-button--small.active {
- background-color: rgba(200, 200, 200, 0.25);
-}
-.fullscreen-view .playback-button--small {
- opacity: 0.7;
-}
-.fullscreen-view .right-col {
- height: 50vh;
-}
-.fullscreen-view .bg-artwork-container {
- display: block !important;
-}
-@media only screen and (max-width: 1121px) {
- .fullscreen-view .display--large {
- display: flex !important;
- }
-}
-.fullscreen-view .display--large {
- display: flex;
-}
-.fullscreen-view .display--large .slider {
- width: 100%;
- z-index: 1;
-}
-.fullscreen-view .display--large .input-container {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
-}
-.fullscreen-view .display--large .volume-button--small {
- border-radius: 6px;
- color: inherit;
- background-size: 16px;
- background-repeat: no-repeat;
- background-position: center;
- background-color: transparent;
- height: 15px;
- width: 30px;
- border: 0px;
- box-shadow: unset;
- opacity: 0.7;
- background-image: url("./assets/feather/volume-2.svg");
-}
-.fullscreen-view .display--large .volume-button--small:active {
- transform: scale(0.9);
-}
-.fullscreen-view .display--large .volume-button--small.active {
- background-image: url("./assets/feather/volume.svg");
-}
-.fullscreen-view .display--large 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;
-}
-.fullscreen-view .display--large input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- height: 14px;
- width: 14px;
- border-radius: 50%;
- background: #323232;
- cursor: default;
- box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
- transition: all var(--appleTransition);
-}
-.fullscreen-view .display--large input[type=range]::-webkit-slider-thumb:hover {
- background-image: radial-gradient(var(--songProgressColor) 2px, transparent 3px, transparent 10px);
- transform: scale(1.2);
-}
-.fullscreen-view .display--large input[type=range]::-webkit-slider-thumb:active {
- background-image: radial-gradient(var(--songProgressColor) 3px, transparent 4px, transparent 10px);
- transform: scale(1);
-}
-.fullscreen-view .display--large input[type=range]::-webkit-slider-runnable-track {
- -webkit-appearance: none;
- box-shadow: none;
- border: none;
- background: transparent;
-}
-.fullscreen-view .background {
- position: absolute;
- background-size: cover;
- width: 100%;
- height: 100%;
-}
-.fullscreen-view .background .bgArtworkMaterial {
- position: absolute;
- width: 100%;
- height: 100%;
-}
-.fullscreen-view .background .bgArtworkMaterial .bg-artwork-container {
- z-index: unset;
-}
-.fullscreen-view .background .bgArtworkMaterial .bg-artwork-container .bg-artwork {
- filter: brightness(85%) saturate(95%) blur(180px) contrast(0.9) opacity(0.9);
-}
-.fullscreen-view .lyrics-col {
- height: 62vh;
- display: flex;
- justify-content: center;
- align-content: center;
- width: 80%;
-}
-.fullscreen-view .lyrics-col ::-webkit-scrollbar-thumb {
- box-shadow: unset;
-}
-.fullscreen-view .lyrics-col:hover ::-webkit-scrollbar-thumb {
- box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.5);
-}
-.fullscreen-view .lyrics-col .no-lyrics {
- width: 100%;
- height: 100%;
- display: flex;
- justify-content: center;
-}
-.fullscreen-view .lyrics-col .lyric-line {
- font-size: 35px;
-}
-.fullscreen-view .queue-col {
- width: 60vh;
- height: 62vh;
-}
-.fullscreen-view .queue-col .queue-title {
- opacity: 0.6;
-}
-.fullscreen-view .queue-col .queue-panel > * {
- z-index: 3;
-}
-.fullscreen-view .queue-col ::-webkit-scrollbar-thumb {
- box-shadow: unset;
-}
-.fullscreen-view .queue-col:hover ::-webkit-scrollbar-thumb {
- box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.5);
-}
-.fullscreen-view .tab-toggles {
- display: flex;
- position: absolute;
- bottom: 0;
- right: 0;
- width: 15vh;
- height: 5vh;
- justify-content: space-evenly;
-}
-.fullscreen-view .tab-toggles .volume {
- background-image: url("./assets/feathers/volume.svg");
- padding: 0.5vh;
- width: 2vh;
- height: 2vh;
- background-origin: content-box;
- background-repeat: no-repeat;
-}
-.fullscreen-view .tab-toggles .queue {
- background-image: url("./assets/list.svg");
- padding: 0.5vh;
- width: 2.5vh;
- height: 2.5vh;
- background-origin: content-box;
- background-repeat: no-repeat;
-}
-.fullscreen-view .tab-toggles .lyrics {
- background-image: url("./assets/quote-right.svg");
- padding: 0.5vh;
- width: 2.5vh;
- height: 2.5vh;
- background-origin: content-box;
- background-repeat: no-repeat;
-}
-.fullscreen-view .tab-toggles .active {
- background-color: rgba(200, 200, 200, 0.7);
- border-radius: 3px;
-}
-.fullscreen-view .artwork-col {
- justify-content: center;
- align-items: center;
- display: flex;
- flex-direction: column;
-}
-.fullscreen-view .artwork-col .artwork {
- width: 50vh;
- height: 50vh;
-}
-.fullscreen-view .artwork-col .controls-parents {
- width: 50vh;
-}
-.fullscreen-view .artwork-col .app-playback-controls .song-artist,
-.fullscreen-view .artwork-col .app-playback-controls .song-name {
- font-weight: 600;
- text-align: center;
- font-size: 0.9em;
- height: 1.2em;
- line-height: 0.9em;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 360px;
-}
-.fullscreen-view .artwork-col .app-playback-controls .song-artist .song-name-normal,
-.fullscreen-view .artwork-col .app-playback-controls .song-name .song-name-normal {
- height: inherit;
-}
-.fullscreen-view .artwork-col .app-playback-controls .song-artist {
- font-size: 0.875em;
- font-weight: 400;
-}
-.fullscreen-view .artwork-col .app-playback-controls .song-name {
- width: unset !important;
- margin-top: 0.15vh;
- display: -webkit-box;
- line-height: 1.2;
- text-overflow: ellipsis;
- text-align: center;
-}
-.fullscreen-view .artwork-col .app-playback-controls .playback-info {
- margin-top: 0.5vh;
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- position: relative;
-}
-.fullscreen-view .artwork-col .app-playback-controls .playback-info input[type="range"] {
- width: 100%;
-}
-.fullscreen-view .artwork-col .app-playback-controls .playback-info > div {
- width: 100%;
- text-align: center;
-}
-.fullscreen-view .artwork-col .app-playback-controls .song-progress {
- position: absolute;
- bottom: -1.5vh;
- left: 0px;
- background: transparent;
-}
-.fullscreen-view .artwork-col .app-playback-controls .song-progress .song-duration p {
- font-weight: 400;
- font-size: 10px;
- height: 1.2em;
- line-height: 1.3em;
- overflow: hidden;
- margin: 0 0 0 0.25em;
-}
-.fullscreen-view .artwork-col .app-playback-controls .song-progress:hover > input[type=range]::-webkit-slider-thumb {
- opacity: 1;
- transform: scale(1);
- z-index: 1;
-}
-.fullscreen-view .artwork-col .app-playback-controls .song-progress input[type=range] {
- appearance: none;
- width: 100%;
- height: 4px;
- background-color: rgba(200, 200, 200, 0.1);
- border-radius: 2px;
-}
-.fullscreen-view .artwork-col .app-playback-controls .song-progress input[type=range]::-webkit-slider-thumb {
- opacity: 0;
- transform: scale(0.5);
- -webkit-appearance: none;
- appearance: none;
- width: 12px;
- height: 12px;
- border-radius: 100%;
- background: var(--songProgressColor);
- cursor: default;
- transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
-}
-.fullscreen-view .artwork-col .app-playback-controls .song-progress input[type=range]::-moz-range-thumb {
- width: 8px;
- height: 8px;
- border-radius: 100%;
- background: var(--songProgressColor);
- cursor: default;
-}
-.fullscreen-view .artwork-col .control-buttons {
- margin-top: 2vh;
- display: inline-flex;
- width: 100%;
- justify-content: center;
-}
-.fullscreen-view .cd-mediaitem-square {
- font-size: 17px;
- font-weight: 500;
-}
-.fullscreen-view .cd-mediaitem-square .artwork-container .artwork {
- box-shadow: var(--mediaItemShadow-Shadow);
-}
-.fullscreen-view .cd-mediaitem-list-item {
- height: 80px;
-}
-.fullscreen-view .cd-mediaitem-list-item .title {
- font-size: 1.2em;
- font-weight: 450;
-}
-.fullscreen-view .cd-mediaitem-list-item .subtitle {
- font-size: 1.1em;
- font-weight: 380;
-}
-.fullscreen-view .cd-mediaitem-list-item .duration {
- font-size: 1.2em;
-}
-.fullscreen-view .cd-mediaitem-list-item .artwork {
- width: 50px;
- height: 50px;
-}
-.fullscreen-view .cd-btn-seeall {
- font-size: 1.2em;
-}
-.fullscreen-view h1 {
- font-size: 3em;
-}
-.fullscreen-view h3 {
- font-size: 1.5rem;
-}
-.fullscreen-view .home-page .well.artistfeed-well {
- height: 512px;
-}
-.fullscreen-view .header-text {
- font-size: 3em;
- height: 3em;
- padding-left: 0.2em;
-}
-.fullscreen-view .grouping-container .grouping-btn {
- font-size: 1.3em;
- color: var(--textColor);
- background-color: var(--sidebarColor);
- font-weight: 600;
- padding: 32px;
-}
-.fullscreen-view .content-inner.playlist-page {
- display: flex;
- flex-direction: row;
-}
-.fullscreen-view .playlist-page .playlist-display {
- width: 100%;
- max-width: 500px;
- flex: 1;
- text-align: center;
-}
-.fullscreen-view .playlist-page .playlist-display .playlistInfo > .row {
- justify-content: center;
-}
-.fullscreen-view .playlist-page .playlist-display .playlist-controls div {
- width: 100%;
-}
-.fullscreen-view .playlist-page .mediaContainer {
- width: 30vh;
- height: 30vh;
- aspect-ratio: 1;
-}
-.fullscreen-view .playlist-page .playlist-display .playlistInfo .playlist-info {
- gap: 16px;
- margin-top: 40px;
-}
-.fullscreen-view .playlist-page .playlist-display .playlistInfo .playlist-hero {
- transform: unset;
-}
-.fullscreen-view .artist-page .artist-header {
- min-height: 60vh;
-}
-.fullscreen-view .artist-page .artist-image {
- width: 20vh;
- height: 20vh;
- aspect-ratio: 1;
-}
-.fullscreen-view .artist-page.animated .artist-header {
- min-height: 80vh;
-}
-.fullscreen-view .playlist-page .playlist-body {
- flex: 1;
-}
-.mini-view {
- width: 100%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-.mini-view .fs-row {
- flex-grow: 1;
-}
-.mini-view .playback-button--small.active {
- background-color: rgba(200, 200, 200, 0.25);
-}
-.mini-view .player-exit {
- z-index: 3;
- position: absolute;
- top: 5px;
- right: 5px;
- -webkit-app-region: no-drag;
-}
-.mini-view .player-pin {
- z-index: 3;
- position: absolute;
- min-width: 20px;
- min-height: 20px;
- top: 5px;
- right: 30px;
- -webkit-app-region: no-drag;
-}
-.mini-view #mini-pin {
- display: none;
-}
-.mini-view .player-pin:hover #mini-pin {
- display: block;
-}
-.mini-view .playback-button--small {
- opacity: 0.7;
-}
-.mini-view .right-col {
- height: 50vh;
-}
-@media only screen and (max-width: 1121px) {
- .mini-view .display--large {
- display: flex !important;
- }
-}
-.mini-view .display--large {
- display: flex;
-}
-.mini-view .display--large .slider {
- width: 100%;
- z-index: 1;
-}
-.mini-view .display--large .input-container {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
-}
-.mini-view .display--large .volume-button--small {
- border-radius: 6px;
- color: inherit;
- background-size: 16px;
- background-repeat: no-repeat;
- background-position: center;
- background-color: transparent;
- height: 15px;
- width: 30px;
- border: 0px;
- box-shadow: unset;
- opacity: 0.7;
- background-image: url("./assets/feather/volume-2.svg");
-}
-.mini-view .display--large .volume-button--small:active {
- transform: scale(0.9);
-}
-.mini-view .display--large .volume-button--small.active {
- background-image: url("./assets/feather/volume.svg");
-}
-.mini-view .display--large 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;
-}
-.mini-view .display--large input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- height: 14px;
- width: 14px;
- border-radius: 50%;
- background: #323232;
- cursor: default;
- box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
- transition: all var(--appleTransition);
-}
-.mini-view .display--large input[type=range]::-webkit-slider-thumb:hover {
- background-image: radial-gradient(var(--songProgressColor) 2px, transparent 3px, transparent 10px);
- transform: scale(1.2);
-}
-.mini-view .display--large input[type=range]::-webkit-slider-thumb:active {
- background-image: radial-gradient(var(--songProgressColor) 3px, transparent 4px, transparent 10px);
- transform: scale(1);
-}
-.mini-view .display--large input[type=range]::-webkit-slider-runnable-track {
- -webkit-appearance: none;
- box-shadow: none;
- border: none;
- background: transparent;
-}
-.mini-view .background {
- position: absolute;
- background-size: cover;
- width: 100%;
- height: 100%;
- -webkit-user-select: none;
- -webkit-app-region: drag;
-}
-.mini-view .background .bgArtworkMaterial {
- position: absolute;
- width: 100%;
- height: 100%;
-}
-.mini-view .background .bgArtworkMaterial .bg-artwork-container {
- z-index: unset;
-}
-.mini-view .background .bgArtworkMaterial .bg-artwork-container .bg-artwork {
- filter: brightness(85%) saturate(95%) blur(180px) contrast(0.9) opacity(0.9);
-}
-.mini-view .background .bgArtworkMaterial .no-animation {
- animation: unset;
-}
-.mini-view .lyrics-col {
- height: 62vh;
- display: flex;
- justify-content: center;
- align-content: center;
- width: 80%;
-}
-.mini-view .lyrics-col ::-webkit-scrollbar-thumb {
- box-shadow: unset;
-}
-.mini-view .lyrics-col:hover ::-webkit-scrollbar-thumb {
- box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.5);
-}
-.mini-view .lyrics-col .no-lyrics {
- width: 100%;
- height: 100%;
- display: flex;
- justify-content: center;
-}
-.mini-view .lyrics-col .lyric-line {
- font-size: 35px;
-}
-.mini-view .queue-col {
- width: 60vh;
- height: 50vh;
-}
-.mini-view .queue-col .queue-title {
- opacity: 0.6;
-}
-.mini-view .queue-col .queue-panel > * {
- z-index: 3;
-}
-.mini-view .queue-col ::-webkit-scrollbar-thumb {
- box-shadow: unset;
-}
-.mini-view .queue-col:hover ::-webkit-scrollbar-thumb {
- box-shadow: inset 0px 0px 10px 10px rgba(200, 200, 200, 0.5);
-}
-.mini-view .tab-toggles {
- display: flex;
- position: absolute;
- bottom: 0;
- right: 0;
- width: 15vh;
- height: 5vh;
- justify-content: space-evenly;
-}
-.mini-view .tab-toggles .volume {
- background-image: url("./assets/feathers/volume.svg");
- padding: 0.5vh;
- width: 2vh;
- height: 2vh;
- background-origin: content-box;
- background-repeat: no-repeat;
-}
-.mini-view .tab-toggles .queue {
- background-image: url("./assets/list.svg");
- padding: 0.5vh;
- width: 2.5vh;
- height: 2.5vh;
- background-origin: content-box;
- background-repeat: no-repeat;
-}
-.mini-view .tab-toggles .lyrics {
- background-image: url("./assets/quote-right.svg");
- padding: 0.5vh;
- width: 2.5vh;
- height: 2.5vh;
- background-origin: content-box;
- background-repeat: no-repeat;
-}
-.mini-view .tab-toggles .active {
- background-color: rgba(200, 200, 200, 0.7);
- border-radius: 3px;
-}
-.mini-view .artwork-col {
- justify-content: center;
- align-items: center;
- display: flex;
- flex-direction: column;
-}
-.mini-view .artwork-col .artwork {
- width: 100%;
- height: 100%;
-}
-.mini-view .artwork-col .artwork .mediaitem-artwork {
- border-radius: unset;
-}
-.mini-view .artwork-col .controls-parents {
- width: 100%;
- position: absolute;
- background: #0000009e;
- backdrop-filter: blur(10px);
- bottom: 0px;
- z-index: 3;
- opacity: 0;
- padding: 3%;
-}
-.mini-view .artwork-col .controls-parents:hover {
- opacity: 1;
-}
-.mini-view .artwork-col .app-playback-controls {
- -webkit-app-region: no-drag;
-}
-.mini-view .artwork-col .app-playback-controls .song-artist,
-.mini-view .artwork-col .app-playback-controls .song-name {
- font-weight: 600;
- text-align: center;
- font-size: 0.9em;
- height: 1.2em;
- line-height: 0.9em;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 360px;
-}
-.mini-view .artwork-col .app-playback-controls .song-artist .song-name-normal,
-.mini-view .artwork-col .app-playback-controls .song-name .song-name-normal {
- height: inherit;
-}
-.mini-view .artwork-col .app-playback-controls .song-artist {
- font-size: 0.875em;
- font-weight: 400;
-}
-.mini-view .artwork-col .app-playback-controls .song-name {
- width: unset !important;
- margin-top: 0.15vh;
- display: -webkit-box;
- line-height: 1.2;
- text-overflow: ellipsis;
- text-align: center;
-}
-.mini-view .artwork-col .app-playback-controls .playback-info {
- margin-top: 0.5vh;
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- position: relative;
-}
-.mini-view .artwork-col .app-playback-controls .playback-info input[type="range"] {
- width: 100%;
-}
-.mini-view .artwork-col .app-playback-controls .playback-info > div {
- width: 100%;
- text-align: center;
-}
-.mini-view .artwork-col .app-playback-controls .song-progress {
- position: absolute;
- bottom: -3.5vh;
- left: 0px;
- background: transparent;
-}
-.mini-view .artwork-col .app-playback-controls .song-progress .song-duration p {
- font-weight: 400;
- font-size: 10px;
- height: 1.2em;
- line-height: 1.3em;
- overflow: hidden;
- margin: 0 0 0 0.25em;
-}
-.mini-view .artwork-col .app-playback-controls .song-progress:hover > input[type=range]::-webkit-slider-thumb {
- opacity: 1;
- transform: scale(1);
- z-index: 1;
-}
-.mini-view .artwork-col .app-playback-controls .song-progress input[type=range] {
- appearance: none;
- width: 100%;
- height: 4px;
- background-color: rgba(200, 200, 200, 0.1);
- border-radius: 2px;
-}
-.mini-view .artwork-col .app-playback-controls .song-progress input[type=range]::-webkit-slider-thumb {
- opacity: 0;
- transform: scale(0.5);
- -webkit-appearance: none;
- appearance: none;
- width: 12px;
- height: 12px;
- border-radius: 100%;
- background: var(--songProgressColor);
- cursor: default;
- transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
-}
-.mini-view .artwork-col .app-playback-controls .song-progress input[type=range]::-moz-range-thumb {
- width: 8px;
- height: 8px;
- border-radius: 100%;
- background: var(--songProgressColor);
- cursor: default;
-}
-.mini-view .artwork-col .control-buttons {
- margin-top: 3.5vh;
- display: inline-flex;
- width: 100%;
- justify-content: center;
-}
-#micaEffect {
- opacity: 1;
- filter: brightness(1) saturate(320%);
-}
-@keyframes micaEnter {
- 0% {
- opacity: 0;
- transform: translateY(10px);
- }
- 100% {
- opacity: 1;
- transform: translateY(0px);
- }
-}
-@keyframes rotate {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
-}
-.modular-fs .app-chrome.chrome-bottom {
- position: fixed;
- bottom: 0;
- left: 0;
- z-index: 14!important;
- backdrop-filter: var(--glassFilter);
-}
-.modular-fs .app-navigation {
- height: 100%;
-}
-.modular-fs .app-drawer {
- width: 100%;
- right: 0px;
- top: 0px;
- height: 100%;
- border-radius: 0px;
- box-shadow: unset;
- background: black;
-}
-.modular-fs .app-drawer .bgArtworkMaterial {
- display: block;
-}
-.modular-fs .app-drawer .bgArtworkMaterial::before {
- top: -50%;
- left: -20%;
- width: 200VH;
- height: 200VH;
-}
-.modular-fs .app-drawer .bgArtworkMaterial .bg-artwork-container {
- display: block !important;
-}
-.modular-fs .app-drawer .lyric-body {
- justify-content: center;
- align-items: center;
- padding: 0px;
- margin: 0px;
- overflow: hidden;
- filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.7));
-}
-.modular-fs .app-drawer .lyric-body .lyric-line {
- pointer-events: none;
- font-weight: 600;
- font-size: 2em;
- transform-origin: center;
- animation: fsLyricIn var(--appleEase) 0.2s;
- opacity: 0.9;
-}
-.modular-fs .app-drawer .lyric-body .lyric-line:not(.active) {
- display: none;
- margin: 0;
- transform: scale(1);
-}
-.modular-fs .app-drawer .lyric-body .lyric-line.active {
- margin: 0;
- transform: scale(1);
-}
-@keyframes fsLyricIn {
- 0% {
- opacity: 0;
- transform: scale(0.98);
- }
- 100% {
- opacity: 1;
- transform: scale(1);
- }
-}
-/* Transitions */
-.replaycard-enter-active,
-.replaycard-leave-active {
- transition: opacity 0.5s var(--appleEase), transform 0.5s var(--appleEase);
-}
-.replaycard-enter,
-.replaycard-leave-to {
- opacity: 0;
- transform: translateY(20px);
-}
-.fade-enter-active,
-.fade-leave-active {
- transition: opacity 0.15s var(--appleEase);
-}
-.fade-enter,
-.fade-leave-to {
- opacity: 0;
-}
-.modal-enter-active,
-.modal-leave-active {
- transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
-}
-.modal-enter,
-.modal-leave-to {
- opacity: 0;
- transform: scale(1.1);
-}
-.wpfade-enter-active,
-.wpfade-leave-active {
- transition: opacity 0.1s var(--appleEase);
-}
-.wpfade-enter,
-.wpfade-leave-to {
- opacity: 0;
-}
-.wpfade_transform-enter-active,
-.wpfade_transform-leave-active {
- --transitionTime: 0.2s;
- transition: opacity var(--transitionTime) var(--appleEase);
- will-change: opacity, transform;
-}
-.wpfade_transform-enter {
- opacity: 0;
- transform: unset;
- will-change: opacity;
-}
-.wpfade_transform-leave-to {
- opacity: 0;
- transform: unset;
- will-change: opacity;
-}
-.wpfade_transform_backwards-enter-active,
-.wpfade_transform_backwards-leave-active {
- --transitionTime: 0.2s;
- transition: opacity var(--transitionTime) var(--appleEase);
-}
-.wpfade_transform_backwards-enter {
- opacity: 0;
- transform: unset;
- will-change: opacity;
-}
-.wpfade_transform_backwards-leave-to {
- opacity: 0;
- transform: unset;
- will-change: opacity;
-}
-.fabfade-enter-active,
-.fabfade-leave-active {
- transition: transform 0.1s var(--appleEase), opacity 0.1s var(--appleEase);
-}
-.fabfade-enter,
-.fabfade-leave-to {
- opacity: 0;
- transform: scale(0.5);
-}
-.fsModeSwitch-enter-active,
-.fsModeSwitch-leave-active {
- transition: transform 1s var(--appleEase), opacity 1s var(--appleEase);
-}
-.fsModeSwitch-enter,
-.fsModeSwitch-leave-to {
- transform: scale(1.1);
- opacity: 0;
-}
-.sidebartransition-enter-active,
-.sidebartransition-leave-active {
- transition: margin-left 0.35s var(--appleEase);
-}
-.sidebartransition-enter,
-.sidebartransition-leave-to {
- margin-left: calc(var(--sidebarWidth) * -1);
-}
-.drawertransition-enter-active,
-.drawertransition-leave-active {
- transition: transform 0.25s var(--appleEase);
-}
-.drawertransition-enter,
-.drawertransition-leave-to {
- transform: translateX(400px);
-}
-: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: 100%;
- bottom: 0;
- z-index: 100000;
-}
-#apple-music-video-container #player-fullscreen {
- background-size: 50%;
- background-position: center;
- background-repeat: no-repeat;
- filter: opacity(0.6);
- background-color: transparent;
- border-radius: 10px;
- transition: 0.2s ease-in-out filter;
- bottom: 0;
-}
-#apple-music-video-container #player-fullscreen:hover {
- filter: opacity(1);
- transition: 0.2s ease-in-out filter;
-}
-#apple-music-video-container #player-pip {
- background-color: transparent;
- border-radius: 10px;
- bottom: 0;
- filter: opacity(0.6);
- transition: 0.2s ease-in-out filter;
-}
-#apple-music-video-container #player-pip:hover {
- filter: opacity(1);
- transition: 0.2s ease-in-out filter;
-}
-#apple-music-video-container .playback-info {
- position: absolute;
- width: 100%;
- bottom: 0;
- padding: 20px 40px;
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%);
-}
-#apple-music-video-container .playback-info .song-artist {
- font-size: 1.7rem;
- font-weight: bold;
-}
-#apple-music-video-container .playback-info .song-name {
- font-size: 1.2rem;
- font-weight: bold;
- color: #ffffff;
-}
-#apple-music-video-container input[type="range"] {
- align-self: center;
- height: 4px;
- border-radius: 0.5rem;
- margin-inline: 10px;
-}
-#apple-music-video-container .song-progress input[type="range"] {
- appearance: initial;
-}
-#apple-music-video-container .song-progress input[type="range"]::-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;
-}
-#apple-music-video-player {
- position: absolute;
- top: 50%;
- width: 100%;
- transform: translate(0, -50%);
- height: 100%;
-}
-#app.twopanel #apple-music-video-container {
- top: 0;
- bottom: unset;
-}
-.inactive {
- opacity: 0;
-}
-#apple-music-video-player-controls {
- position: absolute;
- z-index: 100001;
- float: left;
- width: 100%;
- height: 100%;
-}
-#apple-music-video-player-controls .playback-info .song-progress {
- display: flex;
-}
-#apple-music-video-player-controls .playback-info .app-chrome-item.display--large {
- position: relative;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
-}
-#apple-music-video-player-controls .playback-info .app-chrome-item.display--large .playback-button {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- padding: 3px;
-}
-#apple-music-video-player-controls .playback-info .song-artist-album {
- font-weight: 400;
- font-size: 12px;
- text-align: center;
- /*height: 1.2em;
- line-height: 1.2em;*/
- z-index: 1;
- align-items: center;
- justify-content: center;
- width: 80%;
- max-width: 340px;
- overflow: hidden;
-}
-#apple-music-video-player-controls .playback-info .song-artist-album .song-artist-album-content {
- font-weight: 400;
- font-size: 12px;
- text-align: center;
- width: 100%;
-}
-#apple-music-video-player-controls .playback-info .song-artist-album .song-artist-album-content.song-artist-normal {
- height: inherit;
-}
-#apple-music-video-player-controls .playback-info .song-artist-album.song-artist-marquee > marquee {
- margin-bottom: -3px;
-}
-#apple-music-video-player-controls #player-exit {
- position: absolute;
- z-index: 100001;
- float: left;
- width: 100%;
- margin-left: 10px;
- margin-right: 10px;
- margin-top: 10px;
- margin-bottom: 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%;
- 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%;
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
-}
-#apple-music-video-player-controls #player-fullscreen > svg {
- width: 70%;
-}
-#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;
- white-space: pre-line;
- font-family: '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;
-}
-[v-cloak] {
- display: none !important;
-}
-.item-navigate:hover {
- text-decoration: underline;
- cursor: pointer;
-}
-.title-browse-sp {
- width: 100%;
- text-align: left;
- margin-bottom: 2px;
-}
-.bold {
- font-weight: bold;
-}
-.semibold {
- font-weight: 500;
-}
-.madeforyou-body {
- margin-top: 15px;
-}
-.albums-square-container {
- text-align: center;
-}
-body.no-gpu {
- --ciderShadow-Generic: var(--mediaItemShadow);
- --mediaItemShadow-Shadow: var(--mediaItemShadow);
- --mediaItemShadow-ShadowSubtle: var(--mediaItemShadow);
-}
-body.no-gpu .bg-artwork-container {
- display: none;
- animation: none !important;
-}
-body.no-gpu .bg-artwork-container .bg-artwork {
- animation: none !important;
-}
-body.no-gpu .floating-header {
- background: black;
- backdrop-filter: unset;
-}
-body.no-gpu .artworkContainer {
- animation: unset!important;
- opacity: 0.7;
-}
-body.no-gpu .info-rect-card:before {
- display: none;
-}
-body.no-gpu .menu-panel .menu-panel-body {
- background: #1e1e1e;
- backdrop-filter: unset;
-}
-body.no-gpu #navigation-bar {
- backdrop-filter: unset;
- mix-blend-mode: unset;
- background: #000000;
-}
-body.no-gpu .addtoplaylist-panel .modal-window {
- background: #121212;
- backdrop-filter: unset;
-}
-body.no-gpu .app-drawer {
- backdrop-filter: unset;
- mix-blend-mode: unset;
- background: #1c1c1c;
-}
-body.no-gpu .wpfade-enter-active,
-body.no-gpu .wpfade-leave-active {
- transition: opacity 0s var(--appleEase);
-}
-body.no-gpu .wpfade-enter,
-body.no-gpu .wpfade-leave-to {
- opacity: 0;
-}
-body.no-gpu .drawertransition-enter-active,
-body.no-gpu .drawertransition-leave-active {
- transition: right 0s var(--appleEase);
-}
-body.no-gpu .drawertransition-enter,
-body.no-gpu .drawertransition-leave-to {
- right: -300px;
-}
-body.no-gpu .lyric-line:hover::after {
- display: none;
-}
-.qrimg {
- width: -webkit-fill-available;
- max-block-size: -webkit-fill-available;
- object-fit: contain;
- overflow-x: hidden;
- overflow-y: hidden;
-}
-.moreinfo-modal .modal-window {
- height: max-content !important;
-}
-.moreinfo-modal .modal-window .modal-content {
- height: max-content !important;
- padding-block: 25px;
-}
-.equalizer-panel .modal-window {
- height: 330px;
- max-height: 330px;
- width: 740px;
- max-width: 800px;
- overflow: hidden;
-}
-.equalizer-panel .modal-window .info-header {
- padding-left: 12px;
-}
-.equalizer-panel .modal-window .visual-container {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
-}
-.equalizer-panel .modal-window .modal-header {
- padding: 16px;
- position: relative;
- overflow: hidden;
-}
-.equalizer-panel .modal-window .modal-header .modal-title {
- text-align: center;
-}
-.equalizer-panel .modal-window .modal-header .close-btn {
- width: 36px;
- height: 36px;
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
- appearance: none;
- border: 0;
- background-color: transparent;
- position: absolute;
- top: 10px;
- right: 10px;
- border-radius: 50px;
- display: grid;
- align-content: center;
-}
-.equalizer-panel .modal-window .modal-header .close-btn:before {
- content: "";
- font-family: "codicon";
- color: var(--textColor);
- font-size: 20px;
-}
-.equalizer-panel .modal-window .modal-header .close-btn:hover {
- background-color: #c42b1c;
-}
-.equalizer-panel .modal-window .modal-content {
- display: block;
-}
-.equalizer-panel .modal-window .modal-content .inputs-container {
- margin-left: 8px;
-}
-.equalizer-panel .modal-window .modal-content .input-container {
- display: inline-grid;
- width: 54px;
- justify-items: center;
- font-size: 0.7em;
-}
-.equalizer-panel .modal-window .modal-content .input-container.mini {
- display: inline-grid;
- width: 43px;
- justify-items: center;
- font-size: 0.7em;
-}
-.equalizer-panel .modal-window .modal-content .freq-header {
- margin-bottom: 2px;
-}
-.equalizer-panel .modal-window .modal-content .reset-button {
- width: 50%;
- margin-left: 25%;
- text-align: center;
-}
-.equalizer-panel .modal-window .modal-content input.eq-slider {
- -webkit-appearance: slider-vertical;
- width: 5%;
-}
-.equalizer-panel .modal-window .modal-content input[type="number"] {
- padding: unset;
- width: 55px;
-}
-.equalizer-panel .modal-window .modal-content .header input.eq-slider {
- -webkit-appearance: slider-vertical;
- width: 5%;
- opacity: 0;
-}
-.equalizer-panel .modal-window .modal-lowercontent {
- padding: 16px;
- background-color: var(--modalBackground);
-}
-body[platform='darwin'] #window-controls-container {
- display: none;
-}
-body[platform='darwin'] .app-chrome .app-chrome-item > .app-mainmenu {
- opacity: 0;
- width: 52px;
- pointer-events: none;
- -webkit-app-region: drag;
-}
-.percent {
- display: inline-block;
- position: relative;
-}
-.percent::after {
- position: relative;
- right: 2em;
- transition: all 0.05s ease-in-out;
-}
-.percent:hover::after,
-.percent:focus-within::after {
- right: 3.5em;
-}
-.percent::after {
- content: '%';
-}
-.playbackrate-text {
- align-items: end;
- margin-right: 5px;
-}
-.modal .close {
- color: transparent;
-}
-.spatialproperties-panel.modal-fullscreen {
- flex-direction: column;
-}
-.cursor {
- background: rgba(255, 255, 255, 0.5);
- width: 16px;
- height: 16px;
- position: fixed;
- z-index: 9999999999;
- pointer-events: none;
- border-radius: 100%;
- box-shadow: 0px 0px 0px 2px #c8c8c8;
- top: 0;
- left: 0;
- display: none;
-}
-.keybinds-page .md-option-header {
- padding: 10px 0px;
- border-bottom: unset;
- border-top: unset;
- font-weight: 600;
- background: rgba(255, 255, 255, 0);
- font-size: 2em;
-}
-.keybinds-page .md-option-header-sub {
- padding: 15px 10px;
- border-bottom: unset;
- border-top: unset;
- background: rgba(255, 255, 255, 0);
- font-weight: 600;
- font-size: 1.7em;
-}
-.keybinds-page .md-option-line {
- padding: 15px 20px;
- font-size: 0.9em;
-}
-.content-inner.keybinds-page {
- top: var(--navigationBarHeight);
- padding: 15px;
-}
-body[platform="darwin"] html {
- background: transparent !important;
-}
-body[platform="darwin"].notransparency::before {
- display: none;
-}
-body[platform="darwin"] #app.simplebg {
- background: transparent;
-}
-body[platform="darwin"] #app::before {
- display: none;
-}
-body[platform="darwin"] #app .app-chrome {
- background-color: var(--macOSChromeColor);
-}
-body[platform="darwin"] #app.twopanel {
- --chromeHeight1: 55px;
- --chromeHeight: calc(var(--chromeHeight1) + var(--chromeHeight2));
-}
-body[platform="darwin"] #app.twopanel .app-chrome .app-chrome-item.search {
- margin-right: 12px;
-}
-body[platform="darwin"] #app.twopanel .app-chrome .app-mainmenu {
- width: 46px;
-}
-body[platform="darwin"] #app.twopanel .app-chrome.chrome-bottom {
- background-color: var(--macOSChromeColor);
-}
-body[platform="darwin"] #app[window-state="normal"]::after {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- box-shadow: inset 0px 0px 0.5px 1px rgba(200, 200, 200, 0.4);
- border-radius: 10px;
- content: " ";
- z-index: 999999;
- pointer-events: none;
-}
-body[platform="darwin"] #app-main {
- background-color: transparent;
-}
-body[platform="darwin"] #app-main .app-navigation {
- background: transparent;
-}
-body[platform="darwin"] #app-main #app-content {
- background-color: #1e1e1e6b;
-}
-body[platform="darwin"] .settings-window.maxed .tabs > .col-auto {
- transition: padding-top 0.3s linear;
- padding-top: var(--chromeHeight1);
-}
-body[platform="darwin"] #apple-music-video-player-controls #player-exit {
- margin-top: 18px;
- left: 70px;
-}
-body[platform="linux"] .window-controls {
- justify-content: flex-end;
- align-items: center;
- padding-right: 6px;
-}
-body[platform="linux"] .window-controls > div {
- --iconSize: 16px;
-}
-body[platform="linux"] .window-controls > div.close,
-body[platform="linux"] .window-controls > div.minmax,
-body[platform="linux"] .window-controls > div.minimize,
-body[platform="linux"] .window-controls > div.minmax.restore {
- background-image: unset!important;
- position: relative;
- display: grid;
- align-content: center;
- text-align: center;
- height: 36px!important;
- width: 36px!important;
- border-radius: 50px;
- transition: background-color 0.1s ease-in-out;
-}
-body[platform="linux"] .window-controls > div.close:hover,
-body[platform="linux"] .window-controls > div.minmax:hover,
-body[platform="linux"] .window-controls > div.minimize:hover,
-body[platform="linux"] .window-controls > div.minmax.restore:hover {
- background: rgba(200, 200, 200, 0.1) !important;
-}
-body[platform="linux"] .window-controls > div.close::before {
- font-family: "codicon";
- font-size: var(--iconSize);
- content: "";
-}
-body[platform="linux"] .window-controls > div.minmax::before {
- font-family: "codicon";
- font-size: var(--iconSize);
- content: "";
-}
-body[platform="linux"] .window-controls > div.minimize::before {
- font-family: "codicon";
- font-size: var(--iconSize);
- content: "";
-}
-body[platform="linux"] .window-controls > div.restore::before {
- font-family: "codicon";
- font-size: var(--iconSize);
- content: "";
-}
-#app.compact .content-inner {
- zoom: 0.95;
-}
-#app.compact .app-sidebar-content {
- padding: 0px;
-}
-#app.compact .app-sidebar-content .app-sidebar-header-text {
- padding: 6px 10px;
- margin: 0px;
-}
-#app.compact .app-sidebar-content .app-sidebar-item {
- display: flex;
- width: 100%;
- padding: 8px 12px;
- font-size: 13px;
- margin: 0px;
- border: 1px solid transparent;
- border-radius: 0px;
- transition: unset;
- transform: unset;
-}
-#app.compact .app-sidebar-content .app-sidebar-item:active {
- background: var(--selected-click);
-}
-#app.compact .app-sidebar-content .app-sidebar-item::after {
- display: none;
-}
-#app.compact .app-sidebar-content .app-sidebar-item.active {
- background: var(--keyColor-disabled);
-}
-#app.compact .app-sidebar-content .sidebar-icon {
- width: 14px;
- height: 16px;
- margin-right: 8px;
-}
-#app.compact .app-sidebar-content .folder-body {
- border-radius: 0px;
- padding: 0px;
-}
-#app.navbar {
- --navigationBarHeight: 38px;
-}
-#app.twopanel {
- --chromeHeight1: 46px;
- --chromeHeight2: 90px;
- --chromeHeight: calc(var(--chromeHeight1) + var(--chromeHeight2));
-}
-#app.twopanel .modular-fs .app-drawer .lyric-footer {
- bottom: var(--chromeHeight2);
-}
-#app.twopanel .app-chrome {
- height: var(--chromeHeight1);
-}
-#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center {
- flex: 1;
-}
-#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group {
- background: #1e1e1e99;
- border: 1px solid #323232;
- border-radius: 12px;
- display: flex;
- height: 32px;
-}
-#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item {
- background-color: #1e1e1e00;
- border-radius: 10px !important;
- border: 0px;
- min-width: 120px;
- padding: 6px;
- justify-content: center;
- align-items: center;
- margin: 0px;
- height: 100%;
- position: relative;
-}
-#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item:before {
- --dist: 1px;
- content: '';
- position: absolute;
- top: var(--dist);
- left: var(--dist);
- right: var(--dist);
- bottom: var(--dist);
- background-color: #fff;
- opacity: 0;
- border-radius: 10px;
- transform: scale(0.5);
- transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-}
-#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item:after {
- display: none;
-}
-#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item:hover {
- background-color: transparent;
-}
-#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item:hover:before {
- transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
- opacity: 0.1;
- transform: scale(1);
-}
-#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item.active {
- background-color: transparent;
-}
-#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item.active:before {
- opacity: 0.2;
- transform: scale(1);
-}
-#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item.md-btn-primary {
- box-shadow: 0px 0px 0px 1px #323232;
- background-color: #2b2b2b;
- z-index: 1;
-}
-#app.twopanel .app-chrome .app-mainmenu {
- width: 30px;
- height: 30px;
-}
-#app.twopanel .app-chrome .search-input {
- width: 180px;
-}
-#app.twopanel .app-chrome.chrome-bottom {
- background: var(--color2);
- -webkit-app-region: no-drag;
- height: var(--chromeHeight2);
- box-shadow: 0px -2px 6px rgba(20, 20, 20, 0.12), 0px -1px 0px 0px rgba(200, 200, 200, 0.12);
- z-index: 4;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom {
- width: 100%;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom .col {
- display: flex;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom .col-sm-auto {
- width: 4em;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 0.8em;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom input[type=range] {
- appearance: none;
- width: 100%;
- height: 5px;
- background-color: rgba(200, 200, 200, 0.1);
- border-radius: 6px;
- box-shadow: 0px 0px 0px 1px rgba(0 0 0 / 10%);
- align-self: center;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom input[type=range]::-webkit-slider-thumb {
- opacity: 0;
- transform: scale(1);
- -webkit-appearance: none;
- appearance: none;
- width: 16px;
- height: 16px;
- border-radius: 100%;
- background: var(--keyColor);
- cursor: default;
- transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome-playback-duration-bottom input[type=range]:hover::-webkit-slider-thumb {
- opacity: 1;
-}
-#app.twopanel .app-sidebar-footer--controls {
- display: none !important;
-}
-#app.twopanel .app-chrome.chrome-bottom {
- -webkit-app-region: no-drag;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-playback-controls .actions {
- align-self: center;
-}
-#app.twopanel .app-chrome.chrome-bottom .playback-button.play,
-#app.twopanel .app-chrome.chrome-bottom .playback-button.pause,
-#app.twopanel .app-chrome.chrome-bottom .playback-button.stop {
- width: 42px;
- height: 42px;
- border-radius: 50%;
- margin: 6px;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--center {
- display: flex;
- flex-direction: column;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-controls {
- display: flex;
- z-index: 1;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration {
- position: relative;
- width: 80%;
- -webkit-app-region: no-drag;
- height: 16px;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress {
- height: 16px;
- position: absolute;
- bottom: 4px;
- left: 0px;
- right: 4px;
- background: transparent;
- z-index: 0;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress .song-duration {
- display: flex;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress .song-duration p {
- font-weight: 400;
- font-size: 10px;
- height: 1.2em;
- line-height: 1.3em;
- overflow: hidden;
- margin: 0 0 0 0.25em;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress:hover > input[type=range]::-webkit-slider-thumb {
- opacity: 1;
- transform: scale(1);
- z-index: 1;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress input[type=range] {
- appearance: none;
- width: 100%;
- height: 4px;
- background-color: rgba(200, 200, 200, 0.1);
- border-radius: 2px;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--center .app-chrome-playback-duration .song-progress input[type=range]::-webkit-slider-thumb {
- opacity: 0;
- transform: scale(0.5);
- -webkit-appearance: none;
- appearance: none;
- width: 12px;
- height: 12px;
- border-radius: 100%;
- background: var(--keyColor);
- cursor: default;
- transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left {
- width: 30%;
- justify-content: flex-start;
- align-items: flex-start;
- -webkit-app-region: no-drag !important;
- flex: 0 0 auto;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls {
- -webkit-app-region: no-drag !important;
- width: 100%;
- height: 100%;
- max-width: 100%;
- border: 0px;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .artwork {
- --offset: 20px;
- --marginOffset: 2;
- --size: calc(var(--chromeHeight2) - var(--offset));
- width: var(--size);
- height: var(--size);
- margin: 0 calc(var(--offset) / var(--marginOffset)) 0 calc(var(--offset) / var(--marginOffset));
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .artwork .mediaitem-artwork,
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .artwork img {
- border-radius: calc(var(--mediaItemRadius) / 2);
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info {
- align-items: flex-start;
- margin: 6px;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-name {
- text-align: left;
- font-size: 0.8em;
- font-weight: 500;
- width: 100%;
- -webkit-mask-image: linear-gradient(-90deg, transparent 0%, transparent 10%, black 20%);
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-artist,
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-album {
- font-size: 0.75em;
- opacity: 0.8;
- cursor: pointer;
- white-space: nowrap;
- max-width: 360px;
- -webkit-mask-image: linear-gradient(-90deg, transparent 0%, transparent 10%, black 20%);
- width: 100%;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-artist:hover,
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-album:hover {
- text-decoration: underline;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .audio-type {
- margin: 0px;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--left .playback-controls .playback-info .song-artist-album-content {
- text-align: left;
- font-size: 12px;
-}
-#app.twopanel .app-chrome.chrome-bottom .app-chrome--right {
- width: 30%;
- flex: 0 0 auto;
- padding-right: 8px;
-}
-#app.twopanel .collection-page .top-fab {
- bottom: 96px;
-}
-@media (max-width: 1100px) {
- #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center {
- flex: unset;
- }
- #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item {
- min-width: 110px;
- }
- #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item .sidebar-item-text {
- display: none;
- }
- #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item .sidebar-icon {
- margin: 0px;
- }
-}
-@media (max-width: 1000px) {
- #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center {
- flex: unset;
- }
- #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item {
- min-width: 60px;
- }
- #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item .sidebar-item-text {
- display: none;
- }
- #app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item .sidebar-icon {
- margin: 0px;
- }
-}
-#app.macosemu .app-chrome .app-chrome-item > .window-controls-macos {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 96px;
-}
-#app.macosemu .app-chrome .app-chrome-item > .window-controls-macos div {
- margin: 4px;
- background-color: red;
- border-radius: 100%;
- flex: 0 0 auto;
- background-image: unset !important;
-}
-#app.macosemu .app-chrome .app-chrome-item > .window-controls-macos div.close {
- box-shadow: 0px 0px 0px 1px #420000;
- background-color: #ff5c5c;
- width: 12px;
- height: 12px;
-}
-#app.macosemu .app-chrome .app-chrome-item > .window-controls-macos div.minimize {
- box-shadow: 0px 0px 0px 1px #322000;
- background-color: #ffbd4c;
- width: 12px;
- height: 12px;
-}
-#app.macosemu .app-chrome .app-chrome-item > .window-controls-macos div.minmax {
- box-shadow: 0px 0px 0px 1px #0b260b;
- background-color: #4dca4d;
- width: 12px;
- height: 12px;
-}
-#app.macosemu .usermenu-body {
- left: calc(100vw - 260px);
- position: relative;
-}
From 07dff3f610786c4e6393abc35546195c63466f7b Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 22:56:19 -0700
Subject: [PATCH 226/289] NEVER. CODE. AT. FOUR. AYE. EM. AGAIN.
---
src/renderer/main/vueapp.js | 26 ++++++++++---------
.../views/components/settings-window.ejs | 4 +--
2 files changed, 16 insertions(+), 14 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 18ef8ae4..41ebfeed 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -925,7 +925,7 @@ const app = new Vue({
})
this.mk.addEventListener(MusicKit.Events.playbackTimeDidChange, (a) => {
- self.lyriccurrenttime = self.mk.currentPlaybackTime + (app.lyricOffset / 2)
+ self.lyriccurrenttime = self.mk.currentPlaybackTime - app.lyricOffset
this.currentSongInfo = a
self.playerLCD.playbackDuration = (self.mk.currentPlaybackTime)
// wsapi
@@ -3186,19 +3186,21 @@ const app = new Vue({
let raw_lines = lyric_isolated.getElementsByClassName("col-xs-6 col-sm-6 col-md-6 col-ml-6 col-lg-6")
let applied = 0;
- for (let i = 1; applied < app.lyrics.length; i+=2) {
- if (app.lyrics[applied].line === "lrcInstrumental") {
- app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
- applied +=2;
- }
- else if (app.lyrics[applied].line === raw_lines[i].childNodes[0].childNodes[0].textContent) {
- // Skip this line
- applied +=1;
- }
- else {
- app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
+ for (let i = 1; applied < app.lyrics.length; i+=2) { // Start on odd elements because even ones are original.
+ if (app.lyrics[applied].line === raw_lines[i].childNodes[0].childNodes[0].textContent) {
+ // Do Nothing
applied +=1;
}
+ else {
+ if (app.lyrics[applied].line === "lrcInstrumental") {
+ app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
+ applied +=2;
+ }
+ else {
+ app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
+ applied +=1;
+ }
+ }
}
})
}
diff --git a/src/renderer/views/components/settings-window.ejs b/src/renderer/views/components/settings-window.ejs
index 220bae3c..c20cdddd 100644
--- a/src/renderer/views/components/settings-window.ejs
+++ b/src/renderer/views/components/settings-window.ejs
@@ -776,8 +776,8 @@
-
-
+
+
From 256d06bbccfb6dc0cd23c5bc7fe15bd19923a43a Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 23:54:55 -0700
Subject: [PATCH 227/289] test
---
src/renderer/main/vueapp.js | 36 +++++++++++++++++++++++-------------
1 file changed, 23 insertions(+), 13 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 41ebfeed..d6254a36 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3187,20 +3187,30 @@ const app = new Vue({
let applied = 0;
for (let i = 1; applied < app.lyrics.length; i+=2) { // Start on odd elements because even ones are original.
- if (app.lyrics[applied].line === raw_lines[i].childNodes[0].childNodes[0].textContent) {
- // Do Nothing
- applied +=1;
- }
- else {
- if (app.lyrics[applied].line === "lrcInstrumental") {
- app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
- applied +=2;
- }
- else {
- app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
- applied +=1;
+ try {
+ if (app.lyrics[applied].line.trim() != "" && raw_lines[i].childNodes[0].childNodes[0].textContent.trim() != ""){
+ if (app.lyrics[applied].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
+ // Do Nothing and skip to next raw lyric.
+ applied +=1;
+ }
+ else {
+ if (app.lyrics[applied].line === "lrcInstrumental") {
+ if (app.lyrics[applied+1].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
+ // Do Nothing and skip to next raw lyric.
+ applied +=2;
+ }
+ else {
+ app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
+ applied +=2;
+ }
+ }
+ else {
+ app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
+ applied +=1;
+ }
+ }
}
- }
+ } catch(e) {}
}
})
}
From e9652871c6b5578a7c1d0ad366c84c2ec305b881 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 23:55:38 -0700
Subject: [PATCH 228/289] Revert "test"
This reverts commit 256d06bbccfb6dc0cd23c5bc7fe15bd19923a43a.
---
src/renderer/main/vueapp.js | 36 +++++++++++++-----------------------
1 file changed, 13 insertions(+), 23 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index d6254a36..41ebfeed 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3187,30 +3187,20 @@ const app = new Vue({
let applied = 0;
for (let i = 1; applied < app.lyrics.length; i+=2) { // Start on odd elements because even ones are original.
- try {
- if (app.lyrics[applied].line.trim() != "" && raw_lines[i].childNodes[0].childNodes[0].textContent.trim() != ""){
- if (app.lyrics[applied].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
- // Do Nothing and skip to next raw lyric.
- applied +=1;
- }
- else {
- if (app.lyrics[applied].line === "lrcInstrumental") {
- if (app.lyrics[applied+1].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
- // Do Nothing and skip to next raw lyric.
- applied +=2;
- }
- else {
- app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
- applied +=2;
- }
- }
- else {
- app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
- applied +=1;
- }
- }
+ if (app.lyrics[applied].line === raw_lines[i].childNodes[0].childNodes[0].textContent) {
+ // Do Nothing
+ applied +=1;
+ }
+ else {
+ if (app.lyrics[applied].line === "lrcInstrumental") {
+ app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
+ applied +=2;
+ }
+ else {
+ app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
+ applied +=1;
}
- } catch(e) {}
+ }
}
})
}
From 165421c8b349dd183a4060348836dea5c278a001 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Fri, 8 Jul 2022 23:57:48 -0700
Subject: [PATCH 229/289] did a funny
---
src/renderer/main/vueapp.js | 26 ++++++++++++++------------
1 file changed, 14 insertions(+), 12 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 41ebfeed..4cc5b44d 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3187,20 +3187,22 @@ const app = new Vue({
let applied = 0;
for (let i = 1; applied < app.lyrics.length; i+=2) { // Start on odd elements because even ones are original.
- if (app.lyrics[applied].line === raw_lines[i].childNodes[0].childNodes[0].textContent) {
- // Do Nothing
- applied +=1;
- }
- else {
- if (app.lyrics[applied].line === "lrcInstrumental") {
- app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
- applied +=2;
- }
- else {
- app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent;
+ try {
+ if (app.lyrics[applied].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
+ // Do Nothing
applied +=1;
}
- }
+ else {
+ if (app.lyrics[applied].line === "lrcInstrumental") {
+ app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
+ applied +=2;
+ }
+ else {
+ app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
+ applied +=1;
+ }
+ }
+ } catch(e) {}
}
})
}
From 2e12b94744e2acb1577714c4293a950108f55dce Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sat, 9 Jul 2022 00:08:34 -0700
Subject: [PATCH 230/289] did another funny
---
src/renderer/main/vueapp.js | 16 ++++++++++++----
1 file changed, 12 insertions(+), 4 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 4cc5b44d..44db6957 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3187,22 +3187,30 @@ const app = new Vue({
let applied = 0;
for (let i = 1; applied < app.lyrics.length; i+=2) { // Start on odd elements because even ones are original.
- try {
+ if (raw_lines[i].childNodes[0].childNodes[0].textContent.trim() != "") {
if (app.lyrics[applied].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
// Do Nothing
applied +=1;
}
else {
if (app.lyrics[applied].line === "lrcInstrumental") {
- app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
- applied +=2;
+ if (app.lyrics[applied+1].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
+ // Do Nothing
+ applied +=2;
+ }
+ else {
+ app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
+ applied +=2;
+ }
+
}
else {
app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
applied +=1;
}
}
- } catch(e) {}
+ }
+
}
})
}
From 36218244413c7f273ed953b56147118c8d628a7f Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sat, 9 Jul 2022 00:19:29 -0700
Subject: [PATCH 231/289] yes
---
src/renderer/main/vueapp.js | 45 ++++++++++++++++++-------------------
1 file changed, 22 insertions(+), 23 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 44db6957..8355f2e2 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3185,32 +3185,31 @@ const app = new Vue({
let lyric_isolated = html.querySelector("#site > div > div > div > main > div > div > div.mxm-track-lyrics-container > div.container > div > div > div > div.col-sm-12.col-md-10.col-ml-9.col-lg-9 > div.mxm-lyrics.translated > div.row > div.col-xs-12.col-sm-12.col-md-12.col-ml-12.col-lg-12")
let raw_lines = lyric_isolated.getElementsByClassName("col-xs-6 col-sm-6 col-md-6 col-ml-6 col-lg-6")
let applied = 0;
-
+
for (let i = 1; applied < app.lyrics.length; i+=2) { // Start on odd elements because even ones are original.
- if (raw_lines[i].childNodes[0].childNodes[0].textContent.trim() != "") {
- if (app.lyrics[applied].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
- // Do Nothing
+ if (raw_lines[i].childNodes[0].childNodes[0].textContent.trim() == "") {i+=2;}
+ if (app.lyrics[applied].line.trim() == "") {applied+=1;}
+ if (app.lyrics[applied].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
+ // Do Nothing
+ applied +=1;
+ }
+ else {
+ if (app.lyrics[applied].line === "lrcInstrumental") {
+ if (app.lyrics[applied+1].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
+ // Do Nothing
+ applied +=2;
+ }
+ else {
+ app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
+ applied +=2;
+ }
+
+ }
+ else {
+ app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
applied +=1;
}
- else {
- if (app.lyrics[applied].line === "lrcInstrumental") {
- if (app.lyrics[applied+1].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
- // Do Nothing
- applied +=2;
- }
- else {
- app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
- applied +=2;
- }
-
- }
- else {
- app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
- applied +=1;
- }
- }
- }
-
+ }
}
})
}
From 1713f6d4dca970070f05c89e2ce103381c250576 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sat, 9 Jul 2022 00:29:43 -0700
Subject: [PATCH 232/289] add prime symbol to apostrophe
---
src/renderer/main/vueapp.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 8355f2e2..84c83378 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3189,7 +3189,7 @@ const app = new Vue({
for (let i = 1; applied < app.lyrics.length; i+=2) { // Start on odd elements because even ones are original.
if (raw_lines[i].childNodes[0].childNodes[0].textContent.trim() == "") {i+=2;}
if (app.lyrics[applied].line.trim() == "") {applied+=1;}
- if (app.lyrics[applied].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim()) {
+ if (app.lyrics[applied].line.trim() === raw_lines[i].childNodes[0].childNodes[0].textContent.trim().replace('′', "'")) {
// Do Nothing
applied +=1;
}
From bc63d798efba74e5a3d061755c62f32b222d5152 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sat, 9 Jul 2022 00:34:49 -0700
Subject: [PATCH 233/289] Don't do anything if res != 200
---
src/renderer/main/vueapp.js | 5 ++---
1 file changed, 2 insertions(+), 3 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 84c83378..e964c525 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -3181,11 +3181,11 @@ const app = new Vue({
},
})
.then(async (res) => {
+ if (res.status != 200) {return}
let html = document.createElement('html'); html.innerHTML = await res.text()
let lyric_isolated = html.querySelector("#site > div > div > div > main > div > div > div.mxm-track-lyrics-container > div.container > div > div > div > div.col-sm-12.col-md-10.col-ml-9.col-lg-9 > div.mxm-lyrics.translated > div.row > div.col-xs-12.col-sm-12.col-md-12.col-ml-12.col-lg-12")
let raw_lines = lyric_isolated.getElementsByClassName("col-xs-6 col-sm-6 col-md-6 col-ml-6 col-lg-6")
let applied = 0;
-
for (let i = 1; applied < app.lyrics.length; i+=2) { // Start on odd elements because even ones are original.
if (raw_lines[i].childNodes[0].childNodes[0].textContent.trim() == "") {i+=2;}
if (app.lyrics[applied].line.trim() == "") {applied+=1;}
@@ -3202,8 +3202,7 @@ const app = new Vue({
else {
app.lyrics[applied+1].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
applied +=2;
- }
-
+ }
}
else {
app.lyrics[applied].translation = raw_lines[i].childNodes[0].childNodes[0].textContent.trim();
From 145d468d1a671e01d352306bc3453d9bb01a35c2 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sun, 10 Jul 2022 03:42:00 -0700
Subject: [PATCH 234/289] Recursive Folder Search in Cider Utils
---
src/main/providers/local/index.ts | 89 ++++++++++++++++++++++++++++---
1 file changed, 82 insertions(+), 7 deletions(-)
diff --git a/src/main/providers/local/index.ts b/src/main/providers/local/index.ts
index da898235..67729863 100644
--- a/src/main/providers/local/index.ts
+++ b/src/main/providers/local/index.ts
@@ -6,7 +6,7 @@ import * as mm from 'music-metadata';
import {Md5} from 'ts-md5/dist/md5';
import e from "express";
import { EventEmitter } from 'events';
-import { parseFile } from 'cider_utils';
+import { parseFile, recursiveFolderSearch} from 'cider_utils';
export class LocalFiles {
static localSongs: any = [];
@@ -37,18 +37,93 @@ export class LocalFiles {
let folders = utils.getStoreValue("libraryPrefs.localPaths")
if (folders == null || folders.length == null || folders.length == 0) folders = []
console.log('folders', folders)
- let files: any[] = []
+ let parseFileQueue: any[] = []; let mmQueue: any[] = []
for (var folder of folders) {
- // get files from the Music folder
- files = files.concat(await LocalFiles.getFiles(folder))
+ // Recursively search and add
+ let result = await recursiveFolderSearch()
+ parseFileQueue.concat(result.parseFile)
+ mmQueue.concat(result.musicMetadata)
}
- let supporttedformats = ["mp3", "aac", "webm", "flac", "m4a", "ogg", "wav", "opus"]
- let audiofiles = files.filter(f => supporttedformats.includes(f.substring(f.lastIndexOf('.') + 1)));
+ if (parseFileQueue.length !== 0 && mmQueue.length !== 0) {console.log('Recursive Folder Search in Cider Utils worki')}
let metadatalist = []
let metadatalistart = []
let numid = 0;
- for (var audio of audiofiles) {
+ // Music Metadata fallback
+ for (var audio of mmQueue) {
+ try {
+ const metadata = await mm.parseFile(audio);
+ let lochash = Md5.hashStr(audio) ?? numid;
+ if (metadata != null) {
+ let form = {
+ "id": "ciderlocal" + lochash,
+ "_id": "ciderlocal" + lochash,
+ "type": "podcast-episodes",
+ "href": audio,
+ "attributes": {
+ "artwork": {
+ "width": 3000,
+ "height": 3000,
+ "url": "/ciderlocalart/" + "ciderlocal" + lochash,
+ },
+ "topics": [],
+ "url": "",
+ "subscribable": true,
+ "mediaKind": "audio",
+ "genreNames": [
+ ""
+ ],
+ // "playParams": {
+ // "id": "ciderlocal" + numid,
+ // "kind": "podcast",
+ // "isLibrary": true,
+ // "reporting": false },
+ "trackNumber": metadata.common.track?.no ?? 0,
+ "discNumber": metadata.common.disk?.no ?? 0,
+ "name": metadata.common.title ?? audio.substring(audio.lastIndexOf('\\') + 1),
+ "albumName": metadata.common.album,
+ "artistName": metadata.common.artist,
+ "copyright": metadata.common.copyright ?? "",
+ "assetUrl": "file:///" + audio,
+ "contentAdvisory": "",
+ "releaseDateTime": `${metadata?.common?.year ?? '2022'}-05-13T00:23:00Z`,
+ "durationInMillis": Math.floor((metadata.format.duration ?? 0) * 1000),
+ "bitrate": Math.floor((metadata.format?.bitrate ?? 0) / 1000),
+ "offers": [
+ {
+ "kind": "get",
+ "type": "STDQ"
+ }
+ ],
+ "contentRating": "clean"
+ },
+ flavor: Math.floor((metadata.format?.bitrate ?? 0) / 1000),
+ localFilesMetadata: {
+ lossless: metadata.format?.lossless,
+ container: metadata.format?.container,
+ bitDepth: metadata.format?.bitsPerSample ?? 0,
+ sampleRate: metadata.format?.sampleRate ?? 0,
+ },
+ };
+ let art = {
+ id: "ciderlocal" + lochash,
+ _id: "ciderlocalart" + lochash,
+ url: metadata.common.picture != undefined ? metadata.common.picture[0].data.toString('base64') : "",
+ }
+ metadatalistart.push(art)
+ numid += 1;
+ ProviderDB.db.putIfNotExists(form)
+ ProviderDB.db.putIfNotExists(art)
+ metadatalist.push(form)
+
+ if (this.localSongs.length === 0 && numid % 10 === 0) { // send updated chunks only if there is no previous database
+ this.eventEmitter.emit('newtracks', metadatalist)}
+ }
+ } catch (e) {console.error("error:", e)}
+ }
+
+ // Cider-Utils supported formats.
+ for (var audio of parseFileQueue) {
try {
const metadata = await parseFile(audio);
let lochash = Md5.hashStr(audio) ?? numid;
From 550277328a275c9b1db42bc1870cbdb74fa85b14 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sun, 10 Jul 2022 03:44:34 -0700
Subject: [PATCH 235/289] 4am code moment
---
src/main/providers/local/index.ts | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/main/providers/local/index.ts b/src/main/providers/local/index.ts
index 67729863..5b29aa23 100644
--- a/src/main/providers/local/index.ts
+++ b/src/main/providers/local/index.ts
@@ -40,7 +40,7 @@ export class LocalFiles {
let parseFileQueue: any[] = []; let mmQueue: any[] = []
for (var folder of folders) {
// Recursively search and add
- let result = await recursiveFolderSearch()
+ let result = await recursiveFolderSearch(folder)
parseFileQueue.concat(result.parseFile)
mmQueue.concat(result.musicMetadata)
}
From c9ac61e0b6533a0881a40199581e75a7e70d0230 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sun, 10 Jul 2022 04:00:44 -0700
Subject: [PATCH 236/289] fix function (force recompile utils)
---
src/main/providers/local/index.ts | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/main/providers/local/index.ts b/src/main/providers/local/index.ts
index 5b29aa23..9b506633 100644
--- a/src/main/providers/local/index.ts
+++ b/src/main/providers/local/index.ts
@@ -6,7 +6,7 @@ import * as mm from 'music-metadata';
import {Md5} from 'ts-md5/dist/md5';
import e from "express";
import { EventEmitter } from 'events';
-import { parseFile, recursiveFolderSearch} from 'cider_utils';
+import { parseFile, recursiveFolderSearch } from 'cider_utils';
export class LocalFiles {
static localSongs: any = [];
From 46f1dcbbe8bce0d54609c576cd39a3ab06bb1b9f Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sun, 10 Jul 2022 04:21:07 -0700
Subject: [PATCH 237/289] did a funny there
---
src/main/providers/local/index.ts | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/main/providers/local/index.ts b/src/main/providers/local/index.ts
index 9b506633..4a91bfef 100644
--- a/src/main/providers/local/index.ts
+++ b/src/main/providers/local/index.ts
@@ -44,7 +44,7 @@ export class LocalFiles {
parseFileQueue.concat(result.parseFile)
mmQueue.concat(result.musicMetadata)
}
- if (parseFileQueue.length !== 0 && mmQueue.length !== 0) {console.log('Recursive Folder Search in Cider Utils worki')}
+ if (parseFileQueue.length !== 0 || mmQueue.length !== 0) {console.log('Recursive Folder Search in Cider Utils worki')}
let metadatalist = []
let metadatalistart = []
let numid = 0;
From c410809b6862f6dc87fbf0ab4cf269df75f1492c Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sun, 10 Jul 2022 04:31:12 -0700
Subject: [PATCH 238/289] I need sleep
---
src/main/providers/local/index.ts | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/main/providers/local/index.ts b/src/main/providers/local/index.ts
index 4a91bfef..157ac85e 100644
--- a/src/main/providers/local/index.ts
+++ b/src/main/providers/local/index.ts
@@ -41,8 +41,8 @@ export class LocalFiles {
for (var folder of folders) {
// Recursively search and add
let result = await recursiveFolderSearch(folder)
- parseFileQueue.concat(result.parseFile)
- mmQueue.concat(result.musicMetadata)
+ parseFileQueue = parseFileQueue.concat(result.parseFile)
+ mmQueue = mmQueue.concat(result.musicMetadata)
}
if (parseFileQueue.length !== 0 || mmQueue.length !== 0) {console.log('Recursive Folder Search in Cider Utils worki')}
let metadatalist = []
From 12b85ee2c20b19b6dc4d5f773ebf33809546f740 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A4=8E=E5=90=8D=E3=82=A2=E3=83=A4=E3=83=8D?=
<53814845+sakura0224@users.noreply.github.com>
Date: Mon, 11 Jul 2022 07:25:41 +0800
Subject: [PATCH 239/289] Update zh_CN.json (#1265)
This is a big work
---
src/i18n/zh_CN.json | 380 ++++++++++++++++++++++----------------------
1 file changed, 192 insertions(+), 188 deletions(-)
diff --git a/src/i18n/zh_CN.json b/src/i18n/zh_CN.json
index 837ec4ab..100546db 100644
--- a/src/i18n/zh_CN.json
+++ b/src/i18n/zh_CN.json
@@ -21,19 +21,22 @@
"term.accountSettings": "账户设置",
"term.logout": "退出登录",
"term.login": "登录",
- "term.quit" : "退出应用",
- "term.quickNav":"快速导航",
+ "term.quickNav": "快速导航",
"term.about": "关于",
- "term.cast":"投射",
- "term.cast2" : "投射到设备",
"term.privateSession": "隐身聆听",
- "term.disablePrivateSession":"停止隐身聆听",
- "term.autoplay":"自动播放",
- "term.lyrics": "歌词",
+ "term.disablePrivateSession": "停止隐身聆听",
"term.queue": "待播清单",
- "term.history": "历史记录",
+ "term.autoplay": "自动播放",
+ "term.lyrics": "歌词",
"term.miniplayer": "迷你播放器",
+ "term.history": "历史记录",
"term.search": "搜索",
+ "term.scroll": "滚动模式",
+ "term.scroll.infinite": "无限制",
+ "term.scroll.paged": "每页${songsPerPage}首",
+ "term.live": "LIVE",
+ "term.showSearch": "显示搜索栏",
+ "term.hideSearch": "隐藏搜索栏",
"term.library": "资料库",
"term.listenNow": "现在就听",
"term.browse": "浏览",
@@ -44,23 +47,24 @@
"term.artists": "艺人",
"term.podcasts": "播客",
"term.playlists": "播放列表",
- "term.charts":"排行榜",
+ "term.charts": "排行榜",
"term.playlist": "播放列表",
"term.newPlaylist": "新播放列表",
"term.newPlaylistFolder": "新播放列表文件夹",
"term.createNewPlaylist": "新建播放列表",
"term.createNewPlaylistFolder": "新建播放列表文件夹",
"term.deletePlaylist": "您确定要删除该播放列表吗?",
- "term.navigateBack":"上一页",
- "term.navigateForward":"下一页",
+ "term.navigateBack": "上一页",
+ "term.navigateForward": "下一页",
"term.play": "播放",
+ "term.playpause": "播放/暂停",
"term.pause": "暂停",
"term.stop": "停止",
"term.previous": "上一首",
"term.next": "下一首",
"term.shuffle": "随机播放",
- "term.enableShuffle":"开启随机播放",
- "term.disableShuffle":"关闭随机播放",
+ "term.enableShuffle": "开启随机播放",
+ "term.disableShuffle": "关闭随机播放",
"term.repeat": "循环播放",
"term.enableRepeatOne": "开启单曲循环",
"term.disableRepeatOne": "关闭单曲循环",
@@ -79,14 +83,14 @@
"term.sortBy.genre": "类型",
"term.sortBy.releaseDate": "发行日期",
"term.sortBy.duration": "时长",
- "term.sortBy.dateAdded":"加入日期",
+ "term.sortBy.dateAdded": "加入日期",
"term.sortOrder": "字母排序",
"term.sortOrder.ascending": "升序",
"term.sortOrder.descending": "倒序",
"term.viewAs": "显示模式",
"term.viewAs.coverArt": "专辑封面",
"term.viewAs.list": "列表",
- "term.dynamic":"动态",
+ "term.dynamic": "动态",
"term.size": "大小",
"term.size.normal": "正常",
"term.size.compact": "紧凑",
@@ -108,6 +112,8 @@
"term.time.added": "添加于",
"term.time.released": "发行于",
"term.time.updated": "更新于",
+ "term.time.days": "天",
+ "term.time.day": "天",
"term.time.hours": "小时",
"term.time.hour": "小时",
"term.time.minutes": "分钟",
@@ -120,8 +126,8 @@
"term.audioSettings": "音频设置",
"term.clearAll": "清空",
"term.recentStations": "最近播放的广播",
- "term.personalStations":"最近播放的个人广播",
- "term.amLive":"amLive",
+ "term.personalStations": "最近播放的个人广播",
+ "term.amLive": "Apple Music Live",
"term.language": "语言",
"term.funLanguages": "恶搞",
"term.noLyrics": "加载中... / 无搜索结果 / 纯音乐",
@@ -135,13 +141,11 @@
"term.contributors": "贡献者",
"term.equalizer": "均衡器",
"term.reset": "重置",
- "term.track": {
- "one": "首歌曲",
- "other": "首歌曲"
- },
"term.tracks": "歌曲",
+ "term.track": "首歌曲",
"term.videos": "音乐视频",
"term.menu": "菜单",
+ "term.themeManaged": "由主题所管理",
"term.check": "检查",
"term.aboutArtist": "关于{{artistName}}",
"term.topResult": "热门搜索结果",
@@ -157,31 +161,47 @@
"term.song.link.generate": "获取 song.link 共享链接...",
"term.musicVideos": "音乐视频",
"term.stations": "电台",
+ "term.curators": "策展人",
+ "term.appleCurators": "Apple 策展人",
"term.radioShows": "广播单集",
"term.recordLabels": "唱片公司",
"term.videoExtras": "视频特辑",
- "term.top":"顶部",
+ "term.top": "顶部",
"term.version": "版本",
- "term.noVideos":"无视频",
- "term.plugin": "插件",
+ "term.noVideos": "无视频",
"term.plugins": "插件",
+ "term.plugin": "插件",
"term.pluginMenu": "插件菜单",
"term.pluginMenu.none": "沒有交互式插件",
- "term.replay":"音乐回忆",
- "term.uniqueAlbums":"独特专辑",
- "term.uniqueArtists":"超绝艺人",
- "term.uniqueSongs":"别致单曲",
- "term.topArtists":"热门艺人",
- "term.listenedTo":"听过",
- "term.times":"次",
- "term.topAlbums":"热门专辑",
- "term.plays":"次",
- "term.topGenres":"热门类型",
- "term.confirmLogout":"你确定要退出登录吗?",
- "term.creditDesignedBy":"由 ${authorUsername} 设计",
- "term.discNumber":"碟 ${discNumber}",
+ "term.replay": "音乐回忆",
+ "term.uniqueAlbums": "独特专辑",
+ "term.uniqueArtists": "超绝艺人",
+ "term.uniqueSongs": "别致单曲",
+ "term.topArtists": "热门艺人",
+ "term.listenedTo": "听过",
+ "term.times": "次",
+ "term.topAlbums": "热门专辑",
+ "term.plays": "次",
+ "term.topGenres": "热门类型",
+ "term.confirmLogout": "你确定要退出登录吗?",
+ "term.creditDesignedBy": "由 ${authorUsername} 设计",
+ "term.discNumber": "碟 ${discNumber}",
+ "term.reload" : "重新载入 Cider?",
+ "term.toggleprivate": "切换隐身聆听",
+ "term.webremote": "远程控制",
+ "term.cast": "投射",
+ "term.cast2" : "投射到设备",
+ "term.quit" : "退出应用",
+ "term.zoomin" : "放大",
+ "term.zoomout" : "缩小",
+ "term.zoomreset" : "重置缩放",
+ "term.fullscreen" : "全屏模式",
+ "term.nowPlaying": "正在播放",
"home.syncFavorites": "同步喜爱艺人",
"home.syncFavorites.gettingArtists": "获取喜爱艺人...",
+ "action.favorite": "喜爱",
+ "action.removeFavorite": "取消喜爱",
+ "action.refresh": "刷新",
"home.title": "主页",
"home.recentlyPlayed": "最近播放",
"home.recentlyAdded": "最近添加",
@@ -202,16 +222,15 @@
"podcast.episodes": "单集",
"podcast.playEpisode": "播放单集",
"podcast.website": "Podcast 网站",
- "action.favorite":"喜爱",
- "action.removeFavorite":"取消喜爱",
- "action.hideLibrary":"隐藏资料库",
- "action.showLibrary":"显示资料库",
- "action.cut":"剪切",
- "action.paste":"粘贴",
- "action.selectAll":"全选",
- "action.delete":"删除",
+ "action.hideLibrary": "隐藏资料库",
+ "action.showLibrary": "显示资料库",
+ "action.cut": "剪切",
+ "action.paste": "粘贴",
+ "action.selectAll": "全选",
+ "action.delete": "删除",
"action.edit": "编辑",
"action.done": "完成",
+ "action.submit": "提交",
"action.editTracklist": "编辑歌曲清单",
"action.addToLibrary": "加入资料库",
"action.addToLibrary.success": "成功加入资料库",
@@ -227,7 +246,7 @@
"action.createPlaylist": "新建播放列表",
"action.addToPlaylist": "添加到播放列表",
"action.removeFromPlaylist": "从播放列表移除",
- "action.addToFavorites": "加至收藏",
+ "action.addToFavorites": "添加至收藏",
"action.follow": "关注",
"action.follow.success": "已关注",
"action.follow.error": "尝试关注的过程发生了错误",
@@ -239,7 +258,7 @@
"action.startRadio": "开始电台",
"action.goToArtist": "前往艺人",
"action.goToAlbum": "前往专辑",
- "action.showInPlaylist":"在播放列表中显示",
+ "action.showInPlaylist": "在播放列表中显示",
"action.showInAppleMusic": "在 Apple Music 中显示",
"action.moveToTop": "移到顶部",
"action.share": "分享歌曲",
@@ -256,11 +275,7 @@
"action.export": "导出",
"action.showAlbum": "显示专辑",
"action.tray.minimize": "最小化",
- "action.tray.quit": "退出",
"action.tray.show": "显示 Cider",
- "action.tray.playpause": "播放/暂停",
- "action.tray.next": "下一首",
- "action.tray.previous": "上一首",
"action.tray.listento": "Listen To:",
"action.update": "更新",
"action.install": "安装",
@@ -269,7 +284,7 @@
"action.deletepreset": "删除默认",
"action.open": "打开",
"action.close": "关闭",
- "action.relaunch.confirm":"你想重新启动 Cider 吗?",
+ "action.relaunch.confirm": "你想重新启动 Cider 吗?",
"action.cast.chromecast": "Chromecast",
"action.cast.todevices": "投射到设备",
"action.cast.stop": "停止投射到所有设备",
@@ -280,49 +295,29 @@
"action.createNew": "添加...",
"action.openArtworkInBrowser": "在浏览器中打开专辑封面",
"action.scrollToTop": "回到顶部",
- "menubar.options.about": "关于",
- "menubar.options.settings": "设置",
- "menubar.options.quit": "退出 Cider",
"menubar.options.view": "查看 ",
"menubar.options.reload": "重新载入",
"menubar.options.forcereload": "强制重新载入",
"menubar.options.toggledevtools": "切换开发人员工具",
"menubar.options.window": "窗口",
"menubar.options.minimize": "最小化",
- "menubar.options.toggleprivate": "切换隐身聆听",
- "menubar.options.webremote": "远程控制",
- "menubar.options.audio": "音频设定",
"menubar.options.plugins": "插件目录",
"menubar.options.controls": "控制",
- "menubar.options.next": "下一首",
- "menubar.options.playpause": "播放/暂停",
- "menubar.options.previous": "上一首",
"menubar.options.volumeup": "增大音量",
"menubar.options.volumedown": "减小音量",
- "menubar.options.browse": "浏览",
- "menubar.options.artists": "艺人",
- "menubar.options.search": "搜索",
- "menubar.options.albums": "专辑",
- "menubar.options.cast": "投射至设备",
"menubar.options.account": "账户",
- "menubar.options.accountsettings": "账户设置",
"menubar.options.signout": "注销",
"menubar.options.support": "支持",
- "menubar.options.discord": "Discord",
- "menubar.options.github": "GitHub Wiki",
"menubar.options.report": "报告...",
"menubar.options.bug": "Bug",
"menubar.options.feature": "功能请求",
"menubar.options.trans": "翻译报告/请求",
"menubar.options.license": "查看授权",
"menubar.options.conf": "在编辑器打开配置文件",
- "menubar.options.listennow": "现在就听",
- "menubar.options.recentlyAdded": "最近添加",
- "menubar.options.songs": "歌曲",
+ "menubar.options.zoom": "缩放",
"settings.header.general": "通用",
"settings.header.general.description": "调整 Cider 的通用设置",
- "settings.option.audio.volumeStep": "音量改变量",
- "settings.option.audio.maxVolume": "最大音量",
+ "settings.option.general.language": "语言",
"settings.option.general.resumebehavior": "恢复行为",
"settings.option.general.resumebehavior.description": "会影响你回到 Cider 应用程序时,恢复歌曲的方式。",
"settings.option.general.resumebehavior.locally": "本地",
@@ -333,61 +328,66 @@
"settings.option.general.resumetabs.description": "你可以选择启动 Cider 时要默认打开的页面。",
"settings.option.general.resumetabs.dynamic": "动态",
"settings.option.general.resumetabs.dynamic.description": "Cider 将自动打开你上次停留的页面。",
- "settings.option.general.language": "语言",
"settings.option.general.language.main": "语言",
"settings.option.general.language.fun": "恶搞语言",
"settings.option.general.language.unsorted": "未分类",
"settings.option.general.customizeSidebar": "自定义侧边栏的功能",
"settings.option.general.customizeSidebar.customize": "自定义",
"settings.option.general.keybindings": "快捷操作键",
- "settings.option.general.keybindings.pressCombination":"按下两个键组合来更新操作设定。",
+ "settings.option.general.keybindings.library": "资料库",
+ "settings.option.general.keybindings.session": "聆听",
+ "settings.option.general.keybindings.control": "控制",
+ "settings.option.general.keybindings.interface": "界面",
+ "settings.option.general.keybindings.advanced": "高级",
+ "settings.option.general.keybindings.pressCombination": "按下两个键组合来更新操作设定。",
"settings.option.general.keybindings.pressEscape": "按下 Esc 键返回。",
- "settings.notyf.general.keybindings.update.success":"快捷键更新成功。",
- "settings.prompt.general.keybindings.update.success":"快捷键更新成功,按下 OK 重新启动 Cider.",
- "settings.option.general.keybindings.open": "打开",
- "settings.option.general.themeUpdateNotification":"自动检查主题更新",
- "settings.option.general.showLovedTracksInline":"行内显示喜爱曲目",
- "settings.description.search":"搜索",
- "settings.description.albums":"资料库专辑",
- "settings.description.artists":"资料库艺人",
- "settings.description.browse":"浏览",
- "settings.description.private":"隐身聆听",
- "settings.description.remote":"远程控制",
- "settings.description.audio":"音频设定",
- "settings.description.plugins":"插件目录",
- "settings.description.cast":"投射到装置",
- "settings.description.settings":"设置",
- "settings.description.developer":"开发者",
- "settings.description.listnow":"现在就听",
- "settings.description.recentAdd":"最近加入",
- "settings.description.songs":"歌曲",
+ "settings.notyf.general.keybindings.update.success": "快捷键更新成功。",
+ "settings.prompt.general.keybindings.update.success": "快捷键更新成功,按下 OK 重新启动 Cider。",
+ "settings.option.general.themeUpdateNotification": "自动检查主题更新",
+ "settings.option.general.showLovedTracksInline": "行内显示喜爱曲目",
+ "settings.description.search": "搜索",
+ "settings.description.albums": "资料库专辑",
+ "settings.description.artists": "资料库艺人",
+ "settings.description.browse": "浏览",
+ "settings.description.private": "隐身聆听",
+ "settings.description.remote": "远程控制",
+ "settings.description.audio": "音频设定",
+ "settings.description.plugins": "插件目录",
+ "settings.description.cast": "投射到装置",
+ "settings.description.settings": "设置",
+ "settings.description.developer": "开发者",
+ "settings.description.listnow": "现在就听",
+ "settings.description.recentAdd": "最近加入",
+ "settings.description.songs": "歌曲",
"settings.notyf.updateCider.update-not-available": "没有可用的更新",
"settings.notyf.updateCider.update-downloaded": "更新已成功下载,重启后进行更新",
"settings.notyf.updateCider.update-timeout": "更新超时",
"settings.header.audio": "音频",
"settings.header.audio.description": "调整 Cider 的音频设置",
- "settings.option.audio.advanced":"高级功能",
- "settings.option.audio.changePlaybackRate":"修改播放速度",
- "settings.option.audio.playbackRate":"播放速度",
- "settings.option.audio.playbackRate.change":"修改",
+ "settings.option.audio.volumeStep": "音量改变量",
+ "settings.option.audio.advanced": "高级功能",
+ "settings.option.audio.maxVolume": "最大音量",
+ "settings.option.audio.changePlaybackRate": "修改播放速度",
+ "settings.option.audio.playbackRate": "播放速度",
+ "settings.option.audio.playbackRate.change": "修改",
"settings.option.audio.quality": "音质",
"settings.header.audio.quality.hireslossless": "高解析度无损",
"settings.header.audio.quality.hireslossless.description": "(最高 24 位/192 kHz)",
"settings.header.audio.quality.lossless": "无损",
"settings.header.audio.quality.lossless.description": "(最高 24 位/48 kHz)",
"settings.header.audio.quality.high": "高音质",
- "settings.header.audio.quality.high.description":"256 kbps",
+ "settings.header.audio.quality.high.description": "256 kbps",
"settings.header.audio.quality.standard": "高效率",
- "settings.header.audio.quality.standard.description":"64 kbps",
+ "settings.header.audio.quality.standard.description": "64 kbps",
"settings.option.audio.seamlessTransition": "无缝播放",
"settings.option.audio.enableAdvancedFunctionality": "高级音频功能",
"settings.option.audio.enableAdvancedFunctionality.description": "打开 AudioContext 将启用类似音量平衡和等化器的高级设置。但这并不一定适合每部电脑,可能会发生音乐卡顿。",
- "settings.warn.audio.enableAdvancedFunctionality.lowcores":"您的电脑可能无法处理这些功能, 您确定要继续?",
+ "settings.warn.audio.enableAdvancedFunctionality.lowcores": "您的电脑可能无法处理这些功能, 您确定要继续?",
"settings.option.audio.audioLab": "Cider 音频实验室",
"settings.option.audio.audioLab.description": "包含由 Cider 开发团队进行的各种音频优化功能。",
- "settings.option.audio.audioLab.subheader":"Designed by Cider Acoustic Technologies in California",
+ "settings.option.audio.audioLab.subheader": "Designed by Cider Acoustic Technologies in California",
"settings.warn.audioLab.withoutAF": "使用 Cider 音频实验室需要打开进阶音频功能才可使用。",
- "settings.warn.enableAdvancedFunctionality":"此功能需要开启高级音频功能才可使用。",
+ "settings.warn.enableAdvancedFunctionality": "此功能需要开启高级音频功能才可使用。",
"settings.option.audio.enableAdvancedFunctionality.analogWarmth": "模拟温暖",
"settings.option.audio.enableAdvancedFunctionality.analogWarmth.description": "以 Korg Nutube 6P1 为蓝本的模拟温暖。",
"settings.option.audio.enableAdvancedFunctionality.analogWarmthIntensity": "模拟温暖强度",
@@ -405,19 +405,19 @@
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.E168_1": "春毫茉莉玛琪雅朵",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z3600": "北海道奶茶",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500A": "月光软饼干",
- "settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.BSCBM":"布蕾黑糖鲜奶",
+ "settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.BSCBM": "布蕾黑糖鲜奶",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500B": "樱桃克拉芙缇",
"settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.Z8500C": "宇治抹茶麻糬",
- "settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.CUDDLE":"温暖抱抱",
+ "settings.option.audio.enableAdvancedFunctionality.atmosphereRealizerMode.CUDDLE": "温暖抱抱",
"settings.option.audio.enableAdvancedFunctionality.ciderPPE": "Cider 数码增强音频处理™️",
"settings.option.audio.enableAdvancedFunctionality.ciderPPE.description": "通过人类的听力心理学模型和 AAC 编码特色的即时算法,强化 AAC 音频的感知音频质量。",
+ "settings.warn.audio.enableAdvancedFunctionality.ciderPPE.compatibility": "数码增强音频处理与空间音频不兼容,请先停用空间音频。",
"settings.option.audio.enableAdvancedFunctionality.ciderPPEStrength": "数码增强音频处理设置",
"settings.option.audio.enableAdvancedFunctionality.ciderPPEStrength.description": "将更改音频处理的激进/振奋程度(增强选项有可能会引起杂讯)。",
"settings.option.audio.enableAdvancedFunctionality.ciderPPEStrength.standard": "标准",
- "settings.option.audio.enableAdvancedFunctionality.ciderPPEStrength.adaptive":"自适应",
- "settings.option.audio.enableAdvancedFunctionality.ciderPPEStrength.legacy":"传统",
+ "settings.option.audio.enableAdvancedFunctionality.ciderPPEStrength.adaptive": "自适应",
+ "settings.option.audio.enableAdvancedFunctionality.ciderPPEStrength.legacy": "传统",
"settings.option.audio.enableAdvancedFunctionality.ciderPPEStrength.aggressive": "增强",
- "settings.warn.audio.enableAdvancedFunctionality.ciderPPE.compatibility":"数码增强音频处理与空间音频不兼容,请先停用空间音频。",
"settings.option.audio.enableAdvancedFunctionality.audioNormalization": "音量平衡",
"settings.option.audio.enableAdvancedFunctionality.audioNormalization.description": "自动将歌曲播放音量调整到相同水平,享受更舒适的聆听体验。",
"settings.option.audio.enableAdvancedFunctionality.audioNormalization.disabled": "此功能由音频实验室管理",
@@ -426,28 +426,25 @@
"settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile": "Cider 音频空间配置档",
"settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.description": "变更音频空间的配置档,需重新启动应用程序。",
"settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.standard": "标准",
- "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.soundstage":"声场",
- "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.separation":"分离感",
- "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.minimal":"微调",
+ "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.soundstage": "声场",
+ "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.separation": "分离感",
+ "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.minimal": "微调",
"settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.audiophile": "发烧友",
+ "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.diffused": "扩散",
+ "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.bplk": "安可",
+ "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.hw2k": "延长版安可",
"settings.warn.audio.enableAdvancedFunctionality.audioSpatialization.compatibility": "音频空间无法与 CAP 相容,请关闭 CAP 在进行操作。",
- "settings.option.audio.dbspl.display":"显示 dB SPL(声压)",
- "settings.option.audio.dbspl.description":"(专业用户选项) 音量滑动条显示 dB SPL 而非 dBFS.",
- "settings.option.audio.dbfs.calibration":"0 dBFS 校正",
- "settings.option.audio.dbfs.description":"Enter the peak Z-weighted dB SPL when Cider is at 0 dBFS.",
- "settings.option.visual.uiscale": "UI界面大小",
+ "settings.option.audio.dbspl.display": "显示 dB SPL(声压)",
+ "settings.option.audio.dbspl.description": "(专业用户选项) 音量滑动条显示 dB SPL 而非 dBFS。",
+ "settings.option.audio.dbfs.calibration": "0 dBFS 校正",
+ "settings.option.audio.dbfs.description": "输入当 Cider 为 0 dBFS 时的峰值 Z 加权 dB SPL。",
"settings.header.visual": "外观",
"settings.header.visual.description": "调整 Cider 的外观",
- "settings.option.visual.windowStyle":"窗口风格",
- "settings.option.visual.customAccentColor": "自定义强调色",
- "settings.option.visual.accentColor": "强调色",
- "settings.option.visual.purplePodcastPlaybackBar": "播放播客时使用紫色进度条",
- "settings.option.visual.windowColor": "窗口色调",
+ "settings.option.visual.windowStyle": "窗口风格",
"settings.option.visual.windowBackgroundStyle": "窗口背景样式",
"settings.header.visual.windowBackgroundStyle.none": "无",
"settings.header.visual.windowBackgroundStyle.artwork": "专辑插图",
"settings.header.visual.windowBackgroundStyle.image": "图像",
- "settings.header.visual.windowBackgroundStyle.color":"色调",
"settings.option.visual.animatedArtwork": "动态专辑插图",
"settings.header.visual.animatedArtwork.always": "总是显示",
"settings.header.visual.animatedArtwork.limited": "只在艺人页面和专辑插图显示",
@@ -463,21 +460,22 @@
"settings.option.visual.hardwareAcceleration.description": "需要重启 Cider 才会生效",
"settings.header.visual.hardwareAcceleration.default": "默认",
"settings.header.visual.hardwareAcceleration.webGPU": "WebGPU",
+ "settings.option.visual.uiscale": "UI界面大小",
"settings.header.visual.theme": "主题",
"settings.option.visual.theme.github.download": "从 GitHub 链接安装",
- "settings.option.visual.theme.github.openfolder":"开启主题文件夹",
+ "settings.option.visual.theme.github.openfolder": "开启主题文件夹",
"settings.option.visual.theme.github.explore": "浏览 GitHub 上的主题",
- "settings.header.visual.theme.github.page":"GitHub 上的主题",
- "settings.option.visual.theme.github.install.confirm":"你确定要安装 {{ repo }}",
+ "settings.header.visual.theme.github.page": "GitHub 上的主题",
+ "settings.option.visual.theme.github.install.confirm": "你确定要安装 {{ repo }}",
"settings.prompt.visual.theme.github.URL": "输入您要安装的窗口主题链接",
- "settings.prompt.visual.theme.uninstallTheme":"你确定要删除 {{ theme }}",
- "settings.option.visual.theme.checkForUpdates":"检查更新",
+ "settings.prompt.visual.theme.uninstallTheme": "你确定要删除 {{ theme }}",
+ "settings.option.visual.theme.checkForUpdates": "检查更新",
"settings.header.visual.styles": "主题",
- "settings.option.visual.theme.manageStyles":"管理风格",
- "settings.option.visual.theme.uninstall":"卸载",
- "settings.option.visual.theme.viewInfo":"查看信息",
- "settings.option.visual.theme.github.available":"可使用的主题",
- "settings.option.visual.theme.github.applied":"已应用",
+ "settings.option.visual.theme.manageStyles": "管理主题",
+ "settings.option.visual.theme.uninstall": "卸载",
+ "settings.option.visual.theme.viewInfo": "查看信息",
+ "settings.option.visual.theme.github.available": "可使用的主题",
+ "settings.option.visual.theme.github.applied": "已应用",
"settings.notyf.visual.theme.install.success": "主题成功安装",
"settings.notyf.visual.theme.install.error": "主题安装失败",
"settings.header.visual.plugin": "插件",
@@ -509,16 +507,16 @@
"settings.option.lyrics.enableQQLyrics": "启用 QQ 音乐的歌词",
"settings.header.connectivity": "外部连接",
"settings.header.connectivity.description": "调整 Cider 与外部应用的交互设置",
- "settings.option.connectivity.discordRPC": "Discord 动态",
"settings.option.connectivity.playbackNotifications": "歌曲播放通知",
+ "settings.option.connectivity.discordRPC": "Discord 动态",
"settings.option.connectivity.discordRPC.clientName": "应用程序名称",
"settings.option.connectivity.discordRPC.clearOnPause": "暂停时清除 Discord 动态",
"settings.option.connectivity.discordRPC.hideButtons": "隐藏 Discord 动态上的按钮",
- "settings.option.connectivity.discordRPC.hideTimestamp":"隐藏 Discord 动态上的时间戳",
+ "settings.option.connectivity.discordRPC.hideTimestamp": "隐藏 Discord 动态上的时间戳",
"settings.option.connectivity.discordRPC.detailsFormat": "详细信息格式",
"settings.option.connectivity.discordRPC.stateFormat": "动态格式",
- "settings.option.connectivity.discordRPC.reload":"重新加载 DiscordRPC",
- "settings.option.connectivity.discordRPC.reconnectedToUser":"DiscordRPC 重新连接至用户: {{user}} ({{userid}})",
+ "settings.option.connectivity.discordRPC.reload": "重新加载 DiscordRPC",
+ "settings.option.connectivity.discordRPC.reconnectedToUser": "DiscordRPC 重新连接至用户: {{user}} ({{userid}})",
"settings.option.connectivity.lastfmScrobble": "Last.FM 音乐记录",
"settings.option.connectivity.lastfmScrobble.delay": "Last.FM 歌曲追踪延迟 (%)",
"settings.option.connectivity.lastfmScrobble.nowPlaying": "打开 Last.FM 正在聆听",
@@ -541,15 +539,21 @@
"settings.option.experimental.unknownPlugin.description": "允许从 Cider 来源以外的 repo 安装插件",
"settings.option.experimental.compactUI": "紧凑型 UI",
"settings.option.window.close_button_hide": "关闭按钮将 Cider 隐藏至系统栏",
+ "settings.option.window.maxElementScale": "最大元素比例",
"settings.option.experimental.inline_playlists": "将播放列表做为行内元素显示",
"settings.option.advanced.playlistTrackMapping": "播放列表追踪映射",
"settings.option.advanced.playlistTrackMapping.description": "打开对播放列表的深度扫描,以确认歌曲在哪些播放列表中。但播放列表加载时间会显著增加。",
"settings.option.visual.transparent": "透明窗口框架",
"settings.option.visual.transparent.description": "需主题有支持透明框架,且须重新启动才会生效。",
+ "settings.option.visual.customAccentColor": "自定义强调色",
+ "settings.option.visual.accentColor": "强调色",
+ "settings.option.visual.purplePodcastPlaybackBar": "播放播客时使用紫色进度条",
+ "settings.option.visual.windowColor": "窗口色调",
+ "settings.header.visual.windowBackgroundStyle.color": "色调",
"settings.header.advanced": "高级",
- "settings.header.connect":"同步",
- "settings.option.connect.link_account":"开启 Cider Connect 同步",
- "settings.option.connect.link_account.description":"将您的 Discord 帐户与 Cider Connect 关联后,您可以储存用户资料,包括设定、均衡器,并在后续版本中加入更多可同步选项。(正在更新中)",
+ "settings.header.connect": "同步",
+ "settings.option.connect.link_account": "开启 Cider Connect 同步",
+ "settings.option.connect.link_account.description": "将您的 Discord 帐户与 Cider Connect 关联后,您可以储存用户资料,包括设定、均衡器,并在后续版本中加入更多可同步选项。(正在更新中)",
"spatial.notTurnedOn": "请在设置中开启空间音频。",
"spatial.spatialProperties": "空间属性",
"spatial.width": "宽度",
@@ -572,54 +576,54 @@
"settings.header.unfinished": "未完成",
"remote.web.title": "Cider 远程控制",
"remote.web.description": "扫描以下的二维码以控制 Cider",
+ "share.platform.twitter.tweet": "在 Apple Music 上聆听 {{song}}。 \n\n{{url}}\n\n#AppleMusic #Cider",
+ "share.platform.twitter": "Twitter",
+ "share.platform.facebook": "Facebook",
+ "share.platform.reddit": "Reddit",
+ "share.platform.telegram": "Telegram",
+ "share.platform.whatsapp": "WhatsApp",
+ "share.platform.messenger": "Messenger",
+ "share.platform.email": "电子邮件",
+ "share.platform.songLink": "复制 song.link 链接",
+ "share.platform.clipboard": "复制到剪贴板",
"about.thanks": "郑重感谢 Cider Collective 以及为这个项目提供支持的贡献者。",
- "share.platform.twitter.tweet":"在 Apple Music 上聆听 {{song}}。 \n\n{{url}}\n\n#AppleMusic #Cider",
- "share.platform.twitter":"Twitter",
- "share.platform.facebook":"Facebook",
- "share.platform.reddit":"Reddit",
- "share.platform.telegram":"Telegram",
- "share.platform.whatsapp":"WhatsApp",
- "share.platform.messenger":"Messenger",
- "share.platform.email":"电子邮件",
- "share.platform.songLink":"复制 song.link 链接",
- "share.platform.clipboard":"复制到剪贴板",
- "oobe.yes":"好的",
- "oobe.no":"不",
- "oobe.next":"下一步",
- "oobe.previous":"上一步",
- "oobe.done":"完成",
- "oobe.amupsell.title":"在我们开始之前",
- "oobe.amupsell.text":"使用 Cider 需要付费的 Apple Music 订阅。\nCider 不能在 Apple Music Voice 计划或某些促销试用订阅状态下使用。 如果您已经订阅 Apple Music,请点击下一步继续。",
- "oobe.amupsell.subscribeBtn":"订阅 Apple Music",
- "oobe.amupsell.explainBtn":"这是什么?",
- "oobe.amupsell.subscribeUrl":"https://apple.co/3MdqJVQ",
- "oobe.amupsell.amWebUrl":"https://beta.music.apple.com/",
- "oobe.amupsell.promoExplained":"Cider 无法获取部分促销活动与非美区 Apple Muisc 试用状态下的网络播放器API. 要验证您的试用订阅是否能够在Cider内使用, 点击{{ amWebUrl }}, 登陆后尝试播放音乐。如果能够播放,您就可以使用 Cider 了!否则请考虑订阅 Apple Music 服务: {{ subscribeUrl }}。",
- "oobe.intro.title":"欢迎使用 Cider",
- "oobe.intro.subtitle":"",
- "oobe.intro.text":"为了按您喜欢的方式使用 Cider ,请先完成一些设置。您之后可以随时改变这些设置。",
- "oobe.general.title":"通用设置",
- "oobe.general.subtitle":"",
- "oobe.general.text":"",
- "oobe.audio.title":"音频设置",
- "oobe.audio.subtitle":"",
- "oobe.audio.text":"Cider 能够自定义调整和设置的音频属性,提供丰富的高品质音频体验,包括Cider Adrenaline Processor,气氛实现器和空间音频。要启用这些功能,必须启用 \"高级音频功能\"。",
- "oobe.audio.advancedFunctionality":"",
- "oobe.visual.title":"外观设置",
- "oobe.visual.subtitle":"",
- "oobe.visual.text":"",
- "oobe.visual.layout.text":"Cider 拥有两种不同的窗口布局。Maverick 是一个类似 iTunes 的布局,播放器在窗口的顶部。Mojave 是由 Cider 团队设计的一种新的布局。您可以在设置中随时改变布局。",
- "oobe.visual.suggestingThemes":"主题能够个性化您的播放器。以下是推荐的几个主题:",
- "oobe.visual.suggestingThemes.subtext":"(主题会从 GitHub 上下载)",
- "oobe.visual.suggestingThemes.default":"Cider",
- "oobe.visual.suggestingThemes.default.text":"传统的 Cider 主题。",
- "oobe.visual.suggestingThemes.dark":"Dark",
- "oobe.visual.suggestingThemes.dark.text":"暗黑模式。",
- "oobe.visual.suggestingThemes.community1":"Groovy",
- "oobe.visual.suggestingThemes.community1.text":"类 WinUI 主题。",
- "oobe.visual.suggestingThemes.community2":"iTheme",
- "oobe.visual.suggestingThemes.community2.text":"基于 MacOS Monterey 的 Apple Music beta 主题。",
- "oobe.visual.suggestingThemes.community3":"Dracula",
- "oobe.visual.suggestingThemes.community3.text":"著名的德古拉吸血鬼主题。",
+ "oobe.yes": "好的",
+ "oobe.no": "不",
+ "oobe.next": "下一步",
+ "oobe.previous": "上一步",
+ "oobe.done": "完成",
+ "oobe.amupsell.title": "在我们开始之前",
+ "oobe.amupsell.text": "使用 Cider 需要付费的 Apple Music 订阅。\nCider 不能在 Apple Music Voice 计划或某些促销试用订阅状态下使用。 如果您已经订阅 Apple Music,请点击下一步继续。",
+ "oobe.amupsell.subscribeBtn": "订阅 Apple Music",
+ "oobe.amupsell.explainBtn": "这是什么?",
+ "oobe.amupsell.subscribeUrl": "https://apple.co/3MdqJVQ",
+ "oobe.amupsell.amWebUrl": "https://beta.music.apple.com/",
+ "oobe.amupsell.promoExplained": "Cider 无法获取部分促销活动与非美区 Apple Muisc 试用状态下的网络播放器API. 要验证您的试用订阅是否能够在Cider内使用, 点击{{ amWebUrl }}, 登陆后尝试播放音乐。如果能够播放,您就可以使用 Cider 了!否则请考虑订阅 Apple Music 服务: {{ subscribeUrl }}。",
+ "oobe.intro.title": "欢迎使用 Cider",
+ "oobe.intro.subtitle": "",
+ "oobe.intro.text": "为了按您喜欢的方式使用 Cider ,请先完成一些设置。您之后可以随时改变这些设置。",
+ "oobe.general.title": "通用设置",
+ "oobe.general.subtitle": "",
+ "oobe.general.text": "",
+ "oobe.audio.title": "音频设置",
+ "oobe.audio.subtitle": "",
+ "oobe.audio.text": "Cider 能够自定义调整和设置的音频属性,提供丰富的高品质音频体验,包括Cider Adrenaline Processor,气氛实现器和空间音频。要启用这些功能,必须启用 \"高级音频功能\"。",
+ "oobe.audio.advancedFunctionality": "",
+ "oobe.visual.title": "外观设置",
+ "oobe.visual.subtitle": "",
+ "oobe.visual.text": "",
+ "oobe.visual.layout.text": "Cider 拥有两种不同的窗口布局。Maverick 是一个类似 iTunes 的布局,播放器在窗口的顶部。Mojave 是由 Cider 团队设计的一种新的布局。您可以在设置中随时改变布局。",
+ "oobe.visual.suggestingThemes": "主题能够个性化您的播放器。以下是推荐的几个主题:",
+ "oobe.visual.suggestingThemes.subtext": "(主题会从 GitHub 上下载)",
+ "oobe.visual.suggestingThemes.default": "Cider",
+ "oobe.visual.suggestingThemes.default.text": "经典的 Cider 主题。",
+ "oobe.visual.suggestingThemes.dark": "Dark",
+ "oobe.visual.suggestingThemes.dark.text": "暗黑模式。",
+ "oobe.visual.suggestingThemes.community1": "Groovy",
+ "oobe.visual.suggestingThemes.community1.text": "类 WinUI 主题。",
+ "oobe.visual.suggestingThemes.community2": "iTheme",
+ "oobe.visual.suggestingThemes.community2.text": "经典的苹果风主题。",
+ "oobe.visual.suggestingThemes.community3": "Dracula",
+ "oobe.visual.suggestingThemes.community3.text": "著名的德古拉吸血鬼主题。",
"oobe.amsignin.title": ""
}
From 852813ea83a48dacfde3823e4d260e54a3539d8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=A5=E5=8F=A1?=
<46503943+jay900604@users.noreply.github.com>
Date: Mon, 11 Jul 2022 07:25:49 +0800
Subject: [PATCH 240/289] Update zh_TW.json (#1260)
Update TW language.
---
src/i18n/zh_TW.json | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/src/i18n/zh_TW.json b/src/i18n/zh_TW.json
index b0062b7b..6d30e581 100644
--- a/src/i18n/zh_TW.json
+++ b/src/i18n/zh_TW.json
@@ -135,6 +135,7 @@
"term.videos": "音樂錄影帶",
"term.menu": "選單",
"term.check": "檢查",
+ "term.themeManaged": "此功能現在由主題管理。",
"term.aboutArtist": "關於{{artistName}}",
"term.requestError": "請求發生錯誤。",
"term.song.link.generate": "正在取得 song.link 的分享網址...",
@@ -145,6 +146,7 @@
"term.plugins": "模組",
"term.pluginMenu": "模組選單",
"term.pluginMenu.none": "沒有交互式模組",
+ "term.fullscreen" : "全螢幕模式",
"home.title": "首頁",
"home.recentlyPlayed": "最近播放",
"home.recentlyAdded": "最近加入",
@@ -233,6 +235,7 @@
"action.cast.scanning": "尋找中...",
"action.createNew": "新增...",
"action.refresh": "重新整理",
+ "menubar.options.reload": "重新載入",
"settings.header.general": "一般",
"settings.header.general.description": "調整 Cider 的一般設定",
"settings.option.general.resumebehavior": "還原行為",
@@ -368,6 +371,7 @@
"settings.option.visual.showPersonalInfo": "顯示個人檔案",
"settings.header.window": "視窗",
"settings.header.window.description": "調整 Cider 的視窗設定",
+ "settings.option.window.maxElementScale": "最大元素比例",
"settings.option.window.openOnStartup": "開機時,啟動 Cider ",
"settings.option.window.openOnStartup.hidden": "啟動時,自動隱藏至系統列",
"settings.option.window.useNativeTitleBar": "使用原生視窗標題列",
From 363fde0f9a20ec7edfee4b8b583e0a47d077aa26 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sun, 10 Jul 2022 16:47:38 -0700
Subject: [PATCH 241/289] performant logging is enabled by default
---
src/main/base/store.ts | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/main/base/store.ts b/src/main/base/store.ts
index 4267623d..2f5a0cf6 100644
--- a/src/main/base/store.ts
+++ b/src/main/base/store.ts
@@ -254,7 +254,7 @@ export class Store {
"experiments": [],
"playlistTrackMapping": true,
"ffmpegLocation": "",
- "disableLogging": false
+ "disableLogging": true
},
"connectUser": {
"auth": null,
From 9b7246ea49ed223cd783868121d1439f83b7cf93 Mon Sep 17 00:00:00 2001
From: maikirakiwi
Date: Sun, 10 Jul 2022 17:26:31 -0700
Subject: [PATCH 242/289] test getting rid of lyriccurrenttime
---
src/renderer/main/vueapp.js | 2 +-
src/renderer/views/app/app-navigation.ejs | 2 +-
src/renderer/views/main.ejs | 4 ++--
3 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index e964c525..fb19178a 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -925,7 +925,7 @@ const app = new Vue({
})
this.mk.addEventListener(MusicKit.Events.playbackTimeDidChange, (a) => {
- self.lyriccurrenttime = self.mk.currentPlaybackTime - app.lyricOffset
+ // self.lyriccurrenttime = self.mk.currentPlaybackTime - app.lyricOffset
this.currentSongInfo = a
self.playerLCD.playbackDuration = (self.mk.currentPlaybackTime)
// wsapi
diff --git a/src/renderer/views/app/app-navigation.ejs b/src/renderer/views/app/app-navigation.ejs
index 83280293..2f072641 100644
--- a/src/renderer/views/app/app-navigation.ejs
+++ b/src/renderer/views/app/app-navigation.ejs
@@ -146,7 +146,7 @@
-
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index 44cbb9df..34310e98 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -121,7 +121,12 @@
+
+
+
+
+
+
+
{{ data.views["latest-releases"].attributes.title ?? ""}}
+
+
+
+
+
+
+
+
+
+
+
+
{{ data.views["top-releases"].attributes.title ?? ""}}
+
+
+
+
+
+
+
+
+
+
+
+
Playlists
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/smth.json b/src/smth.json
deleted file mode 100644
index b84b517a..00000000
--- a/src/smth.json
+++ /dev/null
@@ -1,557 +0,0 @@
-{
- "CookieSPAEnabled": false,
- "MultiVariantTestingEnabled": false,
- "UseV2": true,
- "MobileSDK": false,
- "SkipGeolocation": false,
- "ScriptType": "PRODUCTION",
- "Version": "6.26.0",
- "OptanonDataJSON": "50da44be-0564-43df-b139-329aedcf267b",
- "GeolocationUrl": "https://geolocation.onetrust.com/cookieconsentpub/v1/geo/location",
- "BulkDomainCheckUrl": "https://cookies-data.onetrust.io/bannersdk/v1/domaingroupcheck",
- "RuleSet": [
- {
- "Id": "fb7c8fa7-d912-4e6b-a0ef-181d7466bd99",
- "Name": "Standard Notice Banner",
- "Countries": [
- "ps",
- "hk",
- "pw",
- "ht",
- "qa",
- "id",
- "il",
- "ae",
- "in",
- "ag",
- "za",
- "al",
- "am",
- "ao",
- "zm",
- "au",
- "az",
- "zw",
- "ba",
- "bb",
- "rs",
- "bd",
- "ru",
- "jm",
- "bf",
- "jo",
- "rw",
- "bi",
- "bj",
- "bn",
- "sa",
- "sb",
- "sc",
- "bs",
- "bt",
- "sg",
- "bw",
- "by",
- "bz",
- "sl",
- "sm",
- "ke",
- "sn",
- "kg",
- "kh",
- "ki",
- "ca",
- "sr",
- "st",
- "kn",
- "ch",
- "ci",
- "sz",
- "kr",
- "cm",
- "cn",
- "kw",
- "kz",
- "td",
- "cv",
- "tg",
- "cw",
- "th",
- "la",
- "lb",
- "lc",
- "tl",
- "to",
- "tr",
- "lk",
- "tt",
- "tv",
- "dj",
- "tz",
- "lr",
- "ls",
- "dm",
- "ug",
- "ma",
- "md",
- "me",
- "mg",
- "mh",
- "us",
- "mk",
- "ml",
- "mn",
- "eg",
- "mr",
- "uz",
- "mu",
- "mv",
- "mw",
- "my",
- "mz",
- "vc",
- "na",
- "ne",
- "vn",
- "ng",
- "vu",
- "np",
- "nr",
- "fj",
- "fm",
- "nz",
- "ga",
- "ws",
- "gd",
- "om",
- "ge",
- "gh",
- "gm",
- "gn",
- "gq",
- "gw",
- "gy",
- "pg",
- "ph",
- "pk"
- ],
- "States": {},
- "LanguageSwitcherPlaceholder": {
- "hi": "hi",
- "de": "de",
- "es-BO": "es-BO",
- "zh-Hans": "zh-Hans",
- "zh-Hant": "zh-Hant",
- "es-BZ": "es-BZ",
- "uk": "uk",
- "es-CC": "es-CC",
- "id": "id",
- "ur": "ur",
- "af": "af",
- "es-SV": "es-SV",
- "ms": "ms",
- "es-GT": "es-GT",
- "es-CR": "es-CR",
- "it": "it",
- "es-CL": "es-CL",
- "es": "es",
- "es-CO": "es-CO",
- "es-PE": "es-PE",
- "ar": "ar",
- "vi": "vi",
- "es-PA": "es-PA",
- "ne": "ne",
- "ja": "ja",
- "az": "az",
- "zu": "zu",
- "nl": "nl",
- "es-HN": "es-HN",
- "ru": "ru",
- "es-PR": "es-PR",
- "es-PY": "es-PY",
- "fr": "fr",
- "bn": "bn",
- "es-DO": "es-DO",
- "default": "en",
- "es-EC": "es-EC",
- "en-PH": "en-PH",
- "sr": "sr",
- "sw": "sw",
- "ko": "ko",
- "pt-BR": "pt-BR",
- "es-UY": "es-UY",
- "es-VE": "es-VE",
- "ta": "ta",
- "es-MX": "es-MX",
- "th": "th",
- "es-AR": "es-AR",
- "he": "he",
- "tr": "tr",
- "es-NI": "es-NI"
- },
- "BannerPushesDown": false,
- "Default": false,
- "Global": false,
- "Type": "GENERIC",
- "UseGoogleVendors": false,
- "VariantEnabled": false,
- "TestEndTime": null,
- "Variants": [],
- "TemplateName": "Spotify - Standard Notice Banner",
- "Conditions": [],
- "GCEnable": false
- },
- {
- "Id": "87b34903-3ed8-41e8-873f-df7208bf4ac7",
- "Name": "IAB 2.0 - Germany",
- "Countries": [
- "de"
- ],
- "States": {},
- "LanguageSwitcherPlaceholder": {
- "default": "de"
- },
- "BannerPushesDown": false,
- "Default": false,
- "Global": false,
- "Type": "IAB2",
- "UseGoogleVendors": false,
- "VariantEnabled": false,
- "TestEndTime": null,
- "Variants": [],
- "TemplateName": "Spotify - GDPR IAB Banner (Germany)",
- "Conditions": [],
- "GCEnable": false
- },
- {
- "Id": "047479d5-e10c-4c37-bb58-b85a33337d90",
- "Name": "IAB 2.0 - Reject All Button",
- "Countries": [
- "fr"
- ],
- "States": {},
- "LanguageSwitcherPlaceholder": {
- "no": "no",
- "de": "de",
- "sv": "sv",
- "fi": "fi",
- "pt": "pt",
- "bg": "bg",
- "el": "el",
- "lt": "lt",
- "en": "en",
- "lv": "lv",
- "is": "is",
- "hr": "hr",
- "it": "it",
- "hu": "hu",
- "es": "es",
- "et": "et",
- "cs": "cs",
- "default": "fr",
- "sk": "sk",
- "sl": "sl",
- "pl": "pl",
- "ro": "ro",
- "da": "da",
- "nl": "nl"
- },
- "BannerPushesDown": false,
- "Default": false,
- "Global": false,
- "Type": "IAB2",
- "UseGoogleVendors": false,
- "VariantEnabled": false,
- "TestEndTime": null,
- "Variants": [],
- "TemplateName": "Spotify - GDPR IAB Banner (Reject all button)",
- "Conditions": [],
- "GCEnable": false
- },
- {
- "Id": "9ffca9ee-89d4-4e64-9807-8f72fd75528a",
- "Name": "IAB 2.0",
- "Countries": [
- "no",
- "fi",
- "be",
- "pt",
- "bg",
- "dk",
- "lt",
- "lu",
- "lv",
- "hr",
- "hu",
- "se",
- "si",
- "sk",
- "gb",
- "ie",
- "ee",
- "mt",
- "is",
- "it",
- "gr",
- "es",
- "at",
- "cy",
- "cz",
- "pl",
- "li",
- "ro",
- "nl"
- ],
- "States": {},
- "LanguageSwitcherPlaceholder": {
- "no": "no",
- "de": "de",
- "sv": "sv",
- "fi": "fi",
- "pt": "pt",
- "bg": "bg",
- "el": "el",
- "lt": "lt",
- "lv": "lv",
- "is": "is",
- "hr": "hr",
- "it": "it",
- "fr": "fr",
- "hu": "hu",
- "es": "es",
- "et": "et",
- "cs": "cs",
- "default": "en",
- "sk": "sk",
- "sl": "sl",
- "pl": "pl",
- "ro": "ro",
- "da": "da",
- "nl": "nl"
- },
- "BannerPushesDown": false,
- "Default": true,
- "Global": false,
- "Type": "IAB2",
- "UseGoogleVendors": false,
- "VariantEnabled": false,
- "TestEndTime": null,
- "Variants": [],
- "TemplateName": "Spotify - GDPR IAB Banner",
- "Conditions": [],
- "GCEnable": false
- },
- {
- "Id": "74eec303-d5c3-4488-a6df-cb21b90c2b8c",
- "Name": "Global",
- "Countries": [
- "pr",
- "tw",
- "hm",
- "hn",
- "py",
- "do",
- "ye",
- "ua",
- "ly",
- "dz",
- "um",
- "ec",
- "mm",
- "mo",
- "mp",
- "eh",
- "ad",
- "im",
- "uy",
- "af",
- "ms",
- "io",
- "iq",
- "ai",
- "ir",
- "va",
- "mx",
- "er",
- "ve",
- "et",
- "aq",
- "vg",
- "ar",
- "as",
- "vi",
- "nc",
- "aw",
- "nf",
- "ni",
- "je",
- "fk",
- "bh",
- "jp",
- "nu",
- "fo",
- "bl",
- "bm",
- "bo",
- "wf",
- "bq",
- "br",
- "sd",
- "bv",
- "sh",
- "sj",
- "so",
- "gg",
- "cc",
- "ss",
- "cd",
- "km",
- "gi",
- "cf",
- "sv",
- "cg",
- "gl",
- "sx",
- "kp",
- "sy",
- "ck",
- "cl",
- "co",
- "gs",
- "gt",
- "gu",
- "ky",
- "cr",
- "tc",
- "pa",
- "tf",
- "cu",
- "pe",
- "cx",
- "pf",
- "tj",
- "tk",
- "tm",
- "tn",
- "pm",
- "pn"
- ],
- "States": {},
- "LanguageSwitcherPlaceholder": {
- "hi": "hi",
- "de": "de",
- "es-BO": "es-BO",
- "zh-Hans": "zh-Hans",
- "zh-Hant": "zh-Hant",
- "es-BZ": "es-BZ",
- "uk": "uk",
- "es-CC": "es-CC",
- "id": "id",
- "ur": "ur",
- "af": "af",
- "es-SV": "es-SV",
- "ms": "ms",
- "es-GT": "es-GT",
- "es-CR": "es-CR",
- "it": "it",
- "es-CL": "es-CL",
- "es": "es",
- "es-CO": "es-CO",
- "es-PE": "es-PE",
- "ar": "ar",
- "vi": "vi",
- "es-PA": "es-PA",
- "ne": "ne",
- "ja": "ja",
- "az": "az",
- "zu": "zu",
- "nl": "nl",
- "es-HN": "es-HN",
- "ru": "ru",
- "es-PR": "es-PR",
- "es-PY": "es-PY",
- "fr": "fr",
- "bn": "bn",
- "es-DO": "es-DO",
- "default": "en",
- "es-EC": "es-EC",
- "en-PH": "en-PH",
- "sr": "sr",
- "sw": "sw",
- "ko": "ko",
- "pt-BR": "pt-BR",
- "es-UY": "es-UY",
- "es-VE": "es-VE",
- "ta": "ta",
- "es-MX": "es-MX",
- "th": "th",
- "es-AR": "es-AR",
- "he": "he",
- "tr": "tr",
- "es-NI": "es-NI"
- },
- "BannerPushesDown": false,
- "Default": false,
- "Global": true,
- "Type": "GENERIC",
- "UseGoogleVendors": false,
- "VariantEnabled": false,
- "TestEndTime": null,
- "Variants": [],
- "TemplateName": "Spotify - Standard Notice Banner",
- "Conditions": [],
- "GCEnable": false
- }
- ],
- "IabData": {
- "cookieVersion": "1",
- "createdTime": "2022-05-23T15:50:11.758903",
- "updatedTime": "2022-05-23T15:50:11.758919",
- "cmpId": "28",
- "cmpVersion": "1",
- "consentScreen": "1",
- "consentLanguage": null,
- "vendorListVersion": 0,
- "maxVendorId": 0,
- "encodingType": "0",
- "globalVendorListUrl": "https://cdn.cookielaw.org/vendorlist/iabData.json"
- },
- "IabV2Data": {
- "cookieVersion": "1",
- "createdTime": "2022-05-23T15:50:11.809823",
- "updatedTime": "2022-05-23T15:50:11.809837",
- "cmpId": "28",
- "cmpVersion": "1",
- "consentScreen": "1",
- "consentLanguage": null,
- "vendorListVersion": 144,
- "maxVendorId": 0,
- "encodingType": "0",
- "globalVendorListUrl": "https://cdn.cookielaw.org/vendorlist/iab2Data.json"
- },
- "GoogleData": {
- "vendorListVersion": 1,
- "googleVendorListUrl": "https://cdn.cookielaw.org/vendorlist/googleData.json"
- },
- "ScriptDynamicLoadEnabled": false,
- "TenantFeatures": {
- "CookieV2BannerFocus": true,
- "CookieV2TargetedTemplates": true,
- "CookieV2GPC": true,
- "CookieV2AssignTemplateRule": true,
- "CookieV2GeolocationJsonApi": true,
- "CookieV2TCF21": true,
- "CookieV2RemoveSettingsIcon": true,
- "CookieV2GeneralVendors": true
- },
- "IsSuppressBanner": false,
- "IsSuppressPC": false,
- "PublisherCC": "DE",
- "Domain": "spotify.com",
- "TenantGuid": "f1b38160-cf19-4625-89df-35263d2d97c0",
- "EnvId": "app-de-prod",
- "RemoteActionsEnabled": false,
- "GeoRuleGroupName": "Spotify Domains",
- "GATrackToggle": true,
- "GATrackAssignedCategory": "AS"
-}
\ No newline at end of file
From 123c6bc4d6603f0a895f629a98cd7f168e2d1fa2 Mon Sep 17 00:00:00 2001
From: yazninja
Date: Mon, 11 Jul 2022 22:47:07 +0800
Subject: [PATCH 256/289] no coding at 4am
---
src/renderer/views/app/chrome-bottom.ejs | 4 ++--
src/renderer/views/app/chrome-top.ejs | 4 ++--
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs
index 3be360be..f6843d68 100644
--- a/src/renderer/views/app/chrome-bottom.ejs
+++ b/src/renderer/views/app/chrome-bottom.ejs
@@ -45,10 +45,10 @@
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index 34310e98..c204b119 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -121,10 +121,10 @@
From dea13c0cc6a3214231caab189e053d42031798b9 Mon Sep 17 00:00:00 2001
From: yazninja
Date: Tue, 12 Jul 2022 10:16:22 +0800
Subject: [PATCH 257/289] fix units for local lossless badge
---
src/renderer/views/app/chrome-bottom.ejs | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs
index f6843d68..e1545810 100644
--- a/src/renderer/views/app/chrome-bottom.ejs
+++ b/src/renderer/views/app/chrome-bottom.ejs
@@ -46,7 +46,7 @@
Date: Tue, 12 Jul 2022 10:23:41 +0800
Subject: [PATCH 258/289] fix units for local lossless badge
---
src/renderer/views/app/chrome-top.ejs | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index c204b119..6f4c6958 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -122,7 +122,7 @@
Date: Tue, 12 Jul 2022 10:51:24 +0800
Subject: [PATCH 259/289] remove CAP icon for local files, cuz unsupported
---
src/renderer/views/app/chrome-bottom.ejs | 2 +-
src/renderer/views/app/chrome-top.ejs | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs
index e1545810..44fda15e 100644
--- a/src/renderer/views/app/chrome-bottom.ejs
+++ b/src/renderer/views/app/chrome-bottom.ejs
@@ -48,7 +48,7 @@
-
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index 6f4c6958..948bb41a 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -124,7 +124,7 @@
-
From 12fee3df36c783f070dd9f5fdd957402bd4b4aaa Mon Sep 17 00:00:00 2001
From: Core <64542347+coredev-uk@users.noreply.github.com>
Date: Tue, 12 Jul 2022 21:26:05 +0100
Subject: [PATCH 260/289] mpris overhaul
---
src/main/base/plugins.ts | 14 ++--
src/main/base/utils.ts | 3 +
src/main/index.ts | 4 +-
src/main/plugins/mpris.ts | 142 +++++++++++++++--------------------
src/preload/cider-preload.js | 14 +++-
5 files changed, 84 insertions(+), 93 deletions(-)
diff --git a/src/main/base/plugins.ts b/src/main/base/plugins.ts
index 24402278..5873af4c 100644
--- a/src/main/base/plugins.ts
+++ b/src/main/base/plugins.ts
@@ -16,10 +16,10 @@ import {utils} from './utils';
* @see {@link https://github.com/ciderapp/Cider/wiki/Plugins|Documentation}
*/
export class Plugins {
+ private static PluginMap: any = {};
private basePluginsPath = path.join(__dirname, '../plugins');
private userPluginsPath = path.join(electron.app.getPath('userData'), 'Plugins');
private readonly pluginsList: any = {};
- private static PluginMap: any = {};
constructor() {
this.pluginsList = this.getPlugins();
@@ -35,8 +35,8 @@ export class Plugins {
public getPlugins(): any {
let plugins: any = {};
-
-
+
+
if (fs.existsSync(this.basePluginsPath)) {
fs.readdirSync(this.basePluginsPath).forEach(file => {
if (file.endsWith('.ts') || file.endsWith('.js')) {
@@ -49,8 +49,8 @@ export class Plugins {
}
});
}
-
-
+
+
if (fs.existsSync(this.userPluginsPath)) {
fs.readdirSync(this.userPluginsPath).forEach(file => {
// Plugins V1
@@ -104,9 +104,9 @@ export class Plugins {
public callPlugins(event: string, ...args: any[]) {
for (const plugin in this.pluginsList) {
if (this.pluginsList[plugin][event]) {
- try{
+ try {
this.pluginsList[plugin][event](...args);
- }catch(e) {
+ } catch (e) {
console.error(`[${plugin}] An error was encountered: ${e}`);
console.error(e)
}
diff --git a/src/main/base/utils.ts b/src/main/base/utils.ts
index f2108528..da47e917 100644
--- a/src/main/base/utils.ts
+++ b/src/main/base/utils.ts
@@ -26,6 +26,9 @@ export class utils {
},
previous: () => {
bw.win.webContents.executeJavaScript("MusicKitInterop.previous()")
+ },
+ seek: (seconds: number) => {
+ bw.win.webContents.executeJavaScript(`MusicKit.getInstance().seekToTime(${seconds})`)
}
}
/**
diff --git a/src/main/index.ts b/src/main/index.ts
index 4c13a1a8..be6aadce 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -76,8 +76,8 @@ ipcMain.on("nowPlayingItemDidChange", (_event, attributes) => {
CiderPlug.callPlugins("onNowPlayingItemDidChange", attributes);
});
-ipcMain.on("nowPlayingItemDidChangeLastFM", (_event, attributes) => {
- CiderPlug.callPlugin("lastfm.js", "nowPlayingItemDidChangeLastFM", attributes);
+ipcMain.on("updatePlaybackProgress", (_event, attributes) => {
+ CiderPlug.callPlugins("updatePlaybackProgress", attributes);
})
app.on("before-quit", () => {
diff --git a/src/main/plugins/mpris.ts b/src/main/plugins/mpris.ts
index 6b70c5c8..4dc4f83b 100644
--- a/src/main/plugins/mpris.ts
+++ b/src/main/plugins/mpris.ts
@@ -6,6 +6,11 @@ export default class mpris {
* Private variables for interaction in plugins
*/
private static utils: any;
+ /**
+ * MPRIS Service
+ */
+ private static player: Player.Player;
+ private static globalAttributes: any = {}
/**
* Base Plugin Details (Eventually implemented into a GUI in settings)
@@ -15,30 +20,17 @@ export default class mpris {
public version: string = '1.0.0';
public author: string = 'Core';
- /**
- * MPRIS Service
- */
- private static player: Player.Player;
- private static mprisEvents: Object = {
- "playpause": "playPause",
- "play": "play",
- "pause": "pause",
- "next": "next",
- "previous": "previous",
- }
-
/*******************************************************************************************
* Private Methods
* ****************************************************************************************/
/**
- * Runs a media event
- * @param type - pausePlay, next, previous
- * @private
+ * Runs on plugin load (Currently run on application start)
*/
- private static runMediaEvent(type: string) {
- // console.debug(`[Plugin][${this.name}] ${type}.`);
- mpris.utils.getWindow().webContents.executeJavaScript(`MusicKitInterop.${type}()`).catch(console.error)
+ constructor(utils: any) {
+ mpris.utils = utils
+
+ console.debug(`[Plugin][${mpris.name}] Loading Complete.`);
}
/**
@@ -54,7 +46,6 @@ export default class mpris {
}
}
-
/**
* Connects to MPRIS Service
*/
@@ -63,29 +54,45 @@ export default class mpris {
const player = Player({
name: 'cider',
identity: 'Cider',
- supportedUriSchemes: [],
- supportedMimeTypes: [],
supportedInterfaces: ['player']
});
- console.debug(`[Plugin][${mpris.name}] Successfully connected.`);
+ console.debug(`[${mpris.name}:connect] Successfully connected.`);
- const pos_atr = {durationInMillis: 0};
- player.getPosition = function () {
- const durationInMicro = pos_atr.durationInMillis * 1000;
- const percentage = parseFloat("0") || 0;
- return durationInMicro * percentage;
+ const renderer = mpris.utils.getWindow().webContents
+ const loopType: { [key: string]: number; } = {
+ 'none': 0,
+ 'track': 1,
+ 'playlist': 2,
}
- for (const [key, value] of Object.entries(mpris.mprisEvents)) {
- player.on(key, function () {
- mpris.runMediaEvent(value)
- });
- }
+ player.on('next', () => mpris.utils.playback.next())
+ player.on('previous', () => mpris.utils.playback.previous())
+ player.on('playpause', () => mpris.utils.playback.playPause())
+ player.on('play', () => mpris.utils.playback.play())
+ player.on('pause', () => mpris.utils.playback.pause())
+ player.on('quit', () => mpris.utils.getApp().exit())
+ player.on('position', (args: { position: any; }) => mpris.utils.playback.seek(args.position))
+ player.on('loopStatus', (status: string) => renderer.executeJavaScript(`app.mk.repeatMode = ${loopType[status.toLowerCase()]}`))
+ player.on('shuffle', () => renderer.executeJavaScript('app.mk.shuffleMode = (app.mk.shuffleMode === 0) ? 1 : 0'))
- player.on('quit', function () {
- process.exit();
- });
+ mpris.utils.getIPCMain().on('repeatModeDidChange', (_e: any, mode: number) => {
+ switch (mode) {
+ case 0:
+ player.loopStatus = Player.LOOP_STATUS_NONE;
+ break;
+ case 1:
+ player.loopStatus = Player.LOOP_STATUS_TRACK;
+ break;
+ case 2:
+ player.loopStatus = Player.LOOP_STATUS_PLAYLIST;
+ break;
+ }
+ })
+
+ mpris.utils.getIPCMain().on('shuffleModeDidChange', (_e: any, mode: number) => {
+ player.shuffle = mode === 1
+ })
mpris.player = player;
}
@@ -93,9 +100,9 @@ export default class mpris {
/**
* Update M.P.R.I.S Player Attributes
*/
- private static updatePlayer(attributes: any) {
+ private static updateMetaData(attributes: any) {
- const MetaData = {
+ mpris.player.metadata = {
'mpris:trackid': mpris.player.objectPath(`track/${attributes.playParams.id.replace(/[.]+/g, "")}`),
'mpris:length': attributes.durationInMillis * 1000, // In microseconds
'mpris:artUrl': (attributes.artwork.url.replace('/{w}x{h}bb', '/512x512bb')).replace('/2000x2000bb', '/35x35bb'),
@@ -103,33 +110,12 @@ export default class mpris {
'xesam:album': `${attributes.albumName}`,
'xesam:artist': [`${attributes.artistName}`],
'xesam:genre': attributes.genreNames
- }
-
- if (mpris.player.metadata["mpris:trackid"] === MetaData["mpris:trackid"]) {
- return
- }
-
- mpris.player.metadata = MetaData;
+ };
}
- /**
- * Update M.P.R.I.S Player State
- * @private
- * @param attributes
- */
- private static updatePlayerState(attributes: any) {
- switch (attributes.status) {
- case true: // Playing
- mpris.player.playbackStatus = Player.PLAYBACK_STATUS_PLAYING;
- break;
- case false: // Paused
- mpris.player.playbackStatus = Player.PLAYBACK_STATUS_PAUSED;
- break;
- default:
- mpris.player.playbackStatus = Player.PLAYBACK_STATUS_STOPPED;
- break
- }
- }
+ /*******************************************************************************************
+ * Public Methods
+ * ****************************************************************************************/
/**
* Clear state
@@ -143,26 +129,12 @@ export default class mpris {
mpris.player.playbackStatus = Player.PLAYBACK_STATUS_STOPPED;
}
-
- /*******************************************************************************************
- * Public Methods
- * ****************************************************************************************/
-
- /**
- * Runs on plugin load (Currently run on application start)
- */
- constructor(utils: any) {
- mpris.utils = utils
-
- console.debug(`[Plugin][${mpris.name}] Loading Complete.`);
- }
-
/**
* Runs on app ready
*/
@mpris.linuxOnly
onReady(_: any): void {
- console.debug(`[Plugin][${mpris.name}] Ready.`);
+ console.debug(`[${mpris.name}:onReady] Ready.`);
}
/**
@@ -187,9 +159,9 @@ export default class mpris {
* @param attributes Music Attributes (attributes.status = current state)
*/
@mpris.linuxOnly
- onPlaybackStateDidChange(attributes: object): void {
- // console.debug(`[Plugin][${mpris.name}] onPlaybackStateDidChange.`);
- mpris.updatePlayerState(attributes)
+ onPlaybackStateDidChange(attributes: any): void {
+ mpris.globalAttributes = attributes
+ mpris.player.playbackStatus = attributes?.status ? Player.PLAYBACK_STATUS_PLAYING : Player.PLAYBACK_STATUS_PAUSED
}
/**
@@ -198,8 +170,14 @@ export default class mpris {
*/
@mpris.linuxOnly
onNowPlayingItemDidChange(attributes: object): void {
- // console.debug(`[Plugin][${mpris.name}] onMetadataDidChange.`);
- mpris.updatePlayer(attributes);
+ mpris.globalAttributes = attributes
+ mpris.updateMetaData(attributes);
+ }
+
+ @mpris.linuxOnly
+ updatePlaybackProgress(attributes: any): void {
+ mpris.globalAttributes = attributes
+ mpris.player.getPosition = () => attributes.currentPlaybackTime * 1000 * 1000;
}
}
diff --git a/src/preload/cider-preload.js b/src/preload/cider-preload.js
index add40edf..54e0e26b 100644
--- a/src/preload/cider-preload.js
+++ b/src/preload/cider-preload.js
@@ -17,6 +17,7 @@ const MusicKitInterop = {
/** wsapi */
MusicKit.getInstance().addEventListener(MusicKit.Events.playbackProgressDidChange, () => {
ipcRenderer.send('wsapi-updatePlaybackState', MusicKitInterop.getAttributes());
+ ipcRenderer.send('updatePlaybackProgress', MusicKitInterop.getAttributes());
});
/** wsapi */
@@ -38,11 +39,19 @@ const MusicKitInterop = {
MusicKit.getInstance().addEventListener(MusicKit.Events.authorizationStatusDidChange, () => {
global.ipcRenderer.send('authorizationStatusDidChange', MusicKit.getInstance().authorizationStatus)
- })
+ });
MusicKit.getInstance().addEventListener(MusicKit.Events.mediaPlaybackError, (e) => {
console.warn(`[cider:preload] mediaPlaybackError] ${e}`);
- })
+ });
+
+ MusicKit.getInstance().addEventListener(MusicKit.Events.shuffleModeDidChange, () => {
+ global.ipcRenderer.send('shuffleModeDidChange', MusicKit.getInstance().shuffleMode)
+ });
+
+ MusicKit.getInstance().addEventListener(MusicKit.Events.repeatModeDidChange, () => {
+ global.ipcRenderer.send('repeatModeDidChange', MusicKit.getInstance().repeatMode)
+ });
},
sleep(ms) {
@@ -79,6 +88,7 @@ const MusicKitInterop = {
? remainingTimeExport * 1000
: 0;
attributes.durationInMillis = attributes?.durationInMillis ?? 0;
+ attributes.currentPlaybackTime = mk?.currentPlaybackTime ?? 0;
attributes.currentPlaybackProgress = currentPlaybackProgress ?? 0;
attributes.startTime = Date.now();
attributes.endTime = Math.round(
From c21975820786e5c6d74c4ffd82edda902031e23d Mon Sep 17 00:00:00 2001
From: Core <64542347+coredev-uk@users.noreply.github.com>
Date: Tue, 12 Jul 2022 21:35:23 +0100
Subject: [PATCH 261/289] Fix seeking in mpris
---
src/main/plugins/mpris.ts | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/main/plugins/mpris.ts b/src/main/plugins/mpris.ts
index 4dc4f83b..1f2100d5 100644
--- a/src/main/plugins/mpris.ts
+++ b/src/main/plugins/mpris.ts
@@ -72,7 +72,7 @@ export default class mpris {
player.on('play', () => mpris.utils.playback.play())
player.on('pause', () => mpris.utils.playback.pause())
player.on('quit', () => mpris.utils.getApp().exit())
- player.on('position', (args: { position: any; }) => mpris.utils.playback.seek(args.position))
+ player.on('position', (args: { position: any; }) => mpris.utils.playback.seek(args.position / 1000 / 1000))
player.on('loopStatus', (status: string) => renderer.executeJavaScript(`app.mk.repeatMode = ${loopType[status.toLowerCase()]}`))
player.on('shuffle', () => renderer.executeJavaScript('app.mk.shuffleMode = (app.mk.shuffleMode === 0) ? 1 : 0'))
From aa89baa7224ec6db2ab942a4f815b97c475f0467 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Tue, 12 Jul 2022 18:07:59 -0700
Subject: [PATCH 262/289] changed am section on sidebar to v-show allowing css
manipulation
---
src/renderer/main/vueapp.js | 2 +-
src/renderer/views/components/sidebar.ejs | 4 ++--
2 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index b01fcf98..143ace0d 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -1226,7 +1226,7 @@ const app = new Vue({
} else if (this.cfg.visual.directives[directive]) {
return this.cfg.visual.directives[directive]
} else {
- return ""
+ return false
}
},
unauthorize() {
diff --git a/src/renderer/views/components/sidebar.ejs b/src/renderer/views/components/sidebar.ejs
index 401603bb..07de439a 100644
--- a/src/renderer/views/components/sidebar.ejs
+++ b/src/renderer/views/components/sidebar.ejs
@@ -38,7 +38,7 @@