diff --git a/dashboard/dashboard.css b/dashboard/dashboard.css index 660e132..a7ff4c0 100644 --- a/dashboard/dashboard.css +++ b/dashboard/dashboard.css @@ -1,217 +1 @@ -:root { - --dashboardColumnGap: 3em; -} - -.dashboardFooter { - display: -webkit-flex; - display: flex; - -webkit-align-items: center; - align-items: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-column-gap: 2em; - column-gap: 2em; -} - -.dashboardSections { - display: -webkit-flex; - display: flex; - -webkit-flex-direction: column; - flex-direction: column; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-flex-direction: row; - flex-direction: row; - -webkit-column-gap: var(--dashboardColumnGap); - column-gap: var(--dashboardColumnGap); -} - -.dashboardSection { - -webkit-flex-shrink: 0; - flex-shrink: 0; - margin: 0 0 1em; - max-width: 100%; - min-width: min(90ch,80%); - -webkit-flex-basis: 50%; - flex-basis: 50%; - -webkit-flex-basis: calc(50% - var(--dashboardColumnGap)); - flex-basis: calc(50% - var(--dashboardColumnGap)); - -webkit-flex-grow: 1; - flex-grow: 1; - margin-bottom: 1.5em; -} - -.dashboardSection h2 { - margin-top: .5em; - margin-bottom: .5em; -} - -.dashboardSection-mini { - min-width: min(65ch,80%); - -webkit-flex-basis: 33.334%; - flex-basis: 33.334%; - -webkit-flex-basis: calc(33.334% - var(--dashboardColumnGap)); - flex-basis: calc(33.334% - var(--dashboardColumnGap)); -} - -.dashboardBreakLineSection { - -webkit-flex-basis: 100%; - flex-basis: 100%; - height: 0; - margin-bottom: 0; -} - -@media not all and (min-width:80em) { - .dashboardBreakLineSection { - display: none; - } -} - -.nowPlayingSessions { - display: grid; - grid-template-columns: repeat(auto-fill,minmax(22em,1fr)); - grid-gap: 0; -} - -.activeSession { - width: initial!important; - max-width: 100%; -} - -.activeSession .innerCardFooter { - top: 5.4em; - bottom: initial; - z-index: 1; -} - -.sessionTranscodingProgress .itemProgressBarForeground { - background: #dd4919!important; -} - -.activeSession .cardBox-sideFooter { - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - -.activeSession .cardFooterContent { - box-sizing: border-box; - max-width: calc(100% - 6em); -} - -.activeSession-bottomsections { - display: -webkit-flex; - display: flex; - -webkit-flex-direction: column; - flex-direction: column; - font-size: 92%; - text-align: start; -} - -.activeSession-bottomsection { - padding: 1em 1em; - display: -webkit-flex; - display: flex; - -webkit-flex-direction: row; - flex-direction: row; -} - -.activeSession-bottomsection-title { - margin-top: 0; - margin-bottom: 0; - -webkit-margin-start: 0; - margin-inline-start: 0; - -webkit-margin-end: 1em; - margin-inline-end: 1em; - font-weight: 700; -} - -.activeSession-commandsection { - -webkit-justify-content: center; - justify-content: center; -} - -.activeSessionStreamIcon { - -webkit-margin-end: .5em; - margin-inline-end: .5em; - font-size: 1.2em; -} - -.activeSessionUserImage { - height: 1.82em; - border-radius: 100%; - -webkit-margin-end: .5em; - margin-inline-end: .5em; -} - -.activeSession-hwaccelIcon { - font-size: 1.3em; - color: #52b54b; - -webkit-margin-start: .25em; - margin-inline-start: .25em; -} - -.activeSession-deviceSection,.activeSession-usersection { - cursor: pointer; -} - -.activeSession-deviceimage { - width: 2.8em; - height: 4.4em; - -webkit-margin-end: 1em; - margin-inline-end: 1em; - border-radius: .42em; - display: -webkit-flex; - display: flex; - -webkit-align-items: center; - align-items: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-shrink: 0; - flex-shrink: 0; - background-position: center center; - background-size: auto 60%; - background-repeat: no-repeat; -} - -.activeSession-deviceimage-icon { - font-size: 300%; -} - -.serverNameHeader { - -webkit-margin-end: .5em; - margin-inline-end: .5em; -} - -.supporterIconContainer { - -webkit-margin-start: .75em; - margin-inline-start: .75em; -} - -.serverRestartIcon { - -webkit-margin-end: .25em; - margin-inline-end: .25em; -} - -.supporterPromotionContainer { - margin: 0 0 2em; -} - -@media all and (min-width:48em) { - .supporterPromotionContainer { - display: none; - -webkit-flex-direction: row-reverse; - flex-direction: row-reverse; - } -} - -.serverUpToDateCheckIcon { - background-color: #52b54b; - border-radius: .25em; - color: #fff; - -webkit-margin-end: .5em; - margin-inline-end: .5em; - padding: .25em; - font-size: 110%; -}~ +:root{--dashboardColumnGap:3em}.dashboardFooter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:2em;column-gap:2em}.dashboardSections{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row;-webkit-column-gap:var(--dashboardColumnGap);column-gap:var(--dashboardColumnGap)}.dashboardSection{-webkit-flex-shrink:0;flex-shrink:0;margin:0 0 1em;max-width:100%;min-width:min(90ch,80%);-webkit-flex-basis:50%;flex-basis:50%;-webkit-flex-basis:calc(50% - var(--dashboardColumnGap));flex-basis:calc(50% - var(--dashboardColumnGap));-webkit-flex-grow:1;flex-grow:1;margin-bottom:1.5em}.dashboardSection h2{margin-top:.5em;margin-bottom:.5em}.dashboardSection-mini{min-width:min(65ch,80%);-webkit-flex-basis:33.334%;flex-basis:33.334%;-webkit-flex-basis:calc(33.334% - var(--dashboardColumnGap));flex-basis:calc(33.334% - var(--dashboardColumnGap))}.dashboardBreakLineSection{-webkit-flex-basis:100%;flex-basis:100%;height:0;margin-bottom:0}@media not all and (min-width:80em){.dashboardBreakLineSection{display:none}}.nowPlayingSessions{display:grid;grid-template-columns:repeat(auto-fill,minmax(22em,1fr));grid-gap:0}.activeSession{width:initial!important;max-width:100%}.activeSession .innerCardFooter{top:5.4em;bottom:initial;z-index:1}.sessionTranscodingProgress .itemProgressBarForeground{background:#dd4919!important}.activeSession .cardBox-sideFooter{-webkit-flex-wrap:wrap;flex-wrap:wrap}.activeSession .cardFooterContent{box-sizing:border-box;max-width:calc(100% - 6em)}.activeSession-bottomsections{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:92%;text-align:start}.activeSession-bottomsection{padding:1em 1em;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.activeSession-bottomsection-title{margin-top:0;margin-bottom:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:1em;margin-inline-end:1em;font-weight:700}.activeSession-commandsection{-webkit-justify-content:center;justify-content:center}.activeSessionStreamIcon{-webkit-margin-end:.5em;margin-inline-end:.5em;font-size:1.2em}.activeSessionUserImage{height:1.82em;border-radius:100%;-webkit-margin-end:.5em;margin-inline-end:.5em}.activeSession-hwaccelIcon{font-size:1.3em;color:#52b54b;-webkit-margin-start:.25em;margin-inline-start:.25em}.activeSession-deviceSection,.activeSession-usersection{cursor:pointer}.activeSession-deviceimage{width:2.8em;height:4.4em;-webkit-margin-end:1em;margin-inline-end:1em;border-radius:.42em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;flex-shrink:0;background-position:center center;background-size:auto 60%;background-repeat:no-repeat}.activeSession-deviceimage-icon{font-size:300%}.serverNameHeader{-webkit-margin-end:.5em;margin-inline-end:.5em}.supporterIconContainer{-webkit-margin-start:.75em;margin-inline-start:.75em}.serverRestartIcon{-webkit-margin-end:.25em;margin-inline-end:.25em}.supporterPromotionContainer{margin:0 0 2em}@media all and (min-width:48em){.supporterPromotionContainer{display:none;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}}.serverUpToDateCheckIcon{background-color:#52b54b;border-radius:.25em;color:#fff;-webkit-margin-end:.5em;margin-inline-end:.5em;padding:.25em;font-size:110%} \ No newline at end of file diff --git a/favicon.ico b/favicon.ico index b44331a..4d7e2ff 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/images/icon-128x128.png b/images/icon-128x128.png index 1ca09b5..07485dd 100644 Binary files a/images/icon-128x128.png and b/images/icon-128x128.png differ diff --git a/images/icon-144x144.png b/images/icon-144x144.png index a1911fb..c933b73 100644 Binary files a/images/icon-144x144.png and b/images/icon-144x144.png differ diff --git a/images/icon-152x152.png b/images/icon-152x152.png index 8fd354d..5064e53 100644 Binary files a/images/icon-152x152.png and b/images/icon-152x152.png differ diff --git a/images/icon-192x192.png b/images/icon-192x192.png index 3225d54..dc9bef1 100644 Binary files a/images/icon-192x192.png and b/images/icon-192x192.png differ diff --git a/images/icon-384x384.png b/images/icon-384x384.png index fb5a2aa..d5f6168 100644 Binary files a/images/icon-384x384.png and b/images/icon-384x384.png differ diff --git a/images/icon-512x512.png b/images/icon-512x512.png index 1f35916..ce98b9f 100644 Binary files a/images/icon-512x512.png and b/images/icon-512x512.png differ diff --git a/images/icon-72x72.png b/images/icon-72x72.png index 2a41d19..6857dd5 100644 Binary files a/images/icon-72x72.png and b/images/icon-72x72.png differ diff --git a/images/icon-96x96.png b/images/icon-96x96.png index 3f815d2..e11fa11 100644 Binary files a/images/icon-96x96.png and b/images/icon-96x96.png differ diff --git a/images/splash.png b/images/splash.png index 8c6a5c3..421ca18 100644 Binary files a/images/splash.png and b/images/splash.png differ diff --git a/modules/cardbuilder/card.css b/modules/cardbuilder/card.css index cfcb13f..9079ee6 100644 --- a/modules/cardbuilder/card.css +++ b/modules/cardbuilder/card.css @@ -1 +1 @@ -.card{border:0;font-size:inherit!important;font-family:inherit!important;text-transform:none;background-color:transparent!important;background:0 0!important;margin:0;padding:0;display:block;color:inherit!important;-webkit-tap-highlight-color:transparent;outline:0!important;contain:layout style paint;-webkit-flex-shrink:0;flex-shrink:0;font-weight:inherit!important;line-height:inherit;text-align:center;box-sizing:border-box}.card.itemAction{cursor:pointer}.card-focustransform{contain:layout style}.cardPadder-backdrop{padding-bottom:56.25%;contain:strict}.cardPadder-margin.cardPadder-backdrop{margin-bottom:56.25%}.cardPadder-square{padding-bottom:100%;contain:strict}.cardPadder-margin.cardPadder-square{margin-bottom:100%}.cardPadder-portrait{padding-bottom:150%;contain:strict}.cardPadder-margin.cardPadder-portrait{margin-bottom:150%}.cardPadder-fourThree{padding-bottom:75%;contain:strict}.cardPadder-margin.cardPadder-fourThree{margin-bottom:75%}.cardPadder-banner{padding-bottom:18.5%;contain:strict}.cardPadder-margin.cardPadder-banner{margin-bottom:18.5%}@supports (aspect-ratio:16 / 9){.cardPadder-backdrop{padding-bottom:0!important;aspect-ratio:16/9}.cardPadder-square{padding-bottom:0!important;aspect-ratio:1}.cardPadder-portrait{padding-bottom:0!important;aspect-ratio:2/3}.cardPadder-fourThree{padding-bottom:0!important;aspect-ratio:4/3}.cardPadder-banner{padding-bottom:0!important;aspect-ratio:1000/185}.cardPadder-margin{margin-bottom:0!important}}.cardBox{padding:0!important;margin:.72em;margin:min(.72em,max(.38em,1.06vw));transition:none;border:0 solid transparent;-webkit-tap-highlight-color:transparent;outline:0!important;contain:layout style;text-align:center;position:relative}.card-padded{padding:.72em;padding:min(.72em,max(.38em,1.06vw))}.card-bottompadded{padding-bottom:1.8em!important}.cardBox-focustransform{transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.card:focus>.cardBox-focustransform{-webkit-transform:scale(1.18,1.18);transform:scale(1.18,1.18)}.card:focus>.cardBox-focustransform-titleadjust{-webkit-transform:scale(1.18,1.18) translateY(.5em);transform:scale(1.18,1.18) translateY(.5em)}.card-focustransform:focus .cardText{--theme-text-color-alpha:1!important}.cardBox-bottompadded{margin-bottom:1.8em!important}.card:focus{z-index:10!important}@media not all and (pointer:fine){.cardBox-touchzoom{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition-delay:0.1s}.card:active>.cardBox-touchzoom{-webkit-transform:scale(1.08);transform:scale(1.08)}}.cardBox-sideFooter{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;position:relative}.cardSideFooter-bottomsections{-webkit-flex-basis:100%;flex-basis:100%}.cardFooterContent{-webkit-flex-grow:1;flex-grow:1;padding:0 1.25em;-webkit-justify-content:center;justify-content:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;font-weight:600;min-height:3em;box-sizing:border-box}.cardFooterContent-start{text-align:start;padding:0 .5em}.cardFooterContent>.cardText{padding-top:0;-webkit-padding-start:.25em;padding-inline-start:.25em;-webkit-padding-end:.25em;padding-inline-end:.25em}.mediaSourceIndicator{display:-webkit-flex;display:flex;position:absolute;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:.3em;left:.3em;inset-inline-start:.3em;inset-inline-end:initial;text-align:center;vertical-align:middle;width:1.6em;height:1.6em;border-radius:50%;color:#fff;background:#38c}.cardContent{overflow:hidden;display:block;margin:0!important;height:100%;-webkit-tap-highlight-color:transparent;contain:strict;content-visibility:auto;position:relative}.cardImageContainer{background-size:contain;background-repeat:no-repeat;background-position:center center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative;color:inherit;height:100%;border-radius:.3em;contain:strict;content-visibility:auto}@supports (aspect-ratio:16 / 9){.cardImageContainer{background-clip:content-box!important}}.chapterCardImageContainer{background-color:#000;border-radius:0}.cardContent-button{border:0!important;-webkit-padding-start:0!important;padding-inline-start:0!important;-webkit-padding-end:0!important;padding-inline-end:0!important;padding-top:0!important;cursor:pointer;color:inherit;width:100%;vertical-align:middle;font-family:inherit;font-size:inherit;outline:0}.cardContent-bg-black{background-color:#000!important}.paddedImage{background-size:auto 70%}.grayscaleImage{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.visualCardBox .cardContent{border-bottom-left-radius:0;border-bottom-right-radius:0;border-end-start-radius:0;border-end-end-radius:0}.cardImageContainer-sideFooter{position:relative;width:5.4em;height:5.4em;border-radius:0;-webkit-flex-shrink:0;flex-shrink:0;padding:0!important}.cardImageContainer-smallSideFooter{height:3.6em;width:3.6em;padding:0!important}.cardImage{position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;background-size:contain;background-repeat:no-repeat;background-position:center bottom;width:100%;height:100%;object-position:center center;object-fit:contain;border:0!important;contain:layout style paint;content-visibility:auto}.cardImage-padded{height:70%;top:15%;bottom:15%}.cardContent-round{border-radius:100em;background-size:cover;background-position:center center;object-fit:cover}.coveredImage{background-size:100% 100%;background-position:center center;object-fit:fill}.coveredImage-noScale{background-size:cover;object-fit:cover}.coveredImage-contain{background-size:contain;object-fit:contain}.cardFooter{padding:.4em .5em .85em .5em;position:relative}.cardFooter-side{padding-top:0;padding-bottom:0}.cardFooter-vibrant::before{position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;background:rgba(0,0,0,.1);content:" "}.cardFooter-vibrant{padding:.5em .5em .85em .5em;font-weight:600;position:relative}.visualCardBox{box-shadow:0 .06933em .06933em 0 rgba(0,0,0,.14),0 .13866em .06933em -.06933em rgba(0,0,0,.12),0 .06933em .208em 0 rgba(0,0,0,.2);border-radius:.42em}.visualCardBox-vibrant{overflow:hidden;background-size:cover;background-repeat:no-repeat}.innerCardFooter{background-color:transparent;position:absolute;bottom:0;text-align:start;overflow:hidden;max-width:100%;color:#fff;left:0;right:0;inset-inline-start:0;inset-inline-end:0;text-shadow:.14em .14em .28em rgba(0,0,0,.45)}.cardText{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardText-overview{white-space:normal;height:3.8rem;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;text-align:left}.cardText-secondary{font-size:92%}.cardText-first-padded{padding-top:.22em}.innerCardFooter>.cardText{padding:.1em .35em}.cardFooter-withlogo{-webkit-padding-start:4em;padding-inline-start:4em;position:relative}.cardFooterLogo{position:absolute;top:0;bottom:0;left:0;inset-inline-start:0;inset-inline-end:initial;width:4.5em;background-size:70% auto;background-repeat:no-repeat;background-position:center center}.cardDefaultText{white-space:normal;text-align:center;position:absolute;top:30%;left:10%;inset-inline-start:10%;inset-inline-end:initial;width:80%}@supports (aspect-ratio:16 / 9){.cardDefaultText{position:static;top:initial;left:initial;right:initial;inset-inline-start:initial;inset-inline-end:initial;width:auto}}.textActionButton{border:0!important;background:0 0;border:0!important;padding:0!important;cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit!important;display:inline-block;vertical-align:middle;font-family:inherit;font-size:inherit;outline:0!important;font-weight:inherit;line-height:normal!important}.cardTextActionButton{width:100%;overflow:hidden;text-overflow:ellipsis;text-align:inherit;line-height:1!important}.cardTextLinksLine>.cardTextActionButton{width:auto}.cardImageIcon{font-size:4em!important;color:inherit}.cardImageIcon-sideFooter{font-size:3em!important}.cardImageIcon-smallSideFooter{font-size:1.64em!important}.cardImageIcon-center{width:1em;height:1em;position:absolute;top:50%;left:50%;inset-inline-start:50%;inset-inline-end:initial;-webkit-margin-start:-.5em;margin-inline-start:-.5em;margin-top:-.5em}@supports (aspect-ratio:16 / 9){.cardImageIcon-center{width:auto;height:auto;position:initial;margin-top:0;-webkit-margin-start:0;margin-inline-start:0}}.cardRefreshIndicator-sideFooter{position:absolute!important}.cardOverlayButton{color:rgba(255,255,255,.76);margin:0;z-index:1}.cardOverlayButton-br{position:absolute;bottom:0;right:0;inset-inline-start:initial;inset-inline-end:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.cardOverlayButtonIcon{border-radius:100em;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}:root{--backdrop-cards:1;--small-sidefooter-cards:1.3;--sidefooter-cards:1;--banner-cards:1;--four-three-cards:2;--square-cards:2;--portrait-cards:3;--user-cards-size-adjust:0;--app-cards-size-adjust:0}.itemsContainer-defaultCardSize{--user-cards-size-adjust:0}.cardSizeSmaller{--app-cards-size-adjust:1}@media all and (min-width:60em) and (max-width:99em){.skinBody-withFullDrawer{--app-cards-size-adjust:-1}.skinBody-withFullDrawer .cardSizeSmaller{--app-cards-size-adjust:-1}}.squareCard{width:16.6666667%;width:calc(100% / (var(--square-cards) + var(--app-cards-size-adjust)))}.squareCard-horiz{width:15.3333333vw;width:calc(92vw / var(--square-cards))}.portraitCard{width:16.6666667%;width:calc(100% / (var(--portrait-cards) + var(--app-cards-size-adjust)))}.portraitCard-horiz{width:15.3333333vw;width:calc(92vw / var(--portrait-cards))}.bannerCard{width:33.333333%;width:calc(100% / (var(--banner-cards) + var(--app-cards-size-adjust)))}.bannerCard-horiz{width:30.66667vw;width:calc(92vw / var(--banner-cards))}.sideFooterCard{width:25%;width:calc(100% / (var(--sidefooter-cards) + var(--app-cards-size-adjust)))}.sideFooterCard-horiz{width:23vw;width:calc(92vw / var(--sidefooter-cards))}.smallSideFooterCard{width:16.6666667%;width:calc(100% / (var(--small-sidefooter-cards) + var(--app-cards-size-adjust)))}.smallSideFooterCard-horiz{width:15.3333333vw;width:calc(92vw / (var(--small-sidefooter-cards) + var(--app-cards-size-adjust)))}.fourThreeCard{width:25%;width:calc(100% / (var(--four-three-cards) + var(--app-cards-size-adjust)))}.fourThreeCard-horiz{width:23vw;width:calc(92vw / var(--four-three-cards))}.backdropCard{width:25%;width:calc(100% / (var(--backdrop-cards) + var(--app-cards-size-adjust)))}.backdropCard-horiz{width:23vw;width:calc(92vw / var(--backdrop-cards))}@supports (width:max(10em,5vw)){.squareCard{width:calc(100% / max((var(--square-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),2))}.squareCard-horiz{width:calc(92vw / max((var(--square-cards) + var(--user-cards-size-adjust)),2))}.portraitCard{width:calc(100% / max((var(--portrait-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),3))}.portraitCard-horiz{width:calc(92vw / max((var(--portrait-cards) + var(--user-cards-size-adjust)),3))}.bannerCard{width:calc(100% / max((var(--banner-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))}.bannerCard-horiz{width:calc(92vw / max((var(--banner-cards) + var(--user-cards-size-adjust)),1))}.sideFooterCard{width:calc(100% / max((var(--sidefooter-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))}.sideFooterCard-horiz{width:calc(92vw / max((var(--sidefooter-cards) + var(--user-cards-size-adjust)),1))}.smallSideFooterCard{width:calc(100% / max((var(--small-sidefooter-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1.3))}.smallSideFooterCard-horiz{width:calc(92vw / max((var(--small-sidefooter-cards) + var(--user-cards-size-adjust)),1.3))}.fourThreeCard{width:calc(100% / max((var(--four-three-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),2))}.fourThreeCard-horiz{width:calc(92vw / max((var(--four-three-cards) + var(--user-cards-size-adjust)),2))}.backdropCard{width:calc(100% / max((var(--backdrop-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))}.backdropCard-horiz{width:calc(92vw / max((var(--backdrop-cards) + var(--user-cards-size-adjust)),1))}}@media all and (orientation:landscape){:root{--backdrop-cards:2}}@media all and (orientation:portrait) and (min-width:24em){:root{--backdrop-cards:2}}@media all and (orientation:portrait) and (min-width:31.25em){:root{--square-cards:3}}@media all and (min-width:31.25em){:root{--four-three-cards:3}}@media all and (min-width:36em){:root{--square-cards:3;--portrait-cards:4}}@media all and (min-width:40em){:root{--square-cards:4;--small-sidefooter-cards:2}}@media all and (orientation:landscape) and (min-width:40em){:root{--portrait-cards:5}}@media all and (orientation:landscape) and (min-width:50em){:root{--square-cards:5}}@media all and (min-width:45em){:root{--four-three-cards:4;--sidefooter-cards:2}}@media all and (min-width:50em){:root{--small-sidefooter-cards:3}}@media (min-width:50em){:root{--backdrop-cards:3}}@media all and (min-width:55em){:root{--banner-cards:2;--square-cards:5;--portrait-cards:5}}@media (min-width:62.5em){:root{--backdrop-cards:4}}@media all and (min-width:66em){:root{--small-sidefooter-cards:4}}@media all and (min-width:70em){:root{--four-three-cards:5;--square-cards:6;--portrait-cards:6}}@media all and (min-width:76em){:root{--sidefooter-cards:3}}@media all and (min-width:82.5em){:root{--backdrop-cards:5}}@media all and (min-width:85em){:root{--square-cards:7;--portrait-cards:7}}@media all and (min-width:100em){:root{--banner-cards:3;--small-sidefooter-cards:5;--four-three-cards:6;--square-cards:8;--portrait-cards:8}}@media all and (min-width:115em){:root{--small-sidefooter-cards:6;--portrait-cards:9;--square-cards:9}}@media all and (min-width:120em){:root{--small-sidefooter-cards:6}}@media all and (min-width:130em){:root{--square-cards:10;--portrait-cards:10}}@media all and (min-width:131.25em){:root{--backdrop-cards:6;--four-three-cards:7;--sidefooter-cards:4}}@media all and (min-width:145em){:root{--square-cards:11;--portrait-cards:11}}@media all and (min-width:150em){:root{--banner-cards:4}}@media all and (min-width:160em){:root{--backdrop-cards:7;--small-sidefooter-cards:7;--four-three-cards:8;--square-cards:12;--portrait-cards:12}}@media all and (min-width:175em){:root{--square-cards:13;--portrait-cards:13}}@media all and (min-width:180em){:root{--small-sidefooter-cards:8;--four-three-cards:9}}@media all and (min-width:190em){:root{--square-cards:14;--portrait-cards:14}}@media all and (min-width:200em){:root{--banner-cards:5;--sidefooter-cards:5;--backdrop-cards:8;--small-sidefooter-cards:9;--four-three-cards:10}}@media all and (min-width:205em){:root{--square-cards:15;--portrait-cards:15}}@media all and (min-width:220em){:root{--sidefooter-cards:6;--backdrop-cards:9;--small-sidefooter-cards:10;--four-three-cards:11;--square-cards:16;--portrait-cards:16}}@media all and (min-width:240em){:root{--banner-cards:6;--sidefooter-cards:7;--small-sidefooter-cards:11;--four-three-cards:12;--square-cards:17;--portrait-cards:17}}@media all and (orientation:portrait) and (max-width:35em){.scrollX{--backdrop-cards:1.2}}.layout-tv:root{--square-cards:5;--banner-cards:3;--sidefooter-cards:3;--small-sidefooter-cards:4;--portrait-cards:6;--backdrop-cards:4;--four-three-cards:5}.cardOverlayContainer{background:rgba(51,51,51,.5);opacity:0;transition:opacity .2s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;-webkit-user-select:none;user-select:none;display:none;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:.3em;z-index:2;contain:layout style}.cardContent-button+.cardOverlayContainer{cursor:pointer}.chkCardSelectContainer{font-size:76%;width:auto!important;margin:0!important;display:-webkit-inline-flex!important;display:inline-flex!important;-webkit-padding-start:.7em!important;padding-inline-start:.7em!important;-webkit-align-items:flex-start!important;align-items:flex-start!important;padding-top:.8em!important;position:absolute!important;top:0;left:0;inset-inline-start:0;inset-inline-end:initial;padding:.8em .7em!important}@media (hover:hover) and (pointer:fine){.cardOverlayContainer{display:-webkit-flex;display:flex}.card-hoverable:hover .cardOverlayContainer{opacity:1}}.chkCardSelect{top:0;left:0;inset-inline-start:0;inset-inline-end:initial}.chkCardSelect+.checkboxLabel,.chkCardSelect+.checkboxLabel::before{border-radius:100em!important}.chkCardSelect-checkboxLabel::after{border-width:.2em!important}.cardOverlayButton-hover{background:0 0;color:#fff}.cardOverlayButtonIcon-hover{background:0 0!important;line-height:initial!important;padding:.4em!important}.cardOverlayFab-primary{font-size:180%!important;padding:0!important;transition:-webkit-transform 240ms ease-out,opacity 180ms ease-out;transition:transform 240ms ease-out,opacity 180ms ease-out;position:absolute;top:50%;left:50%;inset-inline-start:50%;inset-inline-end:initial;margin-top:-.83em!important;margin-bottom:0!important;-webkit-margin-start:-.83em!important;margin-inline-start:-.83em!important;-webkit-margin-end:0!important;margin-inline-end:0!important;width:1.66em;height:1.66em}.cardOverlayFab-primary:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}[dir=rtl] .cardOverlayFab-primary:hover{-webkit-transform:scaleX(-1) scale(1.1);transform:scaleX(-1) scale(1.1)}.multi-select-active .cardIndicator{display:none}.multi-select-active .cardOverlayContainer{display:block!important;opacity:1!important}.multi-select-active .cardImageContainer{transition:-webkit-transform .135s cubic-bezier(0, 0, .2, 1);transition:transform .135s cubic-bezier(0, 0, .2, 1)}.multi-select-active .cardOverlayButton:not(.chkCardSelectContainer){opacity:0!important;display:none!important}.multi-select-active .chkCardSelectContainer{opacity:1!important}.item-multiselected .cardImageContainer{-webkit-transform:translateZ(0) scale3d(.79,.84,1);transform:translateZ(0) scale3d(.79,.84,1)}.item-multiselected .cardOverlayContainer{background:0 0!important}.cardMissingIndicator{position:absolute;top:.35em;left:.225em;inset-inline-start:.225em;inset-inline-end:initial;margin:0!important;contain:layout style}.cardSyncIndicator{position:absolute;bottom:.35em;right:.18em;inset-inline-start:initial;inset-inline-end:.18em;contain:layout style}.cardPlayedIndicator,.cardTimerIndicator{border-radius:100em;font-size:1.28em;height:1.25em;width:1.25em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:.18em;position:absolute;right:.18em;inset-inline-start:initial;inset-inline-end:.18em;contain:layout style}.cardPlayedIndicator+.cardTimerIndicator{right:1.5em;inset-inline-start:initial;inset-inline-end:1.5em}.cardCountIndicator{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:.225em;position:absolute;right:.225em;inset-inline-start:initial;inset-inline-end:.225em;contain:layout style}.cardProgramIndicator{contain:layout style;display:-webkit-inline-flex;display:inline-flex;margin-top:0;margin-bottom:.2em;-webkit-margin-start:.35em;margin-inline-start:.35em;-webkit-margin-end:0;margin-inline-end:0;padding:.08em .5em;border-radius:.42em;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-transform:uppercase;font-size:84%;font-weight:600}.drag-reorder-y-active .skinHeader{z-index:0!important}.drag-reorder-y-active .appfooter{display:none!important}.dragging .cardOverlayContainer,.dragging .cardIndicator:not(.cardIndicatorIcon-dragHandle){display:none!important}.cardIndicatorIcon{font-size:1.6em;top:.225em;left:.225em;inset-inline-start:.225em;inset-inline-end:initial;position:absolute;color:#fff}.cardIndicatorIcon-dragHandle{right:.225em;inset-inline-start:initial;inset-inline-end:.225em;text-shadow:.14em .14em .28em rgba(0,0,0,.45);cursor:pointer}.cardMediaInfoItems{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-column-gap:initial!important;column-gap:initial!important;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.cardMediaInfoItem{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.cardMediaInfoItem+.cardMediaInfoItem{-webkit-margin-start:.5em!important;margin-inline-start:.5em!important}.cardMediaInfoItem .starIcon{line-height:.96}.card.dragging-over{position:relative;contain:none!important;z-index:1}.dragging-over-left::before{content:' ';width:.24em;position:absolute;top:.8em;bottom:.8em;left:-.14em;inset-inline-start:-.14em;inset-inline-end:initial;z-index:99999;border-radius:100em}.dragging-over-right::after{content:' ';width:.24em;position:absolute;right:-.14em;top:.8em;bottom:.8em;inset-inline-start:initial;inset-inline-end:-.14em;z-index:99999;border-radius:100em}.cardProgressBarContainer{background:0 0!important}.visualCardBox-vibrant-lg::before{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;background:rgba(0,0,0,.2);z-index:-1}.autoWidthCard{width:auto}.card:focus .cardContent-bxsborder{contain:initial;content-visibility:initial;overflow:visible}.card:focus-visible .cardContent-bxsborder-fv{contain:initial;content-visibility:initial;overflow:visible}.sideFooterCard:focus .cardBox-sideFooter-f{overflow:visible}.sideFooterCard:focus .cardBox-sideFooter-f .cardContent{border-start-start-radius:inherit;border-end-start-radius:inherit}.card:focus .cardContent-bxsborder::before,.sideFooterCard:focus .cardBox-sideFooter-f::before{content:" ";position:absolute;top:-.34em;left:-.34em;right:-.34em;bottom:-.34em;border-width:.22em;border-style:solid;border-radius:.6em}.sideFooterCard:focus .cardBox-sideFooter-f::before{border-radius:.72em}.card:focus-visible .cardContent-bxsborder-fv::before{content:" ";position:absolute;top:-.34em;left:-.34em;right:-.34em;bottom:-.34em;border-width:.22em;border-style:solid;border-radius:.6em}.card:focus .cardContent-bxsborder.cardContent-round::before{border-radius:100em}.card:focus .cardContent-bxsborder .cardImage{border-radius:inherit}.card:focus-visible .cardContent-bxsborder-fv.cardContent-round::before{border-radius:100em}.card:focus-visible .cardContent-bxsborder-fv .cardImage{border-radius:inherit}.buttonCardBox{border-radius:.6em;margin:.4em}.buttonCardBox::before,.cardBox-sideFooter::before{display:none!important} +.card{border:0;font-size:inherit!important;font-family:inherit!important;text-transform:none;background-color:transparent!important;background:0 0!important;margin:0;padding:0;display:block;color:inherit!important;-webkit-tap-highlight-color:transparent;outline:0!important;contain:layout style paint;-webkit-flex-shrink:0;flex-shrink:0;font-weight:inherit!important;line-height:inherit;text-align:center;box-sizing:border-box}.card.itemAction{cursor:pointer}.card-focustransform{contain:layout style}.cardPadder-backdrop{padding-bottom:56.25%;contain:strict}.cardPadder-margin.cardPadder-backdrop{margin-bottom:56.25%}.cardPadder-square{padding-bottom:100%;contain:strict}.cardPadder-margin.cardPadder-square{margin-bottom:100%}.cardPadder-portrait{padding-bottom:150%;contain:strict}.cardPadder-margin.cardPadder-portrait{margin-bottom:150%}.cardPadder-fourThree{padding-bottom:75%;contain:strict}.cardPadder-margin.cardPadder-fourThree{margin-bottom:75%}.cardPadder-banner{padding-bottom:18.5%;contain:strict}.cardPadder-margin.cardPadder-banner{margin-bottom:18.5%}@supports (aspect-ratio:16 / 9){.cardPadder-backdrop{padding-bottom:0!important;aspect-ratio:16/9}.cardPadder-square{padding-bottom:0!important;aspect-ratio:1}.cardPadder-portrait{padding-bottom:0!important;aspect-ratio:2/3}.cardPadder-fourThree{padding-bottom:0!important;aspect-ratio:4/3}.cardPadder-banner{padding-bottom:0!important;aspect-ratio:1000/185}.cardPadder-margin{margin-bottom:0!important}}.cardBox{padding:0!important;margin:.72em;margin:min(.72em,max(.38em,1.06vw));transition:none;border:0 solid transparent;-webkit-tap-highlight-color:transparent;outline:0!important;contain:layout style;text-align:center;position:relative}.card-padded{padding:.72em;padding:min(.72em,max(.38em,1.06vw))}.card-bottompadded{padding-bottom:1.8em!important}.cardBox-focustransform{transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.card:focus>.cardBox-focustransform{-webkit-transform:scale(1.18,1.18);transform:scale(1.18,1.18)}.card:focus>.cardBox-focustransform-titleadjust{-webkit-transform:scale(1.18,1.18) translateY(.5em);transform:scale(1.18,1.18) translateY(.5em)}.card-focustransform:focus .cardText{--theme-text-color-alpha:1!important}.cardBox-bottompadded{margin-bottom:1.8em!important}.card:focus{z-index:10!important}@media not all and (pointer:fine){.cardBox-touchzoom{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition-delay:0.1s}.card:active>.cardBox-touchzoom{-webkit-transform:scale(1.08);transform:scale(1.08)}}.cardBox-sideFooter{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;position:relative}.cardSideFooter-bottomsections{-webkit-flex-basis:100%;flex-basis:100%}.cardFooterContent{-webkit-flex-grow:1;flex-grow:1;padding:0 1.25em;-webkit-justify-content:center;justify-content:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;font-weight:600;min-height:3em;box-sizing:border-box}.cardFooterContent-start{text-align:start;padding:0 .5em}.cardFooterContent>.cardText{padding-top:0;-webkit-padding-start:.25em;padding-inline-start:.25em;-webkit-padding-end:.25em;padding-inline-end:.25em}.mediaSourceIndicator{display:-webkit-flex;display:flex;position:absolute;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:.3em;left:.3em;inset-inline-start:.3em;inset-inline-end:initial;text-align:center;vertical-align:middle;width:1.6em;height:1.6em;border-radius:50%;color:#fff;background:#38c}.cardContent{overflow:hidden;display:block;margin:0!important;height:100%;-webkit-tap-highlight-color:transparent;contain:strict;content-visibility:auto;position:relative}.cardImageContainer{background-size:contain;background-repeat:no-repeat;background-position:center center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative;color:inherit;height:100%;border-radius:.3em;contain:strict;content-visibility:auto}@supports (aspect-ratio:16 / 9){.cardImageContainer{background-clip:content-box!important}}.chapterCardImageContainer{background-color:#000;border-radius:0}.cardContent-button{border:0!important;-webkit-padding-start:0!important;padding-inline-start:0!important;-webkit-padding-end:0!important;padding-inline-end:0!important;padding-top:0!important;cursor:pointer;color:inherit;width:100%;vertical-align:middle;font-family:inherit;font-size:inherit;outline:0}.cardContent-bg-black{background-color:#000!important}.paddedImage{background-size:auto 70%}.grayscaleImage{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.visualCardBox .cardContent{border-bottom-left-radius:0;border-bottom-right-radius:0;border-end-start-radius:0;border-end-end-radius:0}.cardImageContainer-sideFooter{position:relative;width:5.4em;height:5.4em;border-radius:0;-webkit-flex-shrink:0;flex-shrink:0;padding:0!important}.cardImageContainer-smallSideFooter{height:3.6em;width:3.6em;padding:0!important}.cardImage{position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;background-size:contain;background-repeat:no-repeat;background-position:center bottom;width:100%;height:100%;object-position:center center;object-fit:contain;border:0!important;contain:layout style paint;content-visibility:auto}.cardImage-padded{height:70%;top:15%;bottom:15%}.cardContent-round{border-radius:100em;background-size:cover;background-position:center center;object-fit:cover}.coveredImage{background-size:100% 100%;background-position:center center;object-fit:fill}.coveredImage-noScale{background-size:cover;object-fit:cover}.coveredImage-contain{background-size:contain;object-fit:contain}.cardFooter{padding:.4em .5em .85em .5em;position:relative}.cardFooter-side{padding-top:0;padding-bottom:0}.cardFooter-vibrant::before{position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;background:rgba(0,0,0,.1);content:" "}.cardFooter-vibrant{padding:.5em .5em .85em .5em;font-weight:600;position:relative}.visualCardBox{box-shadow:0 .06933em .06933em 0 rgba(0,0,0,.14),0 .13866em .06933em -.06933em rgba(0,0,0,.12),0 .06933em .208em 0 rgba(0,0,0,.2);border-radius:.42em}.visualCardBox-vibrant{overflow:hidden;background-size:cover;background-repeat:no-repeat}.innerCardFooter{background-color:transparent;position:absolute;bottom:0;text-align:start;overflow:hidden;max-width:100%;color:#fff;left:0;right:0;inset-inline-start:0;inset-inline-end:0;text-shadow:.14em .14em .28em rgba(0,0,0,.45)}.cardText{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardText-overview{white-space:normal;height:3.8rem;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;text-align:left}.cardText-secondary{font-size:92%}.cardText-first-padded{padding-top:.22em}.innerCardFooter>.cardText{padding:.1em .35em}.cardFooter-withlogo{-webkit-padding-start:4em;padding-inline-start:4em;position:relative}.cardFooterLogo{position:absolute;top:0;bottom:0;left:0;inset-inline-start:0;inset-inline-end:initial;width:4.5em;background-size:70% auto;background-repeat:no-repeat;background-position:center center}.cardDefaultText{white-space:normal;text-align:center;position:absolute;top:30%;left:10%;inset-inline-start:10%;inset-inline-end:initial;width:80%}@supports (aspect-ratio:16 / 9){.cardDefaultText{position:static;top:initial;left:initial;right:initial;inset-inline-start:initial;inset-inline-end:initial;width:auto}}.textActionButton{border:0!important;background:0 0;border:0!important;padding:0!important;cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit!important;display:inline-block;vertical-align:middle;font-family:inherit;font-size:inherit;outline:0!important;font-weight:inherit;line-height:normal!important}.cardTextActionButton{width:100%;overflow:hidden;text-overflow:ellipsis;text-align:inherit;line-height:1!important}.cardTextLinksLine>.cardTextActionButton{width:auto}.cardImageIcon{font-size:4em!important;color:inherit}.cardImageIcon-sideFooter{font-size:3em!important}.cardImageIcon-smallSideFooter{font-size:1.64em!important}.cardImageIcon-center{width:1em;height:1em;position:absolute;top:50%;left:50%;inset-inline-start:50%;inset-inline-end:initial;-webkit-margin-start:-.5em;margin-inline-start:-.5em;margin-top:-.5em}@supports (aspect-ratio:16 / 9){.cardImageIcon-center{width:auto;height:auto;position:initial;margin-top:0;-webkit-margin-start:0;margin-inline-start:0}}.cardRefreshIndicator-sideFooter{position:absolute!important}.cardOverlayButton{color:rgba(255,255,255,.76);margin:0;z-index:1}.cardOverlayButton-br{position:absolute;bottom:0;right:0;inset-inline-start:initial;inset-inline-end:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.cardOverlayButtonIcon{border-radius:100em;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}:root{--backdrop-cards:1;--small-sidefooter-cards:1.3;--sidefooter-cards:1;--banner-cards:1;--four-three-cards:2;--square-cards:2;--portrait-cards:3;--user-cards-size-adjust:0;--app-cards-size-adjust:0}.itemsContainer-defaultCardSize{--user-cards-size-adjust:0}.cardSizeSmaller{--app-cards-size-adjust:1}@media all and (min-width:60em) and (max-width:99em){.skinBody-withFullDrawer{--app-cards-size-adjust:-1}.skinBody-withFullDrawer .cardSizeSmaller{--app-cards-size-adjust:-1}}.squareCard{width:16.6666667%;width:calc(100% / (var(--square-cards) + var(--app-cards-size-adjust)))}.squareCard-horiz{width:15.3333333vw;width:calc(92vw / var(--square-cards))}.portraitCard{width:16.6666667%;width:calc(100% / (var(--portrait-cards) + var(--app-cards-size-adjust)))}.portraitCard-horiz{width:15.3333333vw;width:calc(92vw / var(--portrait-cards))}.bannerCard{width:33.333333%;width:calc(100% / (var(--banner-cards) + var(--app-cards-size-adjust)))}.bannerCard-horiz{width:30.66667vw;width:calc(92vw / var(--banner-cards))}.sideFooterCard{width:25%;width:calc(100% / (var(--sidefooter-cards) + var(--app-cards-size-adjust)))}.sideFooterCard-horiz{width:23vw;width:calc(92vw / var(--sidefooter-cards))}.smallSideFooterCard{width:16.6666667%;width:calc(100% / (var(--small-sidefooter-cards) + var(--app-cards-size-adjust)))}.smallSideFooterCard-horiz{width:15.3333333vw;width:calc(92vw / (var(--small-sidefooter-cards) + var(--app-cards-size-adjust)))}.fourThreeCard{width:25%;width:calc(100% / (var(--four-three-cards) + var(--app-cards-size-adjust)))}.fourThreeCard-horiz{width:23vw;width:calc(92vw / var(--four-three-cards))}.backdropCard{width:25%;width:calc(100% / (var(--backdrop-cards) + var(--app-cards-size-adjust)))}.backdropCard-horiz{width:23vw;width:calc(92vw / var(--backdrop-cards))}@supports (width:max(10em,5vw)){.squareCard{width:calc(100% / max((var(--square-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),2))}.squareCard-horiz{width:calc(92vw / max((var(--square-cards) + var(--user-cards-size-adjust)),2))}.portraitCard{width:calc(100% / max((var(--portrait-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),3))}.portraitCard-horiz{width:calc(92vw / max((var(--portrait-cards) + var(--user-cards-size-adjust)),3))}.bannerCard{width:calc(100% / max((var(--banner-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))}.bannerCard-horiz{width:calc(92vw / max((var(--banner-cards) + var(--user-cards-size-adjust)),1))}.sideFooterCard{width:calc(100% / max((var(--sidefooter-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))}.sideFooterCard-horiz{width:calc(92vw / max((var(--sidefooter-cards) + var(--user-cards-size-adjust)),1))}.smallSideFooterCard{width:calc(100% / max((var(--small-sidefooter-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1.3))}.smallSideFooterCard-horiz{width:calc(92vw / max((var(--small-sidefooter-cards) + var(--user-cards-size-adjust)),1.3))}.fourThreeCard{width:calc(100% / max((var(--four-three-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),2))}.fourThreeCard-horiz{width:calc(92vw / max((var(--four-three-cards) + var(--user-cards-size-adjust)),2))}.backdropCard{width:calc(100% / max((var(--backdrop-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))}.backdropCard-horiz{width:calc(92vw / max((var(--backdrop-cards) + var(--user-cards-size-adjust)),1))}}@media all and (orientation:landscape){:root{--backdrop-cards:2}}@media all and (orientation:portrait) and (min-width:24em){:root{--backdrop-cards:2}}@media all and (orientation:portrait) and (min-width:31.25em){:root{--square-cards:3}}@media all and (min-width:31.25em){:root{--four-three-cards:3}}@media all and (min-width:36em){:root{--square-cards:3;--portrait-cards:4}}@media all and (min-width:40em){:root{--square-cards:4;--small-sidefooter-cards:2}}@media all and (orientation:landscape) and (min-width:40em){:root{--portrait-cards:5}}@media all and (orientation:landscape) and (min-width:50em){:root{--square-cards:5}}@media all and (min-width:45em){:root{--four-three-cards:4;--sidefooter-cards:2}}@media all and (min-width:50em){:root{--small-sidefooter-cards:3}}@media (min-width:50em){:root{--backdrop-cards:3}}@media all and (min-width:55em){:root{--banner-cards:2;--square-cards:5;--portrait-cards:5}}@media (min-width:62.5em){:root{--backdrop-cards:4}}@media all and (min-width:66em){:root{--small-sidefooter-cards:4}}@media all and (min-width:70em){:root{--four-three-cards:5;--square-cards:6;--portrait-cards:6}}@media all and (min-width:76em){:root{--sidefooter-cards:3}}@media all and (min-width:82.5em){:root{--backdrop-cards:5}}@media all and (min-width:85em){:root{--square-cards:7;--portrait-cards:7}}@media all and (min-width:100em){:root{--banner-cards:3;--small-sidefooter-cards:5;--four-three-cards:6;--square-cards:8;--portrait-cards:8}}@media all and (min-width:115em){:root{--small-sidefooter-cards:6;--portrait-cards:9;--square-cards:9}}@media all and (min-width:120em){:root{--small-sidefooter-cards:6}}@media all and (min-width:130em){:root{--square-cards:10;--portrait-cards:10}}@media all and (min-width:131.25em){:root{--backdrop-cards:6;--four-three-cards:7;--sidefooter-cards:4}}@media all and (min-width:145em){:root{--square-cards:11;--portrait-cards:11}}@media all and (min-width:150em){:root{--banner-cards:4}}@media all and (min-width:160em){:root{--backdrop-cards:7;--small-sidefooter-cards:7;--four-three-cards:8;--square-cards:12;--portrait-cards:12}}@media all and (min-width:175em){:root{--square-cards:13;--portrait-cards:13}}@media all and (min-width:180em){:root{--small-sidefooter-cards:8;--four-three-cards:9}}@media all and (min-width:190em){:root{--square-cards:14;--portrait-cards:14}}@media all and (min-width:200em){:root{--banner-cards:5;--sidefooter-cards:5;--backdrop-cards:8;--small-sidefooter-cards:9;--four-three-cards:10}}@media all and (min-width:205em){:root{--square-cards:15;--portrait-cards:15}}@media all and (min-width:220em){:root{--sidefooter-cards:6;--backdrop-cards:9;--small-sidefooter-cards:10;--four-three-cards:11;--square-cards:16;--portrait-cards:16}}@media all and (min-width:240em){:root{--banner-cards:6;--sidefooter-cards:7;--small-sidefooter-cards:11;--four-three-cards:12;--square-cards:17;--portrait-cards:17}}@media all and (orientation:portrait) and (max-width:35em){.scrollX{--backdrop-cards:1.2}}.layout-tv:root{--square-cards:5;--banner-cards:3;--sidefooter-cards:3;--small-sidefooter-cards:4;--portrait-cards:6;--backdrop-cards:4;--four-three-cards:5}.cardOverlayContainer{background:rgba(51,51,51,.5);opacity:0;transition:opacity .2s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;-webkit-user-select:none;user-select:none;display:none;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:.3em;z-index:2;contain:layout style}.cardContent-button+.cardOverlayContainer{cursor:pointer}.chkCardSelectContainer{font-size:76%;width:auto!important;margin:0!important;display:-webkit-inline-flex!important;display:inline-flex!important;-webkit-padding-start:.7em!important;padding-inline-start:.7em!important;-webkit-align-items:flex-start!important;align-items:flex-start!important;padding-top:.8em!important;position:absolute!important;top:0;left:0;inset-inline-start:0;inset-inline-end:initial;padding:.8em .7em!important}@media (hover:hover) and (pointer:fine){.cardOverlayContainer{display:-webkit-flex;display:flex}.card-hoverable:hover .cardOverlayContainer{opacity:1}}.chkCardSelect{top:0;left:0;inset-inline-start:0;inset-inline-end:initial}.chkCardSelect+.checkboxLabel,.chkCardSelect+.checkboxLabel::before{border-radius:100em!important}.chkCardSelect-checkboxLabel::after{border-width:.2em!important}.cardOverlayButton-hover{background:0 0;color:#fff}.cardOverlayButtonIcon-hover{background:0 0!important;line-height:initial!important;padding:.4em!important}.cardOverlayFab-primary{font-size:180%!important;padding:0!important;transition:-webkit-transform 240ms ease-out,opacity 180ms ease-out;transition:transform 240ms ease-out,opacity 180ms ease-out;position:absolute;top:50%;left:50%;inset-inline-start:50%;inset-inline-end:initial;margin-top:-.83em!important;margin-bottom:0!important;-webkit-margin-start:-.83em!important;margin-inline-start:-.83em!important;-webkit-margin-end:0!important;margin-inline-end:0!important;width:1.66em;height:1.66em}.cardOverlayFab-primary:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}[dir=rtl] .cardOverlayFab-primary:hover{-webkit-transform:scaleX(-1) scale(1.1);transform:scaleX(-1) scale(1.1)}.multi-select-active .cardIndicator{display:none}.multi-select-active .cardOverlayContainer{display:block!important;opacity:1!important}.multi-select-active .cardImageContainer{transition:-webkit-transform .135s cubic-bezier(0, 0, .2, 1);transition:transform .135s cubic-bezier(0, 0, .2, 1)}.multi-select-active .cardOverlayButton:not(.chkCardSelectContainer){opacity:0!important;display:none!important}.multi-select-active .chkCardSelectContainer{opacity:1!important}.item-multiselected .cardImageContainer{-webkit-transform:translateZ(0) scale3d(.79,.84,1);transform:translateZ(0) scale3d(.79,.84,1)}.item-multiselected .cardOverlayContainer{background:0 0!important}.cardMissingIndicator{position:absolute;top:.35em;left:.225em;inset-inline-start:.225em;inset-inline-end:initial;margin:0!important;contain:layout style}.cardSyncIndicator{position:absolute;bottom:.35em;right:.18em;inset-inline-start:initial;inset-inline-end:.18em;contain:layout style}.cardPlayedIndicator,.cardTimerIndicator{border-radius:100em;font-size:1.28em;height:1.25em;width:1.25em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:.18em;position:absolute;right:.18em;inset-inline-start:initial;inset-inline-end:.18em;contain:layout style}.cardPlayedIndicator+.cardTimerIndicator{right:1.5em;inset-inline-start:initial;inset-inline-end:1.5em}.cardCountIndicator{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:.225em;position:absolute;right:.225em;inset-inline-start:initial;inset-inline-end:.225em;contain:layout style}.cardProgramIndicator{contain:layout style;display:-webkit-inline-flex;display:inline-flex;margin-top:0;margin-bottom:.2em;-webkit-margin-start:.35em;margin-inline-start:.35em;-webkit-margin-end:0;margin-inline-end:0;padding:.08em .5em;border-radius:.42em;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-transform:uppercase;font-size:84%;font-weight:600}.drag-reorder-y-active .skinHeader{z-index:0!important}.drag-reorder-y-active .appfooter{display:none!important}.dragging .cardOverlayContainer,.dragging .cardIndicator:not(.cardIndicatorIcon-dragHandle){display:none!important}.cardIndicatorIcon{font-size:1.6em;top:.225em;left:.225em;inset-inline-start:.225em;inset-inline-end:initial;position:absolute;color:#fff}.cardIndicatorIcon-dragHandle{right:.225em;inset-inline-start:initial;inset-inline-end:.225em;text-shadow:.14em .14em .28em rgba(0,0,0,.45);cursor:pointer}.cardMediaInfoItems{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-column-gap:initial!important;column-gap:initial!important;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.cardMediaInfoItem{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.cardMediaInfoItem+.cardMediaInfoItem{-webkit-margin-start:.5em!important;margin-inline-start:.5em!important}.cardMediaInfoItem .starIcon{line-height:.96}.card.dragging-over{position:relative;contain:none!important;z-index:1}.dragging-over-left::before{content:' ';width:.24em;position:absolute;top:.8em;bottom:.8em;left:-.14em;inset-inline-start:-.14em;inset-inline-end:initial;z-index:99999;border-radius:100em}.dragging-over-right::after{content:' ';width:.24em;position:absolute;right:-.14em;top:.8em;bottom:.8em;inset-inline-start:initial;inset-inline-end:-.14em;z-index:99999;border-radius:100em}.cardProgressBarContainer{background:0 0!important}.visualCardBox-vibrant-lg::before{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;background:rgba(0,0,0,.2);z-index:-1}.autoWidthCard{width:auto}.card:focus .cardContent-bxsborder{contain:initial;content-visibility:initial;overflow:visible}.card:focus-visible .cardContent-bxsborder-fv{contain:initial;content-visibility:initial;overflow:visible}.sideFooterCard:focus .cardBox-sideFooter-f{overflow:visible}.sideFooterCard:focus .cardBox-sideFooter-f .cardContent{border-start-start-radius:inherit;border-end-start-radius:inherit}.card:focus .cardContent-bxsborder::before,.sideFooterCard:focus .cardBox-sideFooter-f::before{content:" ";position:absolute;top:-.34em;left:-.34em;right:-.34em;bottom:-.34em;border-width:.22em;border-style:solid;border-radius:.6em}.sideFooterCard:focus .cardBox-sideFooter-f::before{border-radius:.72em}.card:focus-visible .cardContent-bxsborder-fv::before{content:" ";position:absolute;top:-.34em;left:-.34em;right:-.34em;bottom:-.34em;border-width:.22em;border-style:solid;border-radius:.6em}.card:focus .cardContent-bxsborder.cardContent-round::before{border-radius:100em}.card:focus .cardContent-bxsborder .cardImage{border-radius:inherit}.card:focus-visible .cardContent-bxsborder-fv.cardContent-round::before{border-radius:100em}.card:focus-visible .cardContent-bxsborder-fv .cardImage{border-radius:inherit}.buttonCardBox{border-radius:.6em;margin:.4em}.buttonCardBox::before,.cardBox-sideFooter::before{display:none!important} \ No newline at end of file diff --git a/modules/cardbuilder/cardbuilder.js b/modules/cardbuilder/cardbuilder.js index bc2664b..a6de6a7 100644 --- a/modules/cardbuilder/cardbuilder.js +++ b/modules/cardbuilder/cardbuilder.js @@ -1 +1 @@ -define(["exports","./../emby-apiclient/connectionmanager.js","./../emby-apiclient/events.js","./../common/textencoding.js","./../common/globalize.js","./../common/datetime.js","./../common/itemmanager/itemmanager.js","./../common/playback/playbackmanager.js","./../dom.js","./../browser.js","./../focusmanager.js","./../layoutmanager.js","./../mediainfo/mediainfo.js","./../common/dataformatter.js","./../indicators/indicators.js","./../shortcuts.js","./../common/servicelocator.js","./../imageloader/imageloader.js","./../emby-elements/userdatabuttons/emby-playstatebutton.js","./../emby-elements/userdatabuttons/emby-ratingbutton.js","./../emby-elements/emby-checkbox/emby-checkbox.js","./../emby-elements/emby-button/paper-icon-button-light.js","./../common/usersettings/usersettings.js"],function(_exports,_connectionmanager,_events,_textencoding,_globalize,_datetime,_itemmanager,_playbackmanager,_dom,_browser,_focusmanager,_layoutmanager,_mediainfo,_dataformatter,_indicators,_shortcuts,_servicelocator,_imageloader,_embyPlaystatebutton,_embyRatingbutton,_embyCheckbox,_paperIconButtonLight,_usersettings){Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,require(["css!modules/cardbuilder/card.css","programStyles","embyProgressBarStyle"]);var decodingAttribute=_dom.default.supportsAsyncDecodedImages()?' decoding="async"':"",supportsObjectFit=CSS.supports("object-fit","contain")&&!_browser.default.edge,supportsCssVariables=CSS.supports("color","var(--fake-var)"),supportsCalc=CSS.supports("width","min(45.2%,calc(100% - .65em))"),supportsMin=CSS.supports("width","min(10em, 5vw)"),EnableFocusTransfrom=_dom.default.allowFocusScaling(),supportsNativeLazyLoading="loading"in HTMLImageElement.prototype;var refreshIndicatorLoaded,cachedWidths={};function setListOptions(items,options){null==options.isBoundListItem&&(options.isBoundListItem=!0),options.horizontal,options.loadingLazyAttribute=' loading="lazy"',options.cardSize&&"default"!==options.cardSize||(options.cardSize=_usersettings.default.cardSize()),options.itemSelector=".card",options.imageFallback=!1!==options.imageFallback;for(var shape=options.shape||"auto",fieldMap=(options.sideFooter&&(options.textLinks=!(shape="banner")),options.fields||(options.fields=[]),{}),i=0,length=options.fields.length;i
91%
'),options.PersonRole&&lines.push(""),options.ChapterTime&&lines.push(""),options.ChannelName&&lines.push(""),options.LastServerAddress&&lines.push(""),options.Overview&&lines.push(getOverviewText("")),options.MediaInfo&&lines.push(""),options.Album&&lines.push(""),options.Type&&lines.push(""),options.LastActivityDateRelative&&lines.push(""),options.DateCreated&&lines.push(""),options.DateModified&&lines.push(""),options.Size&&lines.push(""),options.Version&&lines.push(""),options.Url&&lines.push(""),options.InstalledVersion&&lines.push(""),options.ItemImageName&&lines.push(""),options.Filename&&lines.push(""),options.FilenameOrName&&lines.push(""),(options.Resolution||options.Container||options.Bitrate)&&lines.push(""),options.ParentName&&lines.push(""),options.CollectionType&&lines.push(""),options.LibraryFolders&&lines.push(""),options.AppNameVersion&&lines.push(""),options.AppName&&lines.push(""),options.DeviceUserInfo&&lines.push(""),options.CurrentProgramTime&&lines.push(""),options.CurrentProgramParentName&&lines.push(""),options.CurrentProgramName&&lines.push(""),options.SeriesTimerChannel&&lines.push(""),options.SeriesTimerTime&&lines.push(""),options.ImageEditorStandardButtons&&lines.push(""),options.ImageEditorBackdropButtons&&lines.push(""),options.Genres&&lines.push(""),options.Tags&&lines.push(""),options.Studios&&lines.push(""),options.SessionNowPlayingInfo&&(lines.push(""),lines.push(""),lines.push("")),options.AirTime&&lines.push(""),options.AccessToken&&lines.push(""),options.DownloadableImageInfo&&(lines.push(""),lines.push("")),lines}(options),autoShape=(options.lines||options.overlayText||(options.lines=templateLines.length),"auto"===shape||"autooverflow"===shape),items=shape=autoShape?_imageloader.default.getShape(items,options):shape,autoShape=(options.sideFooter&&(items="square"),"auto"===options.preferThumb&&(options.preferThumb="square"===items?null:"backdrop"===items||"fourThree"===items),!0===options.preferThumb&&autoShape&&(items="backdrop",options.sideFooter||(shape="backdrop")),options.uiAspect=_imageloader.default.getAspectFromShape(items,options).aspect,!options.width&&options.widths&&(options.width=options.widths[items]),options.rows&&"number"!=typeof options.rows&&(options.rows=options.rows[items]),"card"),isLayoutTV=(shape&&(autoShape+=" "+shape+"Card"),options.horizontal&&(autoShape+=" card-horiz "+shape+"Card-horiz"),options.cardClass&&(autoShape+=" "+options.cardClass),_layoutmanager.default.tv),isSingleClickElement=(isLayoutTV||(autoShape+=" card-hoverable"),options.enableFocusScaling=!1!==options.enableFocusScaling&&isLayoutTV&&EnableFocusTransfrom,options.enableCardBox=options.enableFocusScaling||options.cardLayout||options.sideFooter||!isLayoutTV||!options.isVirtualList,isLayoutTV&&!options.staticElement||!1===options.hoverMenu&&"none"!==options.action),lineContents=(options.enableFocusScaling&&(autoShape+=" card-focustransform"),options.sideFooter&&(autoShape+=" sideFooterCard",options.horizontal)&&(autoShape+=" sideFooterCard-horiz"),options.smallSideFooter&&(autoShape+=" smallSideFooterCard",options.horizontal)&&(autoShape+=" smallSideFooterCard-horiz"),isSingleClickElement?(tagName="button",autoShape+=" itemAction"):(tagName="div",options.staticElement||(options.addTabIndex=!0)),isLayoutTV?(options.draggable=!1,options.dropTarget=!1,options.dragReorder=!1):(options.draggable=!1!==options.draggable,options.dragReorder&&options.draggable?autoShape+=" drop-target ordered-drop-target-x":options.dropTarget&&(autoShape+=" drop-target full-drop-target")),[]);for(options.lines&&(lineContents.length=options.lines),i=0,length=lineContents.length;i
':screenWidth.innerHTML='
',(itemsContainerClass=document.body).appendChild(screenWidth),width=options.sideFooter?cachedWidths[key]=screenWidth.querySelector(".cardImageContainer").offsetWidth||400:cachedWidths[key]=screenWidth.querySelector(".cardScalable").offsetWidth||400,itemsContainerClass.removeChild(screenWidth),console.log("width: "+width)),width}(autoShape,cardBoxClass,cardContentClass,options,screenWidth),windowWidth=screenWidth,(screen=window.screen)&&20':""),cardDefaultTextClass=cardDefaultTextClass.join(" "),innerCardFooterClass=innerCardFooterClass.join(" "),screen=(isSingleClickElement||"none"===options.action?screenWidth+='
':screenWidth+='',"cardFooter"),windowWidth=(options.vibrant&&(screen+=" cardFooter-vibrant"),options.outerFooterClass=screen,options.cardLayout&&(screenWidth+='
'),screenWidth+=lines,options.cardLayout&&(screenWidth+="
"),options.enableCardBox&&(screenWidth+=""),null==options.defaultIcon&&(options.sideFooter||options.lines||fieldMap.Name?options.defaultIcon=!0:options.defaultIcon=!1),options.moreTitle=_globalize.default.translate("More"),options.multiSelectTitle=_globalize.default.translate("MultiSelect"),options.multiSelect=!1!==options.multiSelect&&!isLayoutTV,options.contextMenu=!1!==options.contextMenu,options.enableUserData=!1!==options.enableUserData,"");options.addTabIndex&&(windowWidth+=' tabindex="0"'),options.draggable&&(windowWidth+=' draggable="true"'),"button"===tagName&&(windowWidth+=' type="button"'),options.fixedAttributes=windowWidth.trim(),options.templateInnerHTML=screenWidth,options.cardPadderClass=cardDefaultTextClass,options.innerCardFooterClass=innerCardFooterClass,options.tagName=tagName,options.shape=shape,options.imageShape=items,options.className=autoShape,options.isSingleClickElement=isSingleClickElement,options.cardContentClass=cardContentClass,options.cardBoxClass=cardBoxClass}function buildCardsHtmlInternal(items,options){setListOptions(items,options);for(var hasOpenRow,html="",itemsInRow=0,rows=options.rows,i=0,length=items.length;i",hasOpenRow=!1),html+='
',hasOpenRow=!0),html+=getCardHtml(items[i],i,options),itemsInRow++,rows&&rows<=itemsInRow&&(html+="
",hasOpenRow=!1,itemsInRow=0);return hasOpenRow&&(html+=""),html}function getCardTextLines(lines,cssClass,forceLines,isOuterFooter,maxLines,options){for(var html="",valid=0,currentCssClass=cssClass,i=0,length=lines.length;i')+text+"",valid++,maxLines)&&maxLines<=valid)break}if(forceLines)for(length=maxLines||Math.min(lines.length,maxLines||lines.length);valid ',valid++;return html}function isUsingLiveTvNaming(itemType){return"Program"===itemType||"Timer"===itemType||"Recording"===itemType}function getAirTimeText(item,showAirDateTime,showAirEndTime){var airTimeText="";if(item.StartDate)try{var date=new Date(Date.parse(item.StartDate));showAirDateTime&&(airTimeText+=_datetime.default.toLocaleDateString(date,{weekday:"short",month:"short",day:"numeric"})+" "),airTimeText+=_datetime.default.getDisplayTime(date),item.EndDate&&showAirEndTime&&(date=new Date(Date.parse(item.EndDate)),airTimeText+=" – "+_datetime.default.getDisplayTime(date))}catch(e){console.log("Error parsing date: "+item.StartDate)}return airTimeText}function getOverviewText(text){var html='
';return{html:html+_textencoding.default.htmlEncode(text||"")+"
"}}function getTextLinksLine(options,item,linkItems,linkItemType,limit){linkItems=linkItems||[];for(var html="",i=0,length=limit=Math.min(linkItems.length,limit);i'+html+""}function getCardFooterText(item,itemController,options,fieldMap,imgUrl,footerClass,progressHtml,logoUrl,isOuterFooter){var parentTitleUnderneath,itemType=item.Type,html="",lines=(logoUrl&&(html+=''),[]);switch(itemType){case"MusicAlbum":case"Audio":case"MusicVideo":case"Game":parentTitleUnderneath=!0}var serverId=item.ServerId||options.serverId,parentTitle=(fieldMap.Album&&options.albumFirst&&(isOuterFooter&&item.AlbumId&&item.Album?lines.push(getTextActionButton(options,{Id:item.AlbumId,ServerId:serverId,Name:item.Album,Type:"MusicAlbum",IsFolder:!0})):lines.push(item.Album||"")),!fieldMap.ParentName&&!fieldMap.ParentNameOrName||parentTitleUnderneath||(isOuterFooter&&"Episode"===itemType&&item.SeriesName?item.SeriesId?lines.push(getTextActionButton(options,{Id:item.SeriesId,ServerId:serverId,Name:item.SeriesName,Type:"Series",IsFolder:!0})):lines.push(_textencoding.default.htmlEncode(item.SeriesName)):isUsingLiveTvNaming(itemType)?(lines.push(_textencoding.default.htmlEncode(item.Name)),item.EpisodeTitle||(titleAdded=!0)):((parentTitle=item.SeriesName||item.Series||item.Album||(item.AlbumArtist?item.AlbumArtist.Name||item.AlbumArtist:null)||item.GameSystem||"")||fieldMap.Name)&&lines.push(_textencoding.default.htmlEncode(parentTitle))),fieldMap.Name&&!titleAdded||fieldMap.ParentNameOrName&&!lines.length);if((parentTitle=parentTitle||titleAdded||!fieldMap.Name?parentTitle:!0)&&(titleAdded=itemController.getDisplayName(item,{includeParentInfo:options.includeParentInfoInTitle,channelNumberFirst:options.channelNumberFirst}))&&(isOuterFooter?lines.push(getTextActionButton(options,item,titleAdded,serverId,options.parentId,!0)):lines.push(_textencoding.default.htmlEncode(titleAdded))),fieldMap.Type&&lines.push(itemController.getItemTypeName(itemType)),fieldMap.ParentName&&parentTitleUnderneath&&(isOuterFooter&&item.AlbumArtists&&item.AlbumArtists.length&&"MusicAlbum"===itemType?(item.AlbumArtists[0].Type="MusicArtist",item.AlbumArtists[0].IsFolder=!0,lines.push(getTextActionButton(options,item.AlbumArtists[0],null,serverId))):isOuterFooter&&item.ArtistItems&&item.ArtistItems.length?(item.ArtistItems[0].Type="MusicArtist",item.ArtistItems[0].IsFolder=!0,lines.push(getTextActionButton(options,item.ArtistItems[0],null,serverId))):isOuterFooter&&item.AlbumArtists&&item.AlbumArtists.length?(item.AlbumArtists[0].Type="MusicArtist",item.AlbumArtists[0].IsFolder=!0,lines.push(getTextActionButton(options,item.AlbumArtists[0],null,serverId))):isOuterFooter&&item.GameSystem&&item.GameSystemId?lines.push(getTextActionButton(options,{Id:item.GameSystemId,ServerId:serverId,Name:item.GameSystem,Type:"GameSystem",IsFolder:!0})):lines.push(_textencoding.default.htmlEncode(isUsingLiveTvNaming(itemType)?item.Name:item.SeriesName||item.Series||item.Album||(item.AlbumArtist?item.AlbumArtist.Name||item.AlbumArtist:null)||item.GameSystem||""))),options.textLines)for(var additionalLines=options.textLines(item),i=0,length=additionalLines.length;i'+lineParts.join("")+"")),fieldMap.ProductionYear),titleAdded=fieldMap.OfficialRating,lineParts=fieldMap.Runtime;if((parentTitle||titleAdded||lineParts)&&(_lineParts=[],parentTitle&&("Series"===itemType?"Continuing"===item.Status?item.ProductionYear&&_lineParts.push(_globalize.default.translate("SeriesYearToPresent",item.ProductionYear||"")):(parentTitle=item.EndDate?new Date(Date.parse(item.EndDate)).getFullYear():null)&&item.ProductionYear&&parentTitle!==item.ProductionYear?_lineParts.push(item.ProductionYear+" – "+parentTitle):item.ProductionYear&&_lineParts.push(item.ProductionYear):item.ProductionYear&&_lineParts.push(item.ProductionYear)),lineParts&&item.RunTimeTicks&&_lineParts.push(_datetime.default.getHumanReadableRuntime(item.RunTimeTicks)),titleAdded&&item.OfficialRating&&_lineParts.push(item.OfficialRating),lines.push(_lineParts.join("  "))),fieldMap.Genres)if(null!=(parentTitle=item.GenreItems)&&parentTitle.length){switch(itemType){case"Audio":case"MusicAlbum":case"MusicArtist":case"MusicVideo":0;break;case"Game":case"GameSystem":0;break;default:0}lines.push(getTextLinksLine(options,item,item.GenreItems,0,2))}else emptyLines.push('
 
');return fieldMap.Studios&&(null!=(lineParts=item.Studios)&&lineParts.length?lines.push(getTextLinksLine(options,item,item.Studios,0,1)):emptyLines.push('
 
')),fieldMap.Tags&&(null!=(titleAdded=item.TagItems)&&titleAdded.length?lines.push(getTextLinksLine(options,item,item.TagItems,0,2)):emptyLines.push('
 
')),fieldMap.AirTime&&lines.push(getAirTimeText(item,options.showAirDateTime,options.showAirEndTime)||""),fieldMap.ChannelName&&(item.ChannelId?lines.push(getTextActionButton(options,{Id:item.ChannelId,ServerId:serverId,Name:item.ChannelName,ChannelNumber:item.ChannelNumber,Type:"TvChannel",MediaType:item.MediaType,IsFolder:!1})):lines.push(item.ChannelName||" ")),fieldMap.CurrentProgramParentName&&(item.CurrentProgram?lines.push(item.CurrentProgram.Name||""):lines.push("")),fieldMap.CurrentProgramName&&(item.CurrentProgram?lines.push(item.CurrentProgram.EpisodeTitle||""):lines.push(item.Name||"")),fieldMap.CurrentProgramTime&&(item.CurrentProgram?lines.push(getAirTimeText(item.CurrentProgram,!1,!0)||""):lines.push("")),fieldMap.SeriesTimerTime&&(item.RecordAnyTime?lines.push(_globalize.default.translate("Anytime")):item.StartDate?lines.push(_datetime.default.getDisplayTime(item.StartDate)):lines.push("")),fieldMap.SeriesTimerChannel&&(item.RecordAnyChannel||null==(_lineParts=item.ChannelIds)||!_lineParts.length?lines.push(_globalize.default.translate("AllChannels")):1<(null==(parentTitle=item.ChannelIds)?void 0:parentTitle.length)?lines.push(_globalize.default.translate("NumberChannelsValue",null==(itemType=item.ChannelIds)?void 0:itemType.length)):item.ChannelName?lines.push(_itemmanager.default.getDisplayName({Id:item.ChannelId,ServerId:serverId,Name:item.ChannelName,ChannelNumber:item.ChannelNumber,Type:"TvChannel",MediaType:item.MediaType,IsFolder:!1},{})):lines.push(_globalize.default.translate("OneChannel"))),fieldMap.PersonRole&&(item.Role?lines.push(_globalize.default.translate("ActorAsRole",item.Role)):item.PersonType?lines.push(_globalize.default.translate(item.PersonType)):lines.push("")),fieldMap.ChapterTime&&lines.push(_datetime.default.getDisplayRunningTime(item.StartPositionTicks)),fieldMap.LastActivityDateRelative&&lines.push(itemController.resolveField(item,"LastActivityDateRelative")),fieldMap.AppName&&lines.push(itemController.resolveField(item,"AppName")),fieldMap.AccessToken&&lines.push(itemController.resolveField(item,"AccessToken")),fieldMap.DateCreated&&lines.push(itemController.resolveField(item,"DateCreated")),fieldMap.Url&&lines.push(item.Url||""),fieldMap.Version&&lines.push(item.Version||""),fieldMap.CollectionType&&(item.Id?lines.push(_itemmanager.default.getContentTypeName(item.CollectionType)):lines.push("")),fieldMap.LibraryFolders&&(item.Locations&&"boxsets"!==item.CollectionType?1===item.Locations.length?lines.push(item.Locations[0]):lines.push(_globalize.default.translate("NumLocationsValue",item.Locations.length)):lines.push("")),fieldMap.AppNameVersion&&lines.push(itemController.resolveField(item,"AppNameVersion")),fieldMap.InstalledVersion&&(item.InstalledVersion?lines.push(_globalize.default.translate("LabelVersionInstalled",item.InstalledVersion)):lines.push("")),fieldMap.InstalledVersion&&lines.push(item.Version||""),fieldMap.ItemImageName&&(item.ImageTag?lines.push(item.Name):lines.push(" ")),fieldMap.Filename&&lines.push(item.FileName||item.Filename),fieldMap.FilenameOrName&&lines.push(_textencoding.default.htmlEncode(item.FileName||item.Filename||item.Name||"")),fieldMap.MediaInfo&&lines.push({html:'
'+_mediainfo.default.getPrimaryMediaInfoHtml(item,{episodeTitle:!1,subtitles:!1,endsAt:!1})+"
"}),fieldMap.Overview&&lines.push(getOverviewText(item.Overview)),(fieldMap.Resolution||fieldMap.Container||fieldMap.Bitrate)&&(lineParts=[],fieldMap.Container&&item.Container&&lineParts.push(item.Container.toUpperCase()),fieldMap.Resolution&&item.Width&&item.Height&&(titleAdded=_dataformatter.default.getResolutionText(item))&&lineParts.push(titleAdded),fieldMap.Bitrate&&item.Bitrate&&lineParts.push(_dataformatter.default.bitrateToString(item.Bitrate)),lines.push(lineParts.join("  ")||" ")),fieldMap.DownloadableImageInfo&&(lines.push(function(item){var text="",lang=item.DisplayLanguage||item.Language;return item.Width&&item.Height?(text+=item.Width+"x"+item.Height,lang&&(text+=" - "+lang)):lang&&(text+=lang),text}(item)||""),lines.push(function(item){var text;return"Likes"===item.RatingType?text=1===item.CommunityRating?_globalize.default.translate("OneLike"):_globalize.default.translate("LikeCountValue",item.CommunityRating):item.CommunityRating?(text=_dataformatter.default.numberToString(item.CommunityRating,1),item.VoteCount&&(text+=" - "+(1===item.VoteCount?_globalize.default.translate("OneVote"):_globalize.default.translate("VoteCountValue",item.VoteCount)))):text=_globalize.default.translate("Unrated"),text}(item)||"")),fieldMap.DateModified&&lines.push(itemController.resolveField(item,"DateModified")),fieldMap.Size&&lines.push(itemController.resolveField(item,"Size")),fieldMap.DeviceUserInfo&&(_lineParts="",item.LastUserName&&(item.LastUserId?_lineParts+=getTextActionButton(options,{Id:item.LastUserId,Name:item.LastUserName,ServerId:serverId,Type:"User"},item.LastUserName+", "+_dataformatter.default.formatRelativeTime(item.DateLastActivity),null,null):item.LastUserName&&(_lineParts+=item.LastUserName+", "+_dataformatter.default.formatRelativeTime(item.DateLastActivity))),lines.push(_lineParts)),fieldMap.MediaStreamInfo&&_mediainfo.default.pushMediaStreamLines(item,options,lines,itemController.getDefaultIcon(item)),fieldMap.ImageEditorStandardButtons&&lines.push(function(item){var searchText,html="";return item.Providers.length&&(html+=''),item.ImageTag||_servicelocator.appHost.supports("fileinput")&&(html+=''),item.ImageTag&&(html+=''),html}(item)),fieldMap.ImageEditorBackdropButtons&&lines.push(function(){var html="";return html+=''}()),fieldMap.SessionNowPlayingInfo&&function(lines,item){var playstate=item.PlayState,item=item.NowPlayingItem||{};lines.push(item.SeriesName||item.Name),"Episode"===item.Type?lines.push(_itemmanager.default.getDisplayName(item,{includeParentInfo:!0})):item.ArtistItems&&item.ArtistItems.length?lines.push(item.ArtistItems[0].Name):item.ProductionYear&&lines.push(item.ProductionYear),item.RunTimeTicks&&lines.push(_datetime.default.getDisplayRunningTime(playstate.PositionTicks||0)+" / "+_datetime.default.getDisplayRunningTime(item.RunTimeTicks))}(lines,item),fieldMap.LastServerAddress&&("Server"===item.Type?(parentTitle=_connectionmanager.default.getApiClient(item),lines.push(parentTitle&&parentTitle.serverAddress()||"")):lines.push("")),html+=getCardTextLines(lines=lines.concat(emptyLines),options.cardTextCssClass,isOuterFooter,isOuterFooter,options.lines,options),progressHtml&&(html+=progressHtml),html&&(!isOuterFooter||logoUrl||options.cardLayout)&&(html='
'+html,html+="
"),html}function getTextActionButton(options,item,text,serverId,parentId,isSameItemAsCard){var dataAttributes;return text=text||_itemmanager.default.getDisplayName(item),_layoutmanager.default.tv||!1===options.textLinks?_textencoding.default.htmlEncode(text):(text=_textencoding.default.htmlEncode(text),item=isSameItemAsCard?(dataAttributes="",options.linkButtonAction||"link"):(dataAttributes=_shortcuts.default.getShortcutAttributesHtml(item,{serverId:serverId,parentId:parentId,isBoundListItem:options.isBoundListItem&&isSameItemAsCard}),"link"),'")}function getActiveSessionFooterHtml(options,item,apiClient){var html="";return(html+='
')+function(item){var imgClass,imageUrl,html="";return item.NowPlayingItem&&(html+='
",imgClass="secondaryText activeSession-deviceimage",html=(imageUrl=item.AppIconUrl)?html+('
':(html=html+'
')+_itemmanager.default.getDefaultIcon(item)+"
",html+="
",item.Client&&(html=(html+="
")+item.Client+" "+item.ApplicationVersion+"
"),item.DeviceName&&(html=(html+='
')+_textencoding.default.htmlEncode(item.DeviceName)+"
"),item.RemoteEndPoint&&(html=html+'
'+item.RemoteEndPoint,(imageUrl=(item.Protocol||"").toLowerCase())&&(html+=" "+imageUrl),imageUrl.includes("https")&&(html+='https'),html+="
"),html+="
"),html}(item)+function(item){for(var html="",playstate=item.PlayState||{},nowplayingItem=item.NowPlayingItem||{},item=item.TranscodingInfo||{},transcodeReasons=(html=(html=(html=html+'
'+'
')+_globalize.default.translate("Stream"))+"
"+"
",nowplayingItem.Container&&(html=(html+="
")+nowplayingItem.Container.toUpperCase(),nowplayingItem.Bitrate&&(html+=" ("+_dataformatter.default.bitrateToString(nowplayingItem.Bitrate)+")"),html+="
"),html=html+"
"+'',"Transcode"===playstate.PlayMethod?(nowplayingItem=[],item.SubProtocol&&"progressive"!==item.SubProtocol?nowplayingItem.push(item.SubProtocol.toUpperCase()):item.Container&&nowplayingItem.push(item.Container.toUpperCase()),item.Bitrate&&(playstate="(",item.Bitrate&&(playstate+=_dataformatter.default.bitrateToString(item.Bitrate)),item.Framerate&&(playstate+=" "+_dataformatter.default.numberToString(item.Framerate,3)+" fps"),nowplayingItem.push(playstate+=")")),item.CurrentThrottle&&nowplayingItem.push('Throttling'),html+=nowplayingItem.join(" ")):html+=_globalize.default.translate("HeaderDirectPlay"),html+="
",item.TranscodeReasons||[]),i=0,length=transcodeReasons.length;i")+_globalize.default.translate(transcodeReasons[i])+"
";return html=html+"
"+"
"}(item)+function(item){for(var mediaStream,html="",playstate=item.PlayState||{},mediaStreams=(item.NowPlayingItem||{}).MediaStreams||[],videoStreamIndex=playstate.VideoStreamIndex,playstate=item.TranscodingInfo||{},i=0,length=mediaStreams.length;i'+'
')+_globalize.default.translate("Video"))+"
"+"
",mediaStream.DisplayTitle&&(html=html+'
'+mediaStream.DisplayTitle,playstate.VideoDecoderHwAccel&&(html+=''),html+="
"),html=html+'
'+'',!1===playstate.IsVideoDirect?(html=(html=html+_globalize.default.translate("Transcode")+" (")+(playstate.VideoCodec||"").toUpperCase()+" ",playstate.VideoBitrate&&(html+=_dataformatter.default.bitrateToString(playstate.VideoBitrate)),html+=")",playstate.VideoEncoderHwAccel&&(html+='')):(html+=_globalize.default.translate("HeaderDirectPlay"),mediaStream.BitRate&&(html+=" ("+_dataformatter.default.bitrateToString(mediaStream.BitRate)+")")),html+="
",!1===playstate.IsVideoDirect)for(var pipeline=playstate.VideoPipelineInfo||[],_i=0,_length=pipeline.length;_i<_length;_i++){var extra,step=pipeline[_i];"ToneMapping"!==step.StepType&&"Deinterlace"!==step.StepType&&"SubTitleBurnIn"!==step.StepType&&"SubtitleOverlay"!==step.StepType||(html+='
',"ToneMapping"===step.StepType?html+=_globalize.default.translate("HeaderToneMapping"):"Deinterlace"===step.StepType?html+=_globalize.default.translate("Deinterlacing"):"SubTitleBurnIn"!==step.StepType&&"SubtitleOverlay"!==step.StepType||(html+=_globalize.default.translate("HeaderBurningInSubtitles")),extra=[],step.ParamShort?extra.push(step.ParamShort):step.Param?"Subtitles"!==step.Param&&extra.push(step.Param):step.FfmpegOptions&&extra.push(step.FfmpegOptions),extra.length&&(html+=' ('+extra.join(" ")+")"),html+="
")}html=html+"
"+""}return html}(item)+function(item){for(var mediaStream,html="",playstate=item.PlayState||{},mediaStreams=(item.NowPlayingItem||{}).MediaStreams||[],audioStreamIndex=playstate.AudioStreamIndex,playstate=item.TranscodingInfo||{},i=0,length=mediaStreams.length;i
')+_globalize.default.translate("Audio")+"
",html=(mediaStream.DisplayTitle?(html+="
")+mediaStream.DisplayTitle+"
":html)+'
',!1===playstate.IsAudioDirect?(html=(html=html+_globalize.default.translate("Transcode")+" (")+(playstate.AudioCodec||"").toUpperCase()+" ",playstate.AudioBitrate&&(html+=_dataformatter.default.bitrateToString(playstate.AudioBitrate)),html+=")"):(html+=_globalize.default.translate("HeaderDirectPlay"),mediaStream.BitRate&&(html+=" ("+_dataformatter.default.bitrateToString(mediaStream.BitRate)+")")),html+="
"),html}(item)+function(item,apiClient){var html="";if(item.UserId){html+='
";var names=[];item.UserId&&names.push(item.UserName);for(var i=0,length=item.AdditionalUsers.length;i'),html=html+("
"+names.join(", ")+"
")+"
"}return html}(item,apiClient)+function(options,item){var html="";return options.isSingleClickElement||item.DeviceId===_connectionmanager.default.deviceId()||(item.ServerId&&item.NowPlayingItem&&item.SupportsRemoteControl&&(html=(html+='")+''),item.ServerId&&item.SupportedCommands.includes("DisplayMessage")&&item.DeviceId!==_connectionmanager.default.deviceId()&&(html+=''),html&&(html='
'+html,html+="
")),html}(options,item)+""}function getCardHtml(item,index,options){var itemType=item.Type,action=options.action||"link",shape=("none"!==action&&(item.IsFolder&&"play"===action?action="link":"Photo"===item.MediaType?action="playallfromhere":"AddServer"!==itemType&&"EmbyConnect"!==itemType&&"Downloads"!==itemType||(action="link")),options.shape),imageShape=options.imageShape,isSingleClickElement=options.isSingleClickElement,serverId=item.ServerId||options.serverId,serverId=serverId?_connectionmanager.default.getApiClient(serverId):null,imageItem=options.showCurrentProgramImage?item.CurrentProgram||item:"ActiveSession"===itemType?item.NowPlayingItem:item.ProgramInfo||item,blurImageOptions=(!1!==options.image&&imageItem?(imgInfo=_imageloader.default.getImageUrl(imageItem,serverId,options,imageShape),blurImageOptions="large"===options.vibrantMode?{width:12,blur:2,adjustForPixelRatio:!1}:{width:1,adjustForPixelRatio:!1},vibrantImgInfo=options.vibrant?_imageloader.default.getImageUrl(imageItem,serverId,blurImageOptions,imageShape):null,imgInfo.imgUrl||imageItem===item||(imgInfo=_imageloader.default.getImageUrl(imageItem=item,serverId,options,imageShape),vibrantImgInfo=options.vibrant?_imageloader.default.getImageUrl(imageItem,serverId,blurImageOptions,imageShape):null)):imgInfo={},imgInfo.imgUrl),imageShape=(vibrantImgInfo||imgInfo).imgUrl,vibrantImgInfo=imgInfo.forceName&&"Photo"!==item.MediaType,overlayText=options.overlayText,fieldMap=options.fieldMap,cardContentClass=options.cardContentClass,cardImageClass="cardImage",imageItem=!1===options.coverImage?null:_imageloader.default.getCoveredImageClass(imageItem,imgInfo.aspect,options.uiAspect,options.coverImage);imageItem&&(cardContentClass+=imageItem,cardImageClass+=imageItem),options.paddedImage&&(cardImageClass+=" cardImage-padded"),item.Policy&&item.Policy.IsDisabled&&(cardContentClass+=" grayscaleImage"),options.defaultBackground||blurImageOptions||options.cardLayout||(cardContentClass+=" defaultCardBackground");options.round||("MusicArtist"!==itemType||"square"!==shape)||(cardContentClass+=" cardContent-round");var cardImageContainerOpen,footerCssClass,logoUrl,imgInfo=options.cardBoxClass,imageItem=(options.playQueueIndicator&&item.PlaylistItemId&&(_playbackmanager.default.currentItem()||{}).PlaylistItemId===item.PlaylistItemId&&(imgInfo+=" activePlaylistCardBox"),!1===options.progress?null:_indicators.default.getProgressBarHtml(item,{containerClass:"cardProgressBarContainer",animated:!1})),shape="",itemController=(options.showChannelLogo&&item.ChannelPrimaryImageTag&&(logoUrl=serverId.getImageUrl(item.ChannelId,{type:"Primary",height:40,tag:item.ChannelPrimaryImageTag})),!1===options.programIndicators||"Program"!==itemType&&"Timer"!==itemType&&"TvChannel"!==itemType||(imageItem=function(item){var html="";return(item=item.CurrentProgram||item).IsLive?html+='
'+_globalize.default.translate("Live")+"
":item.IsPremiere&&(html+='
'+_globalize.default.translate("Premiere")+"
"),html}(item)+(imageItem||"")),_itemmanager.default.getItemController(itemType)),vibrantImgInfo=(overlayText||vibrantImgInfo?(footerCssClass=options.innerCardFooterClass,shape+=getCardFooterText(item,itemController,options,function(options,fieldMap,overlayText,forceName){return overlayText?!forceName||fieldMap.Name||fieldMap.ParentNameOrName||fieldMap.ParentName?fieldMap:options.fieldMapWithForceName:!forceName||fieldMap.Name||fieldMap.ParentNameOrName||fieldMap.ParentName?{}:{ParentNameOrName:!0}}(options,fieldMap,overlayText,vibrantImgInfo),0,footerCssClass,imageItem,logoUrl=null,!1),imageItem=""):imageItem&&(shape=(shape+='
')+imageItem+"
",imageItem=""),""),fieldMap=(overlayText||(footerCssClass=options.cardLayout?options.outerFooterClass:"cardFooter cardFooter-transparent",options.sideFooter&&(footerCssClass+=" cardFooter-side"),logoUrl&&(footerCssClass+=" cardFooter-withlogo"),options.vibrant&&imageShape&&"large"!==options.vibrantMode&&(footerCssClass+=" darkContentContainer"),vibrantImgInfo=getCardFooterText(item,itemController,options,fieldMap,0,footerCssClass,imageItem,logoUrl=options.cardLayout?logoUrl:null,!0),options.sideFooter&&(overlayText="cardFooterContent",options.centerText||(overlayText+=" cardFooterContent-start"),vibrantImgInfo='
'+vibrantImgInfo+"
","ActiveSession"===itemType)&&(vibrantImgInfo+=getActiveSessionFooterHtml(options,item,serverId))),"");return options.sideFooter||(cardContentClass+=" "+options.cardPadderClass),fieldMap=isSingleClickElement?(cardImageContainerOpen=blurImageOptions?2===options.lazy?supportsObjectFit?'
':'
':supportsNativeLazyLoading?'
':'
':'
',"
"):"none"===action?(cardImageContainerOpen=blurImageOptions?2===options.lazy?supportsObjectFit?'
':'
':supportsNativeLazyLoading?'
':'
':'
',"
"):(cardImageContainerOpen=blurImageOptions?2===options.lazy?supportsObjectFit?'"),!1===options.image&&!1===options.imageContainer&&(cardImageContainerOpen=fieldMap=""),options.vibrant&&imageShape?("large"===options.vibrantMode&&(imgInfo+=" darkContentContainer"),cardImageContainerOpen='
'+cardImageContainerOpen):options.enableCardBox&&(cardImageContainerOpen='
'+cardImageContainerOpen),options.typeIndicator&&("Video"===itemType?cardImageContainerOpen+='':"Folder"===itemType||"PhotoAlbum"===itemType?cardImageContainerOpen+='':"Photo"===itemType&&(cardImageContainerOpen+='')),!1!==options.missingIndicator&&(cardImageContainerOpen+=_indicators.default.getMissingIndicator(item,"cardIndicator cardMissingIndicator")),!1!==options.syncIndicator&&(100===(footerCssClass=item.SyncPercent)?cardImageContainerOpen+='':null!=footerCssClass&&(cardImageContainerOpen+='')),!1!==options.playedIndicator&&(cardImageContainerOpen+=_indicators.default.getPlayedIndicatorHtml(item,"cardIndicator card")),!1!==options.timerIndicator&&(cardImageContainerOpen+=_indicators.default.getTimerIndicator(item,"cardIndicator card")),"CollectionFolder"===itemType||item.CollectionType?(imageItem=item.RefreshProgress?"":"hide",options.sideFooter&&(imageItem+=" cardRefreshIndicator-sideFooter"),cardImageContainerOpen+='
',refreshIndicatorLoaded||(refreshIndicatorLoaded=!0,require(["emby-itemrefreshindicator"]))):"User"===itemType&&item.ConnectLinkType&&(cardImageContainerOpen+='cloud'),!blurImageOptions&&options.imageFallback&&(cardImageContainerOpen+=function(item,options){if(null!=options.defaultTextContent)return'
'+options.defaultTextContent+"
";if("ItemImage"===item.Type)return function(item,options){return'

'+item.Name+"

"}(item,options);var icon=item.Icon||(!1===options.defaultIcon?null:_itemmanager.default.getDefaultIcon(item,options));if(icon)return options.smallSideFooter?''+icon+"":options.sideFooter?''+icon+"":''+icon+"";icon=isUsingLiveTvNaming(item.Type)?item.Name:_itemmanager.default.getDisplayName(item,{includeParentInfo:options.includeParentInfoInTitle,channelNumberFirst:options.channelNumberFirst});return'
'+icon+"
"}(item,options)),logoUrl=_layoutmanager.default.tv||!1===options.hoverMenu?"":function(item,itemController,action,options,menuClass){var html="",hasContent=!1,menuClass=(html+='
',"cardOverlayButton cardOverlayButton-hover itemAction"),action=item.Type;options.multiSelect&&(hasContent=!0,html+='');!1!==options.hoverPlayButton&&_playbackmanager.default.canPlay(item)&&(hasContent=!0,playButtonAction=item.IsFolder?"resume":options.playAction||("Photo"===item.MediaType?"playallfromhere":"play"),html+='');options.hoverDownloadButton&&(hasContent=!0,html+='');html+='
';var playButtonAction=item.UserData||{};!1!==options.playedButton&&_itemmanager.default.canMarkPlayed(item)&&"CollectionFolder"!==action&&(hasContent=!0,html+=_embyPlaystatebutton.default.getHtml(playButtonAction.Played,menuClass,"cardOverlayButtonIcon cardOverlayButtonIcon-hover"));!1!==options.ratingButton&&_itemmanager.default.canRate(item)&&(hasContent=!0,html+=_embyRatingbutton.default.getHtml(playButtonAction.IsFavorite,menuClass,"cardOverlayButtonIcon cardOverlayButtonIcon-hover"));options.contextMenu&&itemController.supportsContextMenu(item)&&(hasContent=!0,html+='');options.previewImageButton&&supportsTargetBlank&&(hasContent=!0,html+='');return hasContent?html+="
":""}(item,itemController,action,options,options.cardPadderClass),options.dragReorder&&(logoUrl+=''),options.cardParts?(overlayText=_shortcuts.default.getShortcutAttributes(item,options),options.isSingleClickElement&&overlayText.push({name:"data-action",value:action}),options.isVirtualList||overlayText.push({name:"data-index",value:index}),options.sideFooter?fieldMap+=shape:fieldMap=shape+fieldMap,serverId=cardImageContainerOpen+fieldMap+logoUrl+vibrantImgInfo,options.enableCardBox&&(serverId+="
"),{attributes:overlayText,html:serverId}):(isSingleClickElement=_shortcuts.default.getShortcutAttributesHtml(item,options),options.isSingleClickElement&&(isSingleClickElement+=' data-action="'+action+'"'),options.isVirtualList||(isSingleClickElement+=' data-index="'+index+'"'),cardImageClass=options.tagName,options.sideFooter?fieldMap+=shape:fieldMap=shape+fieldMap,(cardContentClass=options.fixedAttributes)&&(isSingleClickElement+=" "+cardContentClass),imageShape="<"+cardImageClass+isSingleClickElement+' class="'+options.className+'">'+cardImageContainerOpen+fieldMap+logoUrl+vibrantImgInfo,options.enableCardBox&&(imageShape+="
"),imageShape+"")}var supportsTargetBlank=_servicelocator.appHost.supports("targetblank");function setUserPreferredSize(element,cardSize){if(supportsCalc&&supportsMin&&supportsCssVariables){var value=element?cardSize:_usersettings.default.cardSize();switch(value){case"extrasmall":value="3";break;case"smaller":value="2";break;case"small":value="1";break;case"large":value="-1";break;case"larger":value="-2";break;case"extralarge":value="-3";break;case"normal":value="0";break;default:value=element?"null":"0"}try{element&&"null"===value?element.style.removeProperty("--user-cards-size-adjust"):(element||document.documentElement).style.setProperty("--user-cards-size-adjust",value)}catch(err){console.log("error in setUserPreferredSize: "+err)}}}_events.default.on(_connectionmanager.default,"localusersignedin",function(){setUserPreferredSize()}),_events.default.on(_usersettings.default,"change",function(e,name,value){"cardSize"===name&&setUserPreferredSize()}),_exports.default={setListOptions:setListOptions,getItemsHtml:function(items,options){return buildCardsHtmlInternal(items=1===arguments.length?(options=arguments[0]).items:items,options)},getItemParts:function(item,index,options){return options.cardParts=!0,getCardHtml(item,index,options)},buildCards:function(items,options){var itemsContainer=options.itemsContainer;if(document.body.contains(itemsContainer)){var parentContainer=options.parentContainer;if(parentContainer){if(!items.length)return void parentContainer.classList.add("hide");parentContainer.classList.remove("hide")}parentContainer=buildCardsHtmlInternal(items,options);itemsContainer.innerHTML=parentContainer,itemsContainer.items=items,options.multiSelect&&(itemsContainer.enableMultiSelect?itemsContainer.enableMultiSelect(!0):itemsContainer.setAttribute("data-multiselect","true")),options.contextMenu&&(itemsContainer.enableContextMenu?itemsContainer.enableContextMenu(!0):itemsContainer.setAttribute("data-contextmenu","true")),parentContainer&&_imageloader.default.lazyChildren(itemsContainer),options.autoFocus&&_focusmanager.default.autoFocus(itemsContainer)}},virtualChunkSize:50,setListClasses:function(elem,listOptions){var _listOptions$options,elem=elem.classList;null!=(_listOptions$options=listOptions.options)&&_listOptions$options.rows||(listOptions.virtualScrollLayout||"").includes("horizontal")?elem.remove("vertical-wrap"):elem.add("vertical-wrap"),elem.remove("vertical-list")},setUserPreferredSize:setUserPreferredSize}}); +define(["exports","./../emby-apiclient/connectionmanager.js","./../emby-apiclient/events.js","./../common/textencoding.js","./../common/globalize.js","./../common/datetime.js","./../common/itemmanager/itemmanager.js","./../common/playback/playbackmanager.js","./../dom.js","./../browser.js","./../focusmanager.js","./../layoutmanager.js","./../mediainfo/mediainfo.js","./../common/dataformatter.js","./../indicators/indicators.js","./../shortcuts.js","./../common/servicelocator.js","./../imageloader/imageloader.js","./../emby-elements/userdatabuttons/emby-playstatebutton.js","./../emby-elements/userdatabuttons/emby-ratingbutton.js","./../emby-elements/emby-checkbox/emby-checkbox.js","./../emby-elements/emby-button/paper-icon-button-light.js","./../common/usersettings/usersettings.js"],function(_exports,_connectionmanager,_events,_textencoding,_globalize,_datetime,_itemmanager,_playbackmanager,_dom,_browser,_focusmanager,_layoutmanager,_mediainfo,_dataformatter,_indicators,_shortcuts,_servicelocator,_imageloader,_embyPlaystatebutton,_embyRatingbutton,_embyCheckbox,_paperIconButtonLight,_usersettings){Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,require(["css!modules/cardbuilder/card.css","programStyles","embyProgressBarStyle"]);var decodingAttribute=_dom.default.supportsAsyncDecodedImages()?' decoding="async"':"",supportsObjectFit=CSS.supports("object-fit","contain")&&!_browser.default.edge,supportsCssVariables=CSS.supports("color","var(--fake-var)"),supportsCalc=CSS.supports("width","min(45.2%,calc(100% - .65em))"),supportsMin=CSS.supports("width","min(10em, 5vw)"),EnableFocusTransfrom=_dom.default.allowFocusScaling(),supportsNativeLazyLoading="loading"in HTMLImageElement.prototype;var refreshIndicatorLoaded,cachedWidths={};function setListOptions(items,options){null==options.isBoundListItem&&(options.isBoundListItem=!0),options.horizontal,options.loadingLazyAttribute=' loading="lazy"',options.cardSize&&"default"!==options.cardSize||(options.cardSize=_usersettings.default.cardSize()),options.itemSelector=".card",options.imageFallback=!1!==options.imageFallback;for(var shape=options.shape||"auto",fieldMap=(options.sideFooter&&(options.textLinks=!(shape="banner")),options.fields||(options.fields=[]),{}),i=0,length=options.fields.length;i
91%
'),options.PersonRole&&lines.push(""),options.ChapterTime&&lines.push(""),options.ChannelName&&lines.push(""),options.LastServerAddress&&lines.push(""),options.Overview&&lines.push(getOverviewText("")),options.MediaInfo&&lines.push(""),options.Album&&lines.push(""),options.Type&&lines.push(""),options.LastActivityDateRelative&&lines.push(""),options.DateCreated&&lines.push(""),options.DateModified&&lines.push(""),options.Size&&lines.push(""),options.Version&&lines.push(""),options.Url&&lines.push(""),options.InstalledVersion&&lines.push(""),options.ItemImageName&&lines.push(""),options.Filename&&lines.push(""),options.FilenameOrName&&lines.push(""),(options.Resolution||options.Container||options.Bitrate)&&lines.push(""),options.ParentName&&lines.push(""),options.CollectionType&&lines.push(""),options.LibraryFolders&&lines.push(""),options.AppNameVersion&&lines.push(""),options.AppName&&lines.push(""),options.DeviceUserInfo&&lines.push(""),options.CurrentProgramTime&&lines.push(""),options.CurrentProgramParentName&&lines.push(""),options.CurrentProgramName&&lines.push(""),options.SeriesTimerChannel&&lines.push(""),options.SeriesTimerTime&&lines.push(""),options.ImageEditorStandardButtons&&lines.push(""),options.ImageEditorBackdropButtons&&lines.push(""),options.Genres&&lines.push(""),options.Tags&&lines.push(""),options.Studios&&lines.push(""),options.SessionNowPlayingInfo&&(lines.push(""),lines.push(""),lines.push("")),options.AirTime&&lines.push(""),options.AccessToken&&lines.push(""),options.DownloadableImageInfo&&(lines.push(""),lines.push("")),lines}(options),autoShape=(options.lines||options.overlayText||(options.lines=templateLines.length),"auto"===shape||"autooverflow"===shape),items=shape=autoShape?_imageloader.default.getShape(items,options):shape,autoShape=(options.sideFooter&&(items="square"),"auto"===options.preferThumb&&(options.preferThumb="square"===items?null:"backdrop"===items||"fourThree"===items),!0===options.preferThumb&&autoShape&&(items="backdrop",options.sideFooter||(shape="backdrop")),options.uiAspect=_imageloader.default.getAspectFromShape(items,options).aspect,!options.width&&options.widths&&(options.width=options.widths[items]),options.rows&&"number"!=typeof options.rows&&(options.rows=options.rows[items]),"card"),isLayoutTV=(shape&&(autoShape+=" "+shape+"Card"),options.horizontal&&(autoShape+=" card-horiz "+shape+"Card-horiz"),options.cardClass&&(autoShape+=" "+options.cardClass),_layoutmanager.default.tv),isSingleClickElement=(isLayoutTV||(autoShape+=" card-hoverable"),options.enableFocusScaling=!1!==options.enableFocusScaling&&isLayoutTV&&EnableFocusTransfrom,options.enableCardBox=options.enableFocusScaling||options.cardLayout||options.sideFooter||!isLayoutTV||!options.isVirtualList,isLayoutTV&&!options.staticElement||!1===options.hoverMenu&&"none"!==options.action),lineContents=(options.enableFocusScaling&&(autoShape+=" card-focustransform"),options.sideFooter&&(autoShape+=" sideFooterCard",options.horizontal)&&(autoShape+=" sideFooterCard-horiz"),options.smallSideFooter&&(autoShape+=" smallSideFooterCard",options.horizontal)&&(autoShape+=" smallSideFooterCard-horiz"),isSingleClickElement?(tagName="button",autoShape+=" itemAction"):(tagName="div",options.staticElement||(options.addTabIndex=!0)),isLayoutTV?(options.draggable=!1,options.dropTarget=!1,options.dragReorder=!1):(options.draggable=!1!==options.draggable,options.dragReorder&&options.draggable?autoShape+=" drop-target ordered-drop-target-x":options.dropTarget&&(autoShape+=" drop-target full-drop-target")),[]);for(options.lines&&(lineContents.length=options.lines),i=0,length=lineContents.length;i
':screenWidth.innerHTML='
',(itemsContainerClass=document.body).appendChild(screenWidth),width=options.sideFooter?cachedWidths[key]=screenWidth.querySelector(".cardImageContainer").offsetWidth||400:cachedWidths[key]=screenWidth.querySelector(".cardScalable").offsetWidth||400,itemsContainerClass.removeChild(screenWidth),console.log("width: "+width)),width}(autoShape,cardBoxClass,cardContentClass,options,screenWidth),windowWidth=screenWidth,(screen=window.screen)&&20':""),cardDefaultTextClass=cardDefaultTextClass.join(" "),innerCardFooterClass=innerCardFooterClass.join(" "),screen=(isSingleClickElement||"none"===options.action?screenWidth+='
':screenWidth+='',"cardFooter"),windowWidth=(options.vibrant&&(screen+=" cardFooter-vibrant"),options.outerFooterClass=screen,options.cardLayout&&(screenWidth+='
'),screenWidth+=lines,options.cardLayout&&(screenWidth+="
"),options.enableCardBox&&(screenWidth+="
"),null==options.defaultIcon&&(options.sideFooter||options.lines||fieldMap.Name?options.defaultIcon=!0:options.defaultIcon=!1),options.moreTitle=_globalize.default.translate("More"),options.multiSelectTitle=_globalize.default.translate("MultiSelect"),options.multiSelect=!1!==options.multiSelect&&!isLayoutTV,options.contextMenu=!1!==options.contextMenu,options.enableUserData=!1!==options.enableUserData,"");options.addTabIndex&&(windowWidth+=' tabindex="0"'),options.draggable&&(windowWidth+=' draggable="true"'),"button"===tagName&&(windowWidth+=' type="button"'),options.fixedAttributes=windowWidth.trim(),options.templateInnerHTML=screenWidth,options.cardPadderClass=cardDefaultTextClass,options.innerCardFooterClass=innerCardFooterClass,options.tagName=tagName,options.shape=shape,options.imageShape=items,options.className=autoShape,options.isSingleClickElement=isSingleClickElement,options.cardContentClass=cardContentClass,options.cardBoxClass=cardBoxClass}function buildCardsHtmlInternal(items,options){setListOptions(items,options);for(var hasOpenRow,html="",itemsInRow=0,rows=options.rows,i=0,length=items.length;i",hasOpenRow=!1),html+='
',hasOpenRow=!0),html+=getCardHtml(items[i],i,options),itemsInRow++,rows&&rows<=itemsInRow&&(html+="
",hasOpenRow=!1,itemsInRow=0);return hasOpenRow&&(html+="
"),html}function getCardTextLines(lines,cssClass,forceLines,isOuterFooter,maxLines,options){for(var html="",valid=0,currentCssClass=cssClass,i=0,length=lines.length;i')+text+"
",valid++,maxLines)&&maxLines<=valid)break}if(forceLines)for(length=maxLines||Math.min(lines.length,maxLines||lines.length);valid 
',valid++;return html}function isUsingLiveTvNaming(itemType){return"Program"===itemType||"Timer"===itemType||"Recording"===itemType}function getAirTimeText(item,showAirDateTime,showAirEndTime){var airTimeText="";if(item.StartDate)try{var date=new Date(Date.parse(item.StartDate));showAirDateTime&&(airTimeText+=_datetime.default.toLocaleDateString(date,{weekday:"short",month:"short",day:"numeric"})+" "),airTimeText+=_datetime.default.getDisplayTime(date),item.EndDate&&showAirEndTime&&(date=new Date(Date.parse(item.EndDate)),airTimeText+=" – "+_datetime.default.getDisplayTime(date))}catch(e){console.log("Error parsing date: "+item.StartDate)}return airTimeText}function getOverviewText(text){var html='
';return{html:html+_textencoding.default.htmlEncode(text||"")+"
"}}function getTextLinksLine(options,item,linkItems,linkItemType,limit){linkItems=linkItems||[];for(var html="",i=0,length=limit=Math.min(linkItems.length,limit);i'+html+"
"}function getCardFooterText(item,itemController,options,fieldMap,imgUrl,footerClass,progressHtml,logoUrl,isOuterFooter){var parentTitleUnderneath,itemType=item.Type,html="",lines=(logoUrl&&(html+=''),[]);switch(itemType){case"MusicAlbum":case"Audio":case"MusicVideo":case"Game":parentTitleUnderneath=!0}var serverId=item.ServerId||options.serverId,parentTitle=(fieldMap.Album&&options.albumFirst&&(isOuterFooter&&item.AlbumId&&item.Album?lines.push(getTextActionButton(options,{Id:item.AlbumId,ServerId:serverId,Name:item.Album,Type:"MusicAlbum",IsFolder:!0})):lines.push(item.Album||"")),!fieldMap.ParentName&&!fieldMap.ParentNameOrName||parentTitleUnderneath||(isOuterFooter&&"Episode"===itemType&&item.SeriesName?item.SeriesId?lines.push(getTextActionButton(options,{Id:item.SeriesId,ServerId:serverId,Name:item.SeriesName,Type:"Series",IsFolder:!0})):lines.push(_textencoding.default.htmlEncode(item.SeriesName)):isUsingLiveTvNaming(itemType)?(lines.push(_textencoding.default.htmlEncode(item.Name)),item.EpisodeTitle||(titleAdded=!0)):((parentTitle=item.SeriesName||item.Series||item.Album||(item.AlbumArtist?item.AlbumArtist.Name||item.AlbumArtist:null)||item.GameSystem||"")||fieldMap.Name)&&lines.push(_textencoding.default.htmlEncode(parentTitle))),fieldMap.Name&&!titleAdded||fieldMap.ParentNameOrName&&!lines.length);if((parentTitle=parentTitle||titleAdded||!fieldMap.Name?parentTitle:!0)&&(titleAdded=itemController.getDisplayName(item,{includeParentInfo:options.includeParentInfoInTitle,channelNumberFirst:options.channelNumberFirst}))&&(isOuterFooter?lines.push(getTextActionButton(options,item,titleAdded,serverId,options.parentId,!0)):lines.push(_textencoding.default.htmlEncode(titleAdded))),fieldMap.Type&&lines.push(itemController.getItemTypeName(itemType)),fieldMap.ParentName&&parentTitleUnderneath&&(isOuterFooter&&item.AlbumArtists&&item.AlbumArtists.length&&"MusicAlbum"===itemType?(item.AlbumArtists[0].Type="MusicArtist",item.AlbumArtists[0].IsFolder=!0,lines.push(getTextActionButton(options,item.AlbumArtists[0],null,serverId))):isOuterFooter&&item.ArtistItems&&item.ArtistItems.length?(item.ArtistItems[0].Type="MusicArtist",item.ArtistItems[0].IsFolder=!0,lines.push(getTextActionButton(options,item.ArtistItems[0],null,serverId))):isOuterFooter&&item.AlbumArtists&&item.AlbumArtists.length?(item.AlbumArtists[0].Type="MusicArtist",item.AlbumArtists[0].IsFolder=!0,lines.push(getTextActionButton(options,item.AlbumArtists[0],null,serverId))):isOuterFooter&&item.GameSystem&&item.GameSystemId?lines.push(getTextActionButton(options,{Id:item.GameSystemId,ServerId:serverId,Name:item.GameSystem,Type:"GameSystem",IsFolder:!0})):lines.push(_textencoding.default.htmlEncode(isUsingLiveTvNaming(itemType)?item.Name:item.SeriesName||item.Series||item.Album||(item.AlbumArtist?item.AlbumArtist.Name||item.AlbumArtist:null)||item.GameSystem||""))),options.textLines)for(var additionalLines=options.textLines(item),i=0,length=additionalLines.length;i'+lineParts.join("")+"
")),fieldMap.ProductionYear),titleAdded=fieldMap.OfficialRating,lineParts=fieldMap.Runtime;if((parentTitle||titleAdded||lineParts)&&(_lineParts=[],parentTitle&&("Series"===itemType?"Continuing"===item.Status?item.ProductionYear&&_lineParts.push(_globalize.default.translate("SeriesYearToPresent",item.ProductionYear||"")):(parentTitle=item.EndDate?new Date(Date.parse(item.EndDate)).getFullYear():null)&&item.ProductionYear&&parentTitle!==item.ProductionYear?_lineParts.push(item.ProductionYear+" – "+parentTitle):item.ProductionYear&&_lineParts.push(item.ProductionYear):item.ProductionYear&&_lineParts.push(item.ProductionYear)),lineParts&&item.RunTimeTicks&&_lineParts.push(_datetime.default.getHumanReadableRuntime(item.RunTimeTicks)),titleAdded&&item.OfficialRating&&_lineParts.push(item.OfficialRating),lines.push(_lineParts.join("  "))),fieldMap.Genres)if(null!=(parentTitle=item.GenreItems)&&parentTitle.length){switch(itemType){case"Audio":case"MusicAlbum":case"MusicArtist":case"MusicVideo":0;break;case"Game":case"GameSystem":0;break;default:0}lines.push(getTextLinksLine(options,item,item.GenreItems,0,2))}else emptyLines.push('
 
');return fieldMap.Studios&&(null!=(lineParts=item.Studios)&&lineParts.length?lines.push(getTextLinksLine(options,item,item.Studios,0,1)):emptyLines.push('
 
')),fieldMap.Tags&&(null!=(titleAdded=item.TagItems)&&titleAdded.length?lines.push(getTextLinksLine(options,item,item.TagItems,0,2)):emptyLines.push('
 
')),fieldMap.AirTime&&lines.push(getAirTimeText(item,options.showAirDateTime,options.showAirEndTime)||""),fieldMap.ChannelName&&(item.ChannelId?lines.push(getTextActionButton(options,{Id:item.ChannelId,ServerId:serverId,Name:item.ChannelName,ChannelNumber:item.ChannelNumber,Type:"TvChannel",MediaType:item.MediaType,IsFolder:!1})):lines.push(item.ChannelName||" ")),fieldMap.CurrentProgramParentName&&(item.CurrentProgram?lines.push(item.CurrentProgram.Name||""):lines.push("")),fieldMap.CurrentProgramName&&(item.CurrentProgram?lines.push(item.CurrentProgram.EpisodeTitle||""):lines.push(item.Name||"")),fieldMap.CurrentProgramTime&&(item.CurrentProgram?lines.push(getAirTimeText(item.CurrentProgram,!1,!0)||""):lines.push("")),fieldMap.SeriesTimerTime&&(item.RecordAnyTime?lines.push(_globalize.default.translate("Anytime")):item.StartDate?lines.push(_datetime.default.getDisplayTime(item.StartDate)):lines.push("")),fieldMap.SeriesTimerChannel&&(item.RecordAnyChannel||null==(_lineParts=item.ChannelIds)||!_lineParts.length?lines.push(_globalize.default.translate("AllChannels")):1<(null==(parentTitle=item.ChannelIds)?void 0:parentTitle.length)?lines.push(_globalize.default.translate("NumberChannelsValue",null==(itemType=item.ChannelIds)?void 0:itemType.length)):item.ChannelName?lines.push(_itemmanager.default.getDisplayName({Id:item.ChannelId,ServerId:serverId,Name:item.ChannelName,ChannelNumber:item.ChannelNumber,Type:"TvChannel",MediaType:item.MediaType,IsFolder:!1},{})):lines.push(_globalize.default.translate("OneChannel"))),fieldMap.PersonRole&&(item.Role?lines.push(_globalize.default.translate("ActorAsRole",item.Role)):item.PersonType?lines.push(_globalize.default.translate(item.PersonType)):lines.push("")),fieldMap.ChapterTime&&lines.push(_datetime.default.getDisplayRunningTime(item.StartPositionTicks)),fieldMap.LastActivityDateRelative&&lines.push(itemController.resolveField(item,"LastActivityDateRelative")),fieldMap.AppName&&lines.push(itemController.resolveField(item,"AppName")),fieldMap.AccessToken&&lines.push(itemController.resolveField(item,"AccessToken")),fieldMap.DateCreated&&lines.push(itemController.resolveField(item,"DateCreated")),fieldMap.Url&&lines.push(item.Url||""),fieldMap.Version&&lines.push(item.Version||""),fieldMap.CollectionType&&(item.Id?lines.push(_itemmanager.default.getContentTypeName(item.CollectionType)):lines.push("")),fieldMap.LibraryFolders&&(item.Locations&&"boxsets"!==item.CollectionType?1===item.Locations.length?lines.push(item.Locations[0]):lines.push(_globalize.default.translate("NumLocationsValue",item.Locations.length)):lines.push("")),fieldMap.AppNameVersion&&lines.push(itemController.resolveField(item,"AppNameVersion")),fieldMap.InstalledVersion&&(item.InstalledVersion?lines.push(_globalize.default.translate("LabelVersionInstalled",item.InstalledVersion)):lines.push("")),fieldMap.InstalledVersion&&lines.push(item.Version||""),fieldMap.ItemImageName&&(item.ImageTag?lines.push(item.Name):lines.push(" ")),fieldMap.Filename&&lines.push(item.FileName||item.Filename),fieldMap.FilenameOrName&&lines.push(_textencoding.default.htmlEncode(item.FileName||item.Filename||item.Name||"")),fieldMap.MediaInfo&&lines.push({html:'
'+_mediainfo.default.getPrimaryMediaInfoHtml(item,{episodeTitle:!1,subtitles:!1,endsAt:!1})+"
"}),fieldMap.Overview&&lines.push(getOverviewText(item.Overview)),(fieldMap.Resolution||fieldMap.Container||fieldMap.Bitrate)&&(lineParts=[],fieldMap.Container&&item.Container&&lineParts.push(item.Container.toUpperCase()),fieldMap.Resolution&&item.Width&&item.Height&&(titleAdded=_dataformatter.default.getResolutionText(item))&&lineParts.push(titleAdded),fieldMap.Bitrate&&item.Bitrate&&lineParts.push(_dataformatter.default.bitrateToString(item.Bitrate)),lines.push(lineParts.join("  ")||" ")),fieldMap.DownloadableImageInfo&&(lines.push(function(item){var text="",lang=item.DisplayLanguage||item.Language;return item.Width&&item.Height?(text+=item.Width+"x"+item.Height,lang&&(text+=" - "+lang)):lang&&(text+=lang),text}(item)||""),lines.push(function(item){var text;return"Likes"===item.RatingType?text=1===item.CommunityRating?_globalize.default.translate("OneLike"):_globalize.default.translate("LikeCountValue",item.CommunityRating):item.CommunityRating?(text=_dataformatter.default.numberToString(item.CommunityRating,1),item.VoteCount&&(text+=" - "+(1===item.VoteCount?_globalize.default.translate("OneVote"):_globalize.default.translate("VoteCountValue",item.VoteCount)))):text=_globalize.default.translate("Unrated"),text}(item)||"")),fieldMap.DateModified&&lines.push(itemController.resolveField(item,"DateModified")),fieldMap.Size&&lines.push(itemController.resolveField(item,"Size")),fieldMap.DeviceUserInfo&&(_lineParts="",item.LastUserName&&(item.LastUserId?_lineParts+=getTextActionButton(options,{Id:item.LastUserId,Name:item.LastUserName,ServerId:serverId,Type:"User"},item.LastUserName+", "+_dataformatter.default.formatRelativeTime(item.DateLastActivity),null,null):item.LastUserName&&(_lineParts+=item.LastUserName+", "+_dataformatter.default.formatRelativeTime(item.DateLastActivity))),lines.push(_lineParts)),fieldMap.MediaStreamInfo&&_mediainfo.default.pushMediaStreamLines(item,options,lines,itemController.getDefaultIcon(item)),fieldMap.ImageEditorStandardButtons&&lines.push(function(item){var searchText,html="";return item.Providers.length&&(html+=''),item.ImageTag||_servicelocator.appHost.supports("fileinput")&&(html+=''),item.ImageTag&&(html+=''),html}(item)),fieldMap.ImageEditorBackdropButtons&&lines.push(function(){var html="";return html+=''}()),fieldMap.SessionNowPlayingInfo&&function(lines,item){var playstate=item.PlayState,item=item.NowPlayingItem||{};lines.push(item.SeriesName||item.Name),"Episode"===item.Type?lines.push(_itemmanager.default.getDisplayName(item,{includeParentInfo:!0})):item.ArtistItems&&item.ArtistItems.length?lines.push(item.ArtistItems[0].Name):item.ProductionYear&&lines.push(item.ProductionYear),item.RunTimeTicks&&lines.push(_datetime.default.getDisplayRunningTime(playstate.PositionTicks||0)+" / "+_datetime.default.getDisplayRunningTime(item.RunTimeTicks))}(lines,item),fieldMap.LastServerAddress&&("Server"===item.Type?(parentTitle=_connectionmanager.default.getApiClient(item),lines.push(parentTitle&&parentTitle.serverAddress()||"")):lines.push("")),html+=getCardTextLines(lines=lines.concat(emptyLines),options.cardTextCssClass,isOuterFooter,isOuterFooter,options.lines,options),progressHtml&&(html+=progressHtml),html&&(!isOuterFooter||logoUrl||options.cardLayout)&&(html='
'+html,html+="
"),html}function getTextActionButton(options,item,text,serverId,parentId,isSameItemAsCard){var dataAttributes;return text=text||_itemmanager.default.getDisplayName(item),_layoutmanager.default.tv||!1===options.textLinks?_textencoding.default.htmlEncode(text):(text=_textencoding.default.htmlEncode(text),item=isSameItemAsCard?(dataAttributes="",options.linkButtonAction||"link"):(dataAttributes=_shortcuts.default.getShortcutAttributesHtml(item,{serverId:serverId,parentId:parentId,isBoundListItem:options.isBoundListItem&&isSameItemAsCard}),"link"),'")}function getActiveSessionFooterHtml(options,item,apiClient){var html="";return(html+='
')+function(item){var imgClass,imageUrl,html="";return item.NowPlayingItem&&(html+='
",imgClass="secondaryText activeSession-deviceimage",html=(imageUrl=item.AppIconUrl)?html+('
':(html=html+'
')+_itemmanager.default.getDefaultIcon(item)+"
",html+="
",item.Client&&(html=(html+="
")+item.Client+" "+item.ApplicationVersion+"
"),item.DeviceName&&(html=(html+='
')+_textencoding.default.htmlEncode(item.DeviceName)+"
"),item.RemoteEndPoint&&(html=html+'
'+item.RemoteEndPoint,(imageUrl=(item.Protocol||"").toLowerCase())&&(html+=" "+imageUrl),imageUrl.includes("https")&&(html+='https'),html+="
"),html+="
"),html}(item)+function(item){for(var html="",playstate=item.PlayState||{},nowplayingItem=item.NowPlayingItem||{},item=item.TranscodingInfo||{},transcodeReasons=(html=(html=(html=html+'
'+'
')+_globalize.default.translate("Stream"))+"
"+"
",nowplayingItem.Container&&(html=(html+="
")+nowplayingItem.Container.toUpperCase(),nowplayingItem.Bitrate&&(html+=" ("+_dataformatter.default.bitrateToString(nowplayingItem.Bitrate)+")"),html+="
"),html=html+"
"+'',"Transcode"===playstate.PlayMethod?(nowplayingItem=[],item.SubProtocol&&"progressive"!==item.SubProtocol?nowplayingItem.push(item.SubProtocol.toUpperCase()):item.Container&&nowplayingItem.push(item.Container.toUpperCase()),item.Bitrate&&(playstate="(",item.Bitrate&&(playstate+=_dataformatter.default.bitrateToString(item.Bitrate)),item.Framerate&&(playstate+=" "+_dataformatter.default.numberToString(item.Framerate,3)+" fps"),nowplayingItem.push(playstate+=")")),item.CurrentThrottle&&nowplayingItem.push('Throttling'),html+=nowplayingItem.join(" ")):html+=_globalize.default.translate("HeaderDirectPlay"),html+="
",item.TranscodeReasons||[]),i=0,length=transcodeReasons.length;i")+_globalize.default.translate(transcodeReasons[i])+"
";return html=html+"
"+"
"}(item)+function(item){for(var mediaStream,html="",playstate=item.PlayState||{},mediaStreams=(item.NowPlayingItem||{}).MediaStreams||[],videoStreamIndex=playstate.VideoStreamIndex,playstate=item.TranscodingInfo||{},i=0,length=mediaStreams.length;i'+'
')+_globalize.default.translate("Video"))+"
"+"
",mediaStream.DisplayTitle&&(html=html+'
'+mediaStream.DisplayTitle,playstate.VideoDecoderHwAccel&&(html+=''),html+="
"),html=html+'
'+'',!1===playstate.IsVideoDirect?(html=(html=html+_globalize.default.translate("Transcode")+" (")+(playstate.VideoCodec||"").toUpperCase()+" ",playstate.VideoBitrate&&(html+=_dataformatter.default.bitrateToString(playstate.VideoBitrate)),html+=")",playstate.VideoEncoderHwAccel&&(html+='')):(html+=_globalize.default.translate("HeaderDirectPlay"),mediaStream.BitRate&&(html+=" ("+_dataformatter.default.bitrateToString(mediaStream.BitRate)+")")),html+="
",!1===playstate.IsVideoDirect)for(var pipeline=playstate.VideoPipelineInfo||[],_i=0,_length=pipeline.length;_i<_length;_i++){var extra,step=pipeline[_i];"ToneMapping"!==step.StepType&&"Deinterlace"!==step.StepType&&"SubTitleBurnIn"!==step.StepType&&"SubtitleOverlay"!==step.StepType||(html+='
',"ToneMapping"===step.StepType?html+=_globalize.default.translate("HeaderToneMapping"):"Deinterlace"===step.StepType?html+=_globalize.default.translate("Deinterlacing"):"SubTitleBurnIn"!==step.StepType&&"SubtitleOverlay"!==step.StepType||(html+=_globalize.default.translate("HeaderBurningInSubtitles")),extra=[],step.ParamShort?extra.push(step.ParamShort):step.Param?"Subtitles"!==step.Param&&extra.push(step.Param):step.FfmpegOptions&&extra.push(step.FfmpegOptions),extra.length&&(html+=' ('+extra.join(" ")+")"),html+="
")}html=html+"
"+""}return html}(item)+function(item){for(var mediaStream,html="",playstate=item.PlayState||{},mediaStreams=(item.NowPlayingItem||{}).MediaStreams||[],audioStreamIndex=playstate.AudioStreamIndex,playstate=item.TranscodingInfo||{},i=0,length=mediaStreams.length;i
')+_globalize.default.translate("Audio")+"
",html=(mediaStream.DisplayTitle?(html+="
")+mediaStream.DisplayTitle+"
":html)+'
',!1===playstate.IsAudioDirect?(html=(html=html+_globalize.default.translate("Transcode")+" (")+(playstate.AudioCodec||"").toUpperCase()+" ",playstate.AudioBitrate&&(html+=_dataformatter.default.bitrateToString(playstate.AudioBitrate)),html+=")"):(html+=_globalize.default.translate("HeaderDirectPlay"),mediaStream.BitRate&&(html+=" ("+_dataformatter.default.bitrateToString(mediaStream.BitRate)+")")),html+="
"),html}(item)+function(item,apiClient){var html="";if(item.UserId){html+='
";var names=[];item.UserId&&names.push(item.UserName);for(var i=0,length=item.AdditionalUsers.length;i'),html=html+("
"+names.join(", ")+"
")+"
"}return html}(item,apiClient)+function(options,item){var html="";return options.isSingleClickElement||item.DeviceId===_connectionmanager.default.deviceId()||(item.ServerId&&item.NowPlayingItem&&item.SupportsRemoteControl&&(html=(html+='")+''),item.ServerId&&item.SupportedCommands.includes("DisplayMessage")&&item.DeviceId!==_connectionmanager.default.deviceId()&&(html+=''),html&&(html='
'+html,html+="
")),html}(options,item)+""}function getCardHtml(item,index,options){var itemType=item.Type,action=options.action||"link",shape=("none"!==action&&(item.IsFolder&&"play"===action?action="link":"Photo"===item.MediaType?action="playallfromhere":"AddServer"!==itemType&&"EmbyConnect"!==itemType&&"Downloads"!==itemType||(action="link")),options.shape),imageShape=options.imageShape,isSingleClickElement=options.isSingleClickElement,serverId=item.ServerId||options.serverId,serverId=serverId?_connectionmanager.default.getApiClient(serverId):null,imageItem=options.showCurrentProgramImage?item.CurrentProgram||item:"ActiveSession"===itemType?item.NowPlayingItem:item.ProgramInfo||item,blurImageOptions=(!1!==options.image&&imageItem?(imgInfo=_imageloader.default.getImageUrl(imageItem,serverId,options,imageShape),blurImageOptions="large"===options.vibrantMode?{width:12,blur:2,adjustForPixelRatio:!1}:{width:1,adjustForPixelRatio:!1},vibrantImgInfo=options.vibrant?_imageloader.default.getImageUrl(imageItem,serverId,blurImageOptions,imageShape):null,imgInfo.imgUrl||imageItem===item||(imgInfo=_imageloader.default.getImageUrl(imageItem=item,serverId,options,imageShape),vibrantImgInfo=options.vibrant?_imageloader.default.getImageUrl(imageItem,serverId,blurImageOptions,imageShape):null)):imgInfo={},imgInfo.imgUrl),imageShape=(vibrantImgInfo||imgInfo).imgUrl,vibrantImgInfo=imgInfo.forceName&&"Photo"!==item.MediaType,overlayText=options.overlayText,fieldMap=options.fieldMap,cardContentClass=options.cardContentClass,cardImageClass="cardImage",imageItem=!1===options.coverImage?null:_imageloader.default.getCoveredImageClass(imageItem,imgInfo.aspect,options.uiAspect,options.coverImage);imageItem&&(cardContentClass+=imageItem,cardImageClass+=imageItem),options.paddedImage&&(cardImageClass+=" cardImage-padded"),item.Policy&&item.Policy.IsDisabled&&(cardContentClass+=" grayscaleImage"),options.defaultBackground||blurImageOptions||options.cardLayout||(cardContentClass+=" defaultCardBackground");options.round||("MusicArtist"!==itemType||"square"!==shape)||(cardContentClass+=" cardContent-round");var cardImageContainerOpen,footerCssClass,logoUrl,imgInfo=options.cardBoxClass,imageItem=(options.playQueueIndicator&&item.PlaylistItemId&&(_playbackmanager.default.currentItem()||{}).PlaylistItemId===item.PlaylistItemId&&(imgInfo+=" activePlaylistCardBox"),!1===options.progress?null:_indicators.default.getProgressBarHtml(item,{containerClass:"cardProgressBarContainer",animated:!1})),shape="",itemController=(options.showChannelLogo&&item.ChannelPrimaryImageTag&&(logoUrl=serverId.getImageUrl(item.ChannelId,{type:"Primary",height:40,tag:item.ChannelPrimaryImageTag})),!1===options.programIndicators||"Program"!==itemType&&"Timer"!==itemType&&"TvChannel"!==itemType||(imageItem=function(item){var html="";return(item=item.CurrentProgram||item).IsLive?html+='
'+_globalize.default.translate("Live")+"
":item.IsPremiere&&(html+='
'+_globalize.default.translate("Premiere")+"
"),html}(item)+(imageItem||"")),_itemmanager.default.getItemController(itemType)),vibrantImgInfo=(overlayText||vibrantImgInfo?(footerCssClass=options.innerCardFooterClass,shape+=getCardFooterText(item,itemController,options,function(options,fieldMap,overlayText,forceName){return overlayText?!forceName||fieldMap.Name||fieldMap.ParentNameOrName||fieldMap.ParentName?fieldMap:options.fieldMapWithForceName:!forceName||fieldMap.Name||fieldMap.ParentNameOrName||fieldMap.ParentName?{}:{ParentNameOrName:!0}}(options,fieldMap,overlayText,vibrantImgInfo),0,footerCssClass,imageItem,logoUrl=null,!1),imageItem=""):imageItem&&(shape=(shape+='
')+imageItem+"
",imageItem=""),""),fieldMap=(overlayText||(footerCssClass=options.cardLayout?options.outerFooterClass:"cardFooter cardFooter-transparent",options.sideFooter&&(footerCssClass+=" cardFooter-side"),logoUrl&&(footerCssClass+=" cardFooter-withlogo"),options.vibrant&&imageShape&&"large"!==options.vibrantMode&&(footerCssClass+=" darkContentContainer"),vibrantImgInfo=getCardFooterText(item,itemController,options,fieldMap,0,footerCssClass,imageItem,logoUrl=options.cardLayout?logoUrl:null,!0),options.sideFooter&&(overlayText="cardFooterContent",options.centerText||(overlayText+=" cardFooterContent-start"),vibrantImgInfo='
'+vibrantImgInfo+"
","ActiveSession"===itemType)&&(vibrantImgInfo+=getActiveSessionFooterHtml(options,item,serverId))),"");return options.sideFooter||(cardContentClass+=" "+options.cardPadderClass),fieldMap=isSingleClickElement?(cardImageContainerOpen=blurImageOptions?2===options.lazy?supportsObjectFit?'
':'
':supportsNativeLazyLoading?'
':'
':'
',"
"):"none"===action?(cardImageContainerOpen=blurImageOptions?2===options.lazy?supportsObjectFit?'
':'
':supportsNativeLazyLoading?'
':'
':'
',"
"):(cardImageContainerOpen=blurImageOptions?2===options.lazy?supportsObjectFit?'"),!1===options.image&&!1===options.imageContainer&&(cardImageContainerOpen=fieldMap=""),options.vibrant&&imageShape?("large"===options.vibrantMode&&(imgInfo+=" darkContentContainer"),cardImageContainerOpen='
'+cardImageContainerOpen):options.enableCardBox&&(cardImageContainerOpen='
'+cardImageContainerOpen),options.typeIndicator&&("Video"===itemType?cardImageContainerOpen+='':"Folder"===itemType||"PhotoAlbum"===itemType?cardImageContainerOpen+='':"Photo"===itemType&&(cardImageContainerOpen+='')),!1!==options.missingIndicator&&(cardImageContainerOpen+=_indicators.default.getMissingIndicator(item,"cardIndicator cardMissingIndicator")),!1!==options.syncIndicator&&(100===(footerCssClass=item.SyncPercent)?cardImageContainerOpen+='':null!=footerCssClass&&(cardImageContainerOpen+='')),!1!==options.playedIndicator&&(cardImageContainerOpen+=_indicators.default.getPlayedIndicatorHtml(item,"cardIndicator card")),!1!==options.timerIndicator&&(cardImageContainerOpen+=_indicators.default.getTimerIndicator(item,"cardIndicator card")),"CollectionFolder"===itemType||item.CollectionType?(imageItem=item.RefreshProgress?"":"hide",options.sideFooter&&(imageItem+=" cardRefreshIndicator-sideFooter"),cardImageContainerOpen+='
',refreshIndicatorLoaded||(refreshIndicatorLoaded=!0,require(["emby-itemrefreshindicator"]))):"User"===itemType&&item.ConnectLinkType&&(cardImageContainerOpen+='cloud'),!blurImageOptions&&options.imageFallback&&(cardImageContainerOpen+=function(item,options){if(null!=options.defaultTextContent)return'
'+options.defaultTextContent+"
";if("ItemImage"===item.Type)return function(item,options){return'

'+item.Name+"

"}(item,options);var icon=item.Icon||(!1===options.defaultIcon?null:_itemmanager.default.getDefaultIcon(item,options));if(icon)return options.smallSideFooter?''+icon+"":options.sideFooter?''+icon+"":''+icon+"";icon=isUsingLiveTvNaming(item.Type)?item.Name:_itemmanager.default.getDisplayName(item,{includeParentInfo:options.includeParentInfoInTitle,channelNumberFirst:options.channelNumberFirst});return'
'+icon+"
"}(item,options)),logoUrl=_layoutmanager.default.tv||!1===options.hoverMenu?"":function(item,itemController,action,options,menuClass){var html="",hasContent=!1,menuClass=(html+='
',"cardOverlayButton cardOverlayButton-hover itemAction"),action=item.Type;options.multiSelect&&(hasContent=!0,html+='');!1!==options.hoverPlayButton&&_playbackmanager.default.canPlay(item)&&(hasContent=!0,playButtonAction=item.IsFolder?"resume":options.playAction||("Photo"===item.MediaType?"playallfromhere":"play"),html+='');options.hoverDownloadButton&&(hasContent=!0,html+='');html+='
';var playButtonAction=item.UserData||{};!1!==options.playedButton&&_itemmanager.default.canMarkPlayed(item)&&"CollectionFolder"!==action&&(hasContent=!0,html+=_embyPlaystatebutton.default.getHtml(playButtonAction.Played,menuClass,"cardOverlayButtonIcon cardOverlayButtonIcon-hover"));!1!==options.ratingButton&&_itemmanager.default.canRate(item)&&(hasContent=!0,html+=_embyRatingbutton.default.getHtml(playButtonAction.IsFavorite,menuClass,"cardOverlayButtonIcon cardOverlayButtonIcon-hover"));options.contextMenu&&itemController.supportsContextMenu(item)&&(hasContent=!0,html+='');options.previewImageButton&&supportsTargetBlank&&(hasContent=!0,html+='');return hasContent?html+="
":""}(item,itemController,action,options,options.cardPadderClass),options.dragReorder&&(logoUrl+=''),options.cardParts?(overlayText=_shortcuts.default.getShortcutAttributes(item,options),options.isSingleClickElement&&overlayText.push({name:"data-action",value:action}),options.isVirtualList||overlayText.push({name:"data-index",value:index}),options.sideFooter?fieldMap+=shape:fieldMap=shape+fieldMap,serverId=cardImageContainerOpen+fieldMap+logoUrl+vibrantImgInfo,options.enableCardBox&&(serverId+="
"),{attributes:overlayText,html:serverId}):(isSingleClickElement=_shortcuts.default.getShortcutAttributesHtml(item,options),options.isSingleClickElement&&(isSingleClickElement+=' data-action="'+action+'"'),options.isVirtualList||(isSingleClickElement+=' data-index="'+index+'"'),cardImageClass=options.tagName,options.sideFooter?fieldMap+=shape:fieldMap=shape+fieldMap,(cardContentClass=options.fixedAttributes)&&(isSingleClickElement+=" "+cardContentClass),imageShape="<"+cardImageClass+isSingleClickElement+' class="'+options.className+'">'+cardImageContainerOpen+fieldMap+logoUrl+vibrantImgInfo,options.enableCardBox&&(imageShape+="
"),imageShape+"")}var supportsTargetBlank=_servicelocator.appHost.supports("targetblank");function setUserPreferredSize(element,cardSize){if(supportsCalc&&supportsMin&&supportsCssVariables){var value=element?cardSize:_usersettings.default.cardSize();switch(value){case"extrasmall":value="3";break;case"smaller":value="2";break;case"small":value="1";break;case"large":value="-1";break;case"larger":value="-2";break;case"extralarge":value="-3";break;case"normal":value="0";break;default:value=element?"null":"0"}try{element&&"null"===value?element.style.removeProperty("--user-cards-size-adjust"):(element||document.documentElement).style.setProperty("--user-cards-size-adjust",value)}catch(err){console.log("error in setUserPreferredSize: "+err)}}}_events.default.on(_connectionmanager.default,"localusersignedin",function(){setUserPreferredSize()}),_events.default.on(_usersettings.default,"change",function(e,name,value){"cardSize"===name&&setUserPreferredSize()}),_exports.default={setListOptions:setListOptions,getItemsHtml:function(items,options){return buildCardsHtmlInternal(items=1===arguments.length?(options=arguments[0]).items:items,options)},getItemParts:function(item,index,options){return options.cardParts=!0,getCardHtml(item,index,options)},buildCards:function(items,options){var itemsContainer=options.itemsContainer;if(document.body.contains(itemsContainer)){var parentContainer=options.parentContainer;if(parentContainer){if(!items.length)return void parentContainer.classList.add("hide");parentContainer.classList.remove("hide")}parentContainer=buildCardsHtmlInternal(items,options);itemsContainer.innerHTML=parentContainer,itemsContainer.items=items,options.multiSelect&&(itemsContainer.enableMultiSelect?itemsContainer.enableMultiSelect(!0):itemsContainer.setAttribute("data-multiselect","true")),options.contextMenu&&(itemsContainer.enableContextMenu?itemsContainer.enableContextMenu(!0):itemsContainer.setAttribute("data-contextmenu","true")),parentContainer&&_imageloader.default.lazyChildren(itemsContainer),options.autoFocus&&_focusmanager.default.autoFocus(itemsContainer)}},virtualChunkSize:50,setListClasses:function(elem,listOptions){var _listOptions$options,elem=elem.classList;null!=(_listOptions$options=listOptions.options)&&_listOptions$options.rows||(listOptions.virtualScrollLayout||"").includes("horizontal")?elem.remove("vertical-wrap"):elem.add("vertical-wrap"),elem.remove("vertical-list")},setUserPreferredSize:setUserPreferredSize}}); \ No newline at end of file diff --git a/modules/common/usersettings/usersettingsbuilder.js b/modules/common/usersettings/usersettingsbuilder.js index 746e932..f5cf222 100644 --- a/modules/common/usersettings/usersettingsbuilder.js +++ b/modules/common/usersettings/usersettingsbuilder.js @@ -1,194 +1 @@ -/* -Disable shit -return null != val ? this.set("enableLogoAsTitle", val.toString(), !1) : !!(val = this.get("enableCinemaMode", !1)) && "false" !== val - -Enable shit -return null != val ? this.set("drawerstyle", val.toString(), !1) : "false" !== (val = this.get("enableBackdrops", !1)) - -*/ - - -define(["exports", "./../appsettings.js", "./../../emby-apiclient/events.js"], function(_exports, _appsettings, _events) { - function UserSettings() {} - Object.defineProperty(_exports, "__esModule", { - value: !0 - }), _exports.default = void 0, UserSettings.prototype.setUserInfo = function(userId, apiClient) { - if (this.saveTimeout && clearTimeout(this.saveTimeout), this.currentUserId = userId, this.currentApiClient = apiClient, !userId) return this.displayPrefs = null, Promise.resolve(); - var self = this; - return apiClient.getDisplayPreferences("usersettings", userId, "emby").then(function(result) { - result.CustomPrefs = result.CustomPrefs || {}, self.displayPrefs = result, _events.default.trigger(self, "load") - }) - }, UserSettings.prototype.getData = function() { - return this.displayPrefs - }, UserSettings.prototype.importFrom = function(instance) { - this.displayPrefs = instance.getData() - }, UserSettings.prototype.set = function(name, value, enableOnServer) { - var userId = this.currentUserId; - if (!userId) throw new Error("userId cannot be null"); - var currentValue = this.get(name, enableOnServer), - userId = _appsettings.default.set(name, value, userId); - return !1 !== enableOnServer && this.displayPrefs && (this.displayPrefs.CustomPrefs[name] = null == value ? value : value.toString(), (enableOnServer = this).saveTimeout && clearTimeout(enableOnServer.saveTimeout), enableOnServer.saveTimeout = setTimeout(function() { - this.saveTimeout = null, this.currentApiClient.updateDisplayPreferences("usersettings", this.displayPrefs, this.currentUserId, "emby") - }.bind(enableOnServer), 50)), currentValue !== value && _events.default.trigger(this, "change", [name, value]), userId - }, UserSettings.prototype.remove = function(name, enableOnServer) { - return this.set(name, null, enableOnServer) - }, UserSettings.prototype.get = function(name, enableOnServer) { - var userId = this.currentUserId; - return userId ? !1 !== enableOnServer && this.displayPrefs ? this.displayPrefs.CustomPrefs[name] : _appsettings.default.get(name, userId) : null - }, UserSettings.prototype.serverConfig = function(config) { - var apiClient = this.currentApiClient; - return config ? apiClient.updateUserConfiguration(this.currentUserId, config) : apiClient.getUser(this.currentUserId).then(function(user) { - return user.Configuration - }) - }, UserSettings.prototype.enableCinemaMode = function(val) { - return null != val ? this.set("enableCinemaMode", val.toString(), !1) : !!(val = this.get("enableCinemaMode", !1)) && "false" !== val - }, UserSettings.prototype.enableNextVideoInfoOverlay = function(val) { - return null != val ? this.set("enableNextVideoInfoOverlay", val.toString()) : "false" !== (val = this.get("enableNextVideoInfoOverlay")) - }, UserSettings.prototype.getEnableLogoAsTitle = function(displayLanguage) { - var val = this.get("enableLogoAsTitle"); - return val ? "true" === val : displayLanguage && displayLanguage.toLowerCase().startsWith("en") - }, UserSettings.prototype.setEnableLogoAsTitle = function(val) { - return this.set("enableLogoAsTitle", val.toString(), !0) - }, UserSettings.prototype.enableThemeSongs = function(val) { - return null != val ? this.set("enableThemeSongs", val.toString(), !1) : !!(val = this.get("enableThemeSongs", !1)) && "false" !== val - }, UserSettings.prototype.enableThemeVideos = function(val) { - return null != val ? this.set("enableThemeVideos", val.toString(), !1) : !!(val = this.get("enableThemeVideos", !1)) && "false" !== val - }, UserSettings.prototype.hideMediaTransportButtons = function(val) { - return null != val ? this.set("hideMediaTransportButtons", val.toString(), !1) : this.get("hideMediaTransportButtons", !1) || "auto" - }, UserSettings.prototype.enableHomescreenFocusPreviews = function(val) { - return null != val ? this.set("enableHomescreenFocusPreviews", val.toString(), !0) : "true" === (val = this.get("enableHomescreenFocusPreviews", !0)) - }, UserSettings.prototype.enableBackdrops = function(val) { - return null != val ? this.set("drawerstyle", val.toString(), !1) : "false" !== (val = this.get("enableBackdrops", !1)) - }, UserSettings.prototype.enableRatingInfoOnPlaybackStart = function(val) { - return null != val ? this.set("enableRatingInfoOnPlaybackStart", val.toString(), !0) : "false" !== (val = this.get("enableRatingInfoOnPlaybackStart", !0)) - }, UserSettings.prototype.language = function(val) { - return null != val ? this.set("language", val.toString(), !1) : this.get("language", !1) - }, UserSettings.prototype.dateTimeLocale = function(val) { - return null != val ? this.set("datetimelocale", val.toString(), !1) : this.get("datetimelocale", !1) - }, UserSettings.prototype.skipBackLength = function(val) { - return null != val ? this.set("skipBackLength", val.toString()) : parseInt(this.get("skipBackLength") || "10000") - }, UserSettings.prototype.skipForwardLength = function(val) { - return null != val ? this.set("skipForwardLength", val.toString()) : parseInt(this.get("skipForwardLength") || "10000") - }, UserSettings.prototype.settingsTheme = function(val) { - return null != val ? this.set("settingsTheme", val, !0) : this.get("settingsTheme", !0) || "blueradiance" - }, UserSettings.prototype.theme = function(val) { - return null != val ? this.set("appTheme", val, !0) : this.get("appTheme", !0) || "blueradiance" - }, UserSettings.prototype.accentColor = function(val) { - return null != val ? this.set("accentColor", val, !0) : this.get("accentColor", !0) || "purple" - }, UserSettings.prototype.screensaver = function(val) { - return null != val ? this.set("screensaver", val, !1) : this.get("screensaver", !1) || null - }, UserSettings.prototype.soundEffects = function(val) { - return null != val ? this.set("soundeffects", val, !1) : this.get("soundeffects", !1) || null - }, UserSettings.prototype.osdContentSection = function(val) { - return null != val ? this.set("osdcontentsection", val, !1) : this.get("osdcontentsection", !1) - }, UserSettings.prototype.drawerStyle = function(val) { - return null != val ? this.set("settingsdrawerstyle", val, !1) : this.get("settingsdrawerstyle", !1) || "docked" - }, UserSettings.prototype.settingsDrawerStyle = function(val) { - return null != val ? this.set("settingsdrawerstyle", val, !1) : this.get("settingsdrawerstyle", !1) || "docked" - }, UserSettings.prototype.nowPlayingAudioBackgroundStyle = function(val) { - return null != val ? this.set("nowPlayingAudioBackgroundStyle", val, !0) : this.get("nowPlayingAudioBackgroundStyle", !0) || "blur" - }, UserSettings.prototype.nowPlayingVideoBackgroundStyle = function(val) { - return null != val ? this.set("nowPlayingVideoBackgroundStyle", val, !0) : this.get("nowPlayingVideoBackgroundStyle", !0) || "backdrop" - }, UserSettings.prototype.stillWatchingTimeMs = function(val) { - return null != val ? this.set("stillwatchingms", val, !0) : parseInt(this.get("stillwatchingms", !0) || "14400000") - }, UserSettings.prototype.itemSortBy = function(itemId, val) { - itemId = "sortitems-" + itemId + "-by"; - return null != val ? this.set(itemId, val, !1) : this.get(itemId, !1) || "" - }, UserSettings.prototype.itemSortOrder = function(itemId, val) { - itemId = "sortitems-" + itemId + "-order"; - return null != val ? this.set(itemId, val, !1) : this.get(itemId, !1) || "Ascending" - }, UserSettings.prototype.enableStillWatching = function(val) { - return null != val ? this.stillWatchingTimeMs(val ? 144e5 : 0) : 0 < this.stillWatchingTimeMs() - }, UserSettings.prototype.getSubtitleAppearanceSettings = function(key) { - key = key || "localplayersubtitleappearance3"; - key = JSON.parse(this.get(key, !1) || "{}"); - return key.dropShadow || (key.dropShadow = "dropshadow"), key.textBackground || (key.textBackground = "transparent"), key.textBackgroundOpacity || (key.textBackgroundOpacity = "1"), key - }, UserSettings.prototype.setSubtitleAppearanceSettings = function(value, key) { - return this.set(key = key || "localplayersubtitleappearance3", JSON.stringify(value), !1) - }, UserSettings.prototype.setFilter = function(key, value, enableOnServer) { - return this.set(key, value, !0 === enableOnServer) - }, UserSettings.prototype.getFilter = function(key, enableOnServer) { - key = this.get(key, !0 === enableOnServer); - return "null" === key || "" === key ? null : key - }, UserSettings.prototype.getDefaultHomeScreenSection = function(index) { - switch (index) { - case 0: - return "smalllibrarytiles"; - case 1: - return "resume"; - case 2: - return "latestmedia"; - case 3: - return "none"; - case 4: - return "none"; - case 5: - return "none"; - default: - return "none" - } - }, UserSettings.prototype.getHomeScreenSections = function(includeBlanks) { - for (var sections = [], i = 0; i < 7; i++) { - var section = this.get("homesection" + i) || this.getDefaultHomeScreenSection(i); - "folders" === section ? section = this.getDefaultHomeScreenSection(0) : "onnow" === section ? section = "livetv" : "librarytiles" !== section && "smalllibrarytiles-automobile" !== section && "librarytiles-automobile" !== section || (section = "smalllibrarytiles"), "none" === section && !includeBlanks || sections.push(section) - } - return sections - }, UserSettings.prototype.enableVideoUnderUI = function(val) { - return null != val ? this.set("enableVideoUnderUI", val.toString(), !1) : "true" === this.get("enableVideoUnderUI", !1) - }, UserSettings.prototype.guideChannelStyle = function(val) { - return null != val ? this.set("guideChannelStyle", val.toString(), !0) : this.get("guideChannelStyle", !0) || "image" - }, UserSettings.prototype.showChannelNumberInGuide = function(val) { - return null != val ? this.set("showChannelNumberInGuide", val.toString(), !0) : "false" !== this.get("showChannelNumberInGuide", !0) - }, UserSettings.prototype.cardSize = function(val) { - return null != val ? this.set("cardSize", val.toString(), !1) : this.get("cardSize", !1) || "normal" - }, UserSettings.prototype.getLiveTvChannelSortSettingsKey = function() { - return "livetv-channelorder" - }, UserSettings.prototype.getLiveTvChannelSortOrders = function(globalize) { - for (var selectedOrder, sortBy = [], currentOrder = (sortBy.push({ - name: globalize.translate("HeaderDefaultChannelOrder"), - value: "DefaultChannelOrder", - defaultSortOrder: "Ascending", - menuSortKey: "0" - }), sortBy.push({ - name: globalize.translate("ChannelNumber"), - value: "ChannelNumber,SortName", - defaultSortOrder: "Ascending" - }), sortBy.push({ - name: globalize.translate("DatePlayed"), - value: "DatePlayed,ChannelNumber,SortName", - defaultSortOrder: "Descending" - }), sortBy.push({ - name: globalize.translate("Title"), - value: "SortName", - defaultSortOrder: "Ascending" - }), sortBy.push({ - name: globalize.translate("HeaderFavoritesThenByDefault"), - value: "IsFavorite,DefaultChannelOrder", - defaultSortOrder: "Ascending" - }), sortBy.push({ - name: globalize.translate("HeaderFavoritesThenByChannelNumber"), - value: "IsFavorite,ChannelNumber,SortName", - defaultSortOrder: "Ascending" - }), sortBy.push({ - name: globalize.translate("HeaderFavoritesThenByTitle"), - value: "IsFavorite,SortName", - defaultSortOrder: "Ascending" - }), this.getFilter(this.getLiveTvChannelSortSettingsKey(), !0)), i = 0, length = sortBy.length; i < length; i++) { - var order = sortBy[i]; - if (order.value === currentOrder) { - selectedOrder = order; - break - } - } - return (selectedOrder = selectedOrder || sortBy[0]).selected = !0, sortBy - }, UserSettings.prototype.addLiveTvChannelSortingToQuery = function(query, globalize) { - for (var selectedOrder, orders = this.getLiveTvChannelSortOrders(globalize), i = 0, length = orders.length; i < length; i++) { - var order = orders[i]; - if (order.selected) { - selectedOrder = order; - break - } - } - query.SortBy = selectedOrder.value, query.SortOrder = selectedOrder.defaultSortOrder - }, _exports.default = UserSettings -}); +define(["exports","./../appsettings.js","./../../emby-apiclient/events.js"],function(_exports,_appsettings,_events){function UserSettings(){}function getHomeSection(instance,index){index=instance.get("homesection"+index)||instance.getDefaultHomeScreenSection(index);return"folders"===index?index=instance.getDefaultHomeScreenSection(0):"onnow"===index?index="livetv":"librarytiles"!==index&&"smalllibrarytiles-automobile"!==index&&"librarytiles-automobile"!==index||(index="smalllibrarytiles"),index}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,UserSettings.prototype.setUserInfo=function(userId,apiClient){var self;return this.saveTimeout&&clearTimeout(this.saveTimeout),this.currentUserId=userId,this.currentApiClient=apiClient,userId?(self=this,apiClient.getDisplayPreferences("usersettings",userId,"emby").then(function(result){result.CustomPrefs=result.CustomPrefs||{},self.displayPrefs=result,_events.default.trigger(self,"load")})):(this.displayPrefs=null,Promise.resolve())},UserSettings.prototype.getData=function(){return this.displayPrefs},UserSettings.prototype.importFrom=function(instance){this.displayPrefs=instance.getData()},UserSettings.prototype.set=function(name,value,enableOnServer){var currentValue,userId=this.currentUserId;if(userId)return currentValue=this.get(name,enableOnServer),userId=_appsettings.default.set(name,value=null==value?null:value,userId),!1!==enableOnServer&&this.displayPrefs&&(this.displayPrefs.CustomPrefs[name]=null==value?value:value.toString(),(enableOnServer=this).saveTimeout&&clearTimeout(enableOnServer.saveTimeout),enableOnServer.saveTimeout=setTimeout(function(){this.saveTimeout=null,this.currentApiClient.updateDisplayPreferences("usersettings",this.displayPrefs,this.currentUserId,"emby")}.bind(enableOnServer),50)),currentValue!==value&&_events.default.trigger(this,"change",[name,value]),userId;throw new Error("userId cannot be null")},UserSettings.prototype.remove=function(name,enableOnServer){return this.set(name,null,enableOnServer)},UserSettings.prototype.get=function(name,enableOnServer){var userId=this.currentUserId;return userId?!1!==enableOnServer&&this.displayPrefs?this.displayPrefs.CustomPrefs[name]:_appsettings.default.get(name,userId):null},UserSettings.prototype.serverConfig=function(config){var apiClient=this.currentApiClient;return config?apiClient.updateUserConfiguration(this.currentUserId,config):apiClient.getUser(this.currentUserId).then(function(user){return user.Configuration})},UserSettings.prototype.enableCinemaMode=function(val){return null!=val?this.set("enableCinemaMode",val.toString(),!1):!(val=this.get("enableCinemaMode",!1))||"false"!==val},UserSettings.prototype.enableNextVideoInfoOverlay=function(val){return null!=val?this.set("enableNextVideoInfoOverlay",val.toString()):"false"!==(val=this.get("enableNextVideoInfoOverlay"))},UserSettings.prototype.getEnableLogoAsTitle=function(displayLanguage){var val=this.get("enableLogoAsTitle");return val?"true"===val:displayLanguage&&displayLanguage.toLowerCase().startsWith("en")},UserSettings.prototype.setEnableLogoAsTitle=function(val){return this.set("enableLogoAsTitle",val.toString())},UserSettings.prototype.enableThemeSongs=function(val){return null!=val?this.set("enableThemeSongs",val.toString(),!1):"false"!==(val=this.get("enableThemeSongs",!1))},UserSettings.prototype.enableThemeVideos=function(val){return null!=val?this.set("enableThemeVideos",val.toString(),!1):!!(val=this.get("enableThemeVideos",!1))&&"false"!==val},UserSettings.prototype.hideMediaTransportButtons=function(val){return null!=val?this.set("hideMediaTransportButtons",val.toString(),!1):this.get("hideMediaTransportButtons",!1)||"auto"},UserSettings.prototype.enableHomescreenFocusPreviews=function(val){return null!=val?this.set("enableHomescreenFocusPreviews",val.toString(),!0):"true"===(val=this.get("enableHomescreenFocusPreviews",!0))},UserSettings.prototype.enableBackdrops=function(val){return null!=val?this.set("enableBackdrops",val.toString(),!1):!!(val=this.get("enableBackdrops",!1))&&"false"!==val},UserSettings.prototype.enableRatingInfoOnPlaybackStart=function(val){return null!=val?this.set("enableRatingInfoOnPlaybackStart",val.toString(),!0):"false"!==(val=this.get("enableRatingInfoOnPlaybackStart",!0))},UserSettings.prototype.language=function(val){return null!=val?this.set("language",val.toString(),!1):this.get("language",!1)},UserSettings.prototype.dateTimeLocale=function(val){return null!=val?this.set("datetimelocale",val.toString(),!1):this.get("datetimelocale",!1)},UserSettings.prototype.skipBackLength=function(val){return null!=val?this.set("skipBackLength",val.toString()):parseInt(this.get("skipBackLength")||"10000")},UserSettings.prototype.skipForwardLength=function(val){return null!=val?this.set("skipForwardLength",val.toString()):parseInt(this.get("skipForwardLength")||"10000")},UserSettings.prototype.settingsTheme=function(val){return null!=val?this.set("settingsTheme",val,!1):this.get("settingsTheme",!1)},UserSettings.prototype.theme=function(val){return null!=val?this.set("appTheme",val,!1):this.get("appTheme",!1)||null},UserSettings.prototype.accentColor=function(val){return null!=val?this.set("accentColor",val,!0):this.get("accentColor",!0)||"emby"},UserSettings.prototype.screensaver=function(val){return null!=val?this.set("screensaver",val,!1):this.get("screensaver",!1)||null},UserSettings.prototype.soundEffects=function(val){return null!=val?this.set("soundeffects",val,!1):this.get("soundeffects",!1)||null},UserSettings.prototype.osdContentSection=function(val){return null!=val?this.set("osdcontentsection",val,!1):this.get("osdcontentsection",!1)},UserSettings.prototype.drawerStyle=function(val){return null!=val?this.set("drawerstyle",val,!1):this.get("drawerstyle",!1)||"docked"},UserSettings.prototype.settingsDrawerStyle=function(val){return null!=val?this.set("settingsdrawerstyle",val,!1):this.get("settingsdrawerstyle",!1)||"docked"},UserSettings.prototype.nowPlayingAudioBackgroundStyle=function(val){return null!=val?this.set("nowPlayingAudioBackgroundStyle",val,!0):this.get("nowPlayingAudioBackgroundStyle",!0)||"blur"},UserSettings.prototype.nowPlayingVideoBackgroundStyle=function(val){return null!=val?this.set("nowPlayingVideoBackgroundStyle",val,!0):this.get("nowPlayingVideoBackgroundStyle",!0)||"backdrop"},UserSettings.prototype.stillWatchingTimeMs=function(val){return null!=val?this.set("stillwatchingms",val,!0):parseInt(this.get("stillwatchingms",!0)||"14400000")},UserSettings.prototype.tvHome=function(val){return null!=val?this.set("tvhome",val,!0):this.get("tvhome",!0)||"vertical"},UserSettings.prototype.itemSortBy=function(itemId,val){itemId="sortitems-"+itemId+"-by";return null!=val?this.set(itemId,val,!1):this.get(itemId,!1)||""},UserSettings.prototype.itemSortOrder=function(itemId,val){itemId="sortitems-"+itemId+"-order";return null!=val?this.set(itemId,val,!1):this.get(itemId,!1)||"Ascending"},UserSettings.prototype.enableStillWatching=function(val){return null!=val?this.stillWatchingTimeMs(val?144e5:0):0option { - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.emby-select:focus { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.emby-select-tv:focus { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.selectLabelFocused,.inputLabelFocused { - color: var(--theme-accent-text-color); -} - -.emby-textarea-label:focus-within>.emby-textarea-labeltext,.sliderLabel:focus-within>.sliderLabelText { - color: var(--theme-accent-text-color); -} - -.button-link { - color: var(--theme-accent-text-color); -} - -.button-link-color-inherit { - color: inherit; -} - -.paperList,.visualCardBox { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.listItems-border { - border: var(--line-size) solid var(--line-background); -} - -.collapseContent { - border: var(--line-size) solid var(--line-background); -} - -.listItemBodyText-secondary,.secondaryText,.fieldDescription,.cardText-secondary { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.cardText-first { - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.actionsheetDivider { - background: var(--line-background); -} - -.selectionCommandsPanel { - background: hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 10%)); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.upNextDialog-countdownText { - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.alphaPickerButton { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - background-color: transparent; -} - -.alphaPickerButton-tv:focus { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.listItem-border { - border-color: var(--line-background)!important; -} - -@media (hover:hover) and (pointer:fine) { - .listItem-hoverable:hover,.listItem-hoverable:hover .chkListItemSelectContainer { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); - } -} - -.listItem-tv:focus { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.nocssvars .listItem-tv:focus .listItemBodyText-secondary { - color: inherit; -} - -.listItem-button:focus-visible { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -@supports (color:var(--fake-var)) { - .listItem-tv:focus { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } - - .listItem-button:focus-visible { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .listItem-tv-bf:focus { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-blur-background-lightness),.7); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } - - .listItem-button-bf:focus-visible { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-blur-background-lightness),.7); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } -} - -.progressring-spiner { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.mediaInfoText { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); -} - -.starIcon { - color: #cb272a; -} - -.mediaInfoTimerIcon { - color: #cb272a; -} - -.emby-input,.emby-textarea { - color: inherit; - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - border: var(--line-size) solid var(--line-background); -} - -.emby-input:focus,.emby-textarea:focus { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-checkbox+.checkboxLabel::before { - border-color: currentcolor; -} - -.chkCardSelect+.checkboxLabel::before { - border-color: transparent; - background: rgba(255,255,255,.4); -} - -.chkItemSelect-selecthint+.checkboxLabel::before { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%)); - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%)); -} - -.emby-checkbox:checked+.checkboxLabel::before { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-checkbox-tv:focus+.checkboxLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.emby-checkbox:focus-visible+.checkboxLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.mdl-radio__inner-circle { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-radio:focus-visible+.radioButtonLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.itemProgressBar { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3); -} - -.itemProgressBarForeground { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.itemProgressBarForeground-recording { - background-color: #cb272a; -} - -.countIndicator { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.playedIndicator { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.mainDrawer { - background: var(--drawer-background); -} - -.drawer-docked { - background: var(--docked-drawer-background); - -webkit-border-end: var(--line-size) solid var(--line-background); - border-inline-end: var(--line-size) solid var(--line-background); -} - -.navMenuOption-selected { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)!important; - color: var(--theme-accent-text-color); -} - -.emby-button-tv:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.button-link:focus-visible { - background: 0 0; -} - -.button-link.emby-button-focusscale:focus { - background: 0 0; -} - -.button-link:focus-visible::before { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); -} - -.button-link.emby-button-focusscale:focus::before { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); -} - -.firstChannelCell-withscroll { - background: var(--theme-background)!important; -} - -.channelCell { - border-color: transparent; -} - -.channelCellInner { - background-color: var(--epg-channel-color); -} - -.programCellInner { - background: var(--epg-program-color); -} - -.programCellInner-sports { - background: rgba(10,79,95,.7); - color: #fff; -} - -.programCellInner-movie { - background: rgba(86,45,121,.7); - color: #fff; -} - -.programCellInner-kids { - background: rgba(64,125,154,.7); - color: #fff; -} - -.programCellInner-news { - background: rgba(100,125,76,.7); - color: #fff; -} - -.guide-currentTimeIndicatorDot { - border-inline-end-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.channelCell-tv:focus>.channelCellInner,.programCell-tv:focus>.programCellInner { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.channelCell:focus-visible>.channelCellInner,.programCell:focus-visible>.programCellInner { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555; -} - -.channelCell-tv:focus .guideChannelText { - color: #fff; -} - -.channelCell:focus-visible .guideChannelText { - color: #fff; -} - -.infoBanner { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.warningBanner { - background: rgba(255,69,0,.1); - color: #ff4500; -} - -.ratingbutton-icon-withrating { - color: #c33!important; -} - -.downloadbutton-icon-on { - color: #4285f4; -} - -.downloadbutton-icon-complete { - color: #4285f4; -} - -.playstatebutton-icon-played { - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.toggleButtonIcon-active { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5); - color: #fff; -} - -.cardContent-outlinefocus { - outline-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.card:focus .cardContent-bxsborder { - box-shadow: 0 0 0 .27em hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))!important; -} - -.card:focus-visible .cardContent-bxsborder-fv { - box-shadow: 0 0 0 .27em hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))!important; -} - -.card:focus .cardBox-sideFooter-f { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.card:focus-visible .cardBox-sideFooter { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.cardContent-button { - background-color: transparent; -} - -.cardContent-shadow { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); - box-shadow: 0 .278em .975em rgba(0,0,0,.1); -} - -.cardContent-shadow::after { - display: block; - content: ""; - width: 100%; - height: 0; - max-width: 100%; - max-height: 100%; - position: absolute; - top: 0; - min-width: 100%; - min-height: 100%; - z-index: 2; - box-shadow: inset 0 0 0 .0695em rgb(128 128 128 / 10%); -} - -.card-focustransform:focus .cardContent-shadow { - box-shadow: 0 .278em .975em rgba(0,0,0,.5); -} - -.defaultCardBackground0 { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.cardImageContainer-sideFooter { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.04); -} - -.cardOverlayButtonIcon,.listItemOverlayButtonIcon { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -::-webkit-scrollbar-track-piece { - background-color: transparent; -} - -::-webkit-scrollbar-thumb { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5); -} - -.emby-slider-background { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3); -} - -.emby-slider { - color: inherit; -} - -.emby-slider-thumb { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),1); -} - -.emby-slider-background-upper { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.35); -} - -.emby-slider-background-upper-accent { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-slider-background-lower { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--slider-lower-opacity)); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .emby-slider-background-backdropfilter { - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } -} - -.scrollbuttoncontainer { - color: #fff; - background: rgba(20,20,20,.5); -} - -.recordingIcon-active { - color: #c33!important; -} - -.textActionButton.dragging { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important; -} - -.dragging-over.full-drop-target { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - color: #fff!important; -} - -.dragging-over-top::before,.dragging-over-bottom::after,.dragging-over-left::before,.dragging-over-right::after { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.checkboxLabel-lockedfield-embeddedintofield { - border-inline-start-color: var(--line-background)!important; - border-top-width: var(--line-size)!important; - border-bottom-width: var(--line-size)!important; -} - -.checkboxLabel-lockedfield { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important; -} - -.chkLockedField:checked+span { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.chkLockedField.emby-checkbox-tv:focus { - box-shadow: 0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.chkLockedField:focus-visible+span { - box-shadow: 0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.tabs-viewmenubar-backgroundcontainer { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .tabs-viewmenubar-backgroundcontainer-backdropfilter { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 20%),.5); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } -} - -.emby-tab-button { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-tab-button-active { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 62%),.5); - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.tabs-viewmenubar:focus-within .emby-tab-button-active:not(:focus) { - background: 0 0; - color: inherit; -} - -.emby-tab-button:focus { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 62%),.5); - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-tab-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.emby-tab-button.emby-button-tv:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.dockedtabs-tab-button { - background: 0 0!important; -} - -.dockedtabs-tab-button.emby-tab-button:focus { - color: inherit; -} - -.dockedtabs-tab-button.emby-tab-button-active { - color: var(--theme-accent-text-color)!important; -} - -.searchTabsContainer { - border-bottom: var(--line-size) solid var(--line-background); -} - -.activeSession-bottomsection:nth-child(odd) { - background: hsla(var(--card-background-hue),var(--card-background-saturation),calc(var(--card-background-lightness) - 5%),.5); -} - -.dataGridHeader-content-inner { - background: #aebec3; -} - -.dataGridItem:nth-child(even) { - background: rgba(0,0,0,.1); -} - -@media (hover:hover) and (pointer:fine) { - .dataGridItem-hoverable:hover,.dataGridItem-hoverable:hover .chkItemSelectContainer { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); - } -} - -.dataGridItem-focusscale:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.dataGridItem-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -@media all and (min-width:50em) { - .itemBackgroundContainer.withBackdrop { - background: linear-gradient(77deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)!important; - opacity: 1!important; - } - - [dir=rtl] .itemBackgroundContainer.withBackdrop { - background: linear-gradient(283deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)!important; - } -} - -@media all and (orientation:landscape) { - .itemBackgroundContainer-brighter.withBackdrop { - background: linear-gradient(77deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)!important; - opacity: 1!important; - } - - [dir=rtl] .itemBackgroundContainer-brighter.withBackdrop { - background: linear-gradient(283deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)!important; - } -} - -@media all and (min-width:50em) { - .darkContentContainer-item { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - --button-background-hue: 285; - --button-background-saturation: 4.2%; - --button-background-lightness: 40%; - --button-background-alpha: .7; - --button-background-blur-lightness: calc(var(--button-background-lightness) + 37%); - --button-background-blur-alpha: .3; - --button-blur-backdrop-filter: saturate(1.8) blur(4em); - --card-background-hue: 0; - --card-background-saturation: 0%; - --card-background-lightness: 17.25%; - --card-background-alpha: .7; - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); - } - - .detailMainContainer-withbackdrop { - text-shadow: .14em .14em .28em rgba(0,0,0,.45); - } - - .detailMainContainer-withbackdrop .listItem-tv:focus { - --theme-text-color-lightness: 0%; - } - - .detailMainContainer-withbackdrop .listItem-button:focus-visible { - --theme-text-color-lightness: 0%; - } - - .details-additionalContent-withbackdrop { - --theme-text-color-alpha: .85; - } -} - -.darkContentContainer { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - --button-background-hue: 285; - --button-background-saturation: 4.2%; - --button-background-lightness: 40%; - --button-background-alpha: .7; - --button-background-blur-lightness: calc(var(--button-background-lightness) + 37%); - --button-background-blur-alpha: .3; - --button-blur-backdrop-filter: saturate(1.8) blur(4em); - --card-background-hue: 0; - --card-background-saturation: 0%; - --card-background-lightness: 17.25%; - --card-background-alpha: .7; - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); -} - -.graphicContentContainer { - --theme-secondary-text-color-alpha: .7; - --button-background-hue: 0; - --button-background-saturation: 0%; - --button-background-lightness: 15%; - --button-background-alpha: .7; - --slider-lower-opacity: 1; -} - -.detailTrackSelect { - border-color: transparent; -} - -.lyricsScroller { - --theme-secondary-text-color-alpha: .3; -} +:root{--background-hue:150;--background-saturation:2.44%;--background-lightness:83.92%;--background-alpha:1;--theme-primary-color-hue:116;--theme-primary-color-saturation:41.7%;--theme-primary-color-lightness:50.2%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:0%;--theme-text-color-alpha:.87;--theme-secondary-text-color-alpha:.6;--theme-accent-text-color-lightbg:green;--theme-accent-text-color-darkbg:#6ccf65;--theme-accent-text-color:var(--theme-accent-text-color-lightbg);--button-background-hue:0;--button-background-saturation:0%;--button-background-lightness:100%;--button-background-alpha:.5;--button-background-blur-lightness:var(--button-background-lightness);--button-background-blur-alpha:var(--button-background-alpha);--button-blur-backdrop-filter:none;--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:100%;--card-background-alpha:.5;--input-background-hue:0;--input-background-saturation:0%;--input-background-lightness:100%;--header-background:hsl(var(--background-hue), var(--background-saturation), var(--background-lightness));--header-blur-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 6%), .72);--footer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 7%));--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);--line-size:.08em;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 10%));--docked-drawer-background:rgba(255, 255, 255, .3);--header-bottom-border:.08em solid var(--line-background);--dialog-border-width:0;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:13.33%;--focus-blur-background-lightness:13.33%;--focus-text-color-lightness:100%;--slider-lower-opacity:.7}@media (pointer:fine){:not(.layout-tv):root{--dialog-border-width:var(--line-size)}}.layout-tv:root{--header-background:transparent;--header-blur-background:transparent;--header-bottom-border:0}.dialog{--background-lightness:93.92%;--header-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 10%));--footer-background:var(--header-background);background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness));border:var(--dialog-border-width) solid var(--line-background);box-shadow:inset 0 0 0 .07em rgba(255,255,255,.2),0 .56em 2.8em rgba(0,0,0,.25)}.mainDrawer{background:var(--drawer-background)}.drawer-docked{background:var(--docked-drawer-background);-webkit-border-end:var(--line-size) solid var(--line-background);border-inline-end:var(--line-size) solid var(--line-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.dialog-blur,.drawer-open-backdropfilter:not(.drawer-docked){--background-hue:0;--background-saturation:0%;--background-lightness:100%;background-color:hsla(var(--background-hue),var(--background-saturation),var(--background-lightness),.76);-webkit-backdrop-filter:saturate(1.8) blur(4em);backdrop-filter:saturate(1.8) blur(4em)}}html{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));scrollbar-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.4) transparent;background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))}.emby-collapsible-button-collapsed::after{background:var(--line-background)}.skinHeader-withBackground.headroom-scrolling{background:var(--header-background)}.appfooter{background:var(--footer-background)}.formDialogHeader:not(.formDialogHeader-clear),.formDialogFooter:not(.formDialogFooter-clear){background:var(--header-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.skinHeader-withBackground.skinHeader-withbackdropfilter.headroom-scrolling:not(.semiTransparent){background:var(--header-blur-background);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}.appfooter-withbackdropfilter{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 6%),.72);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.headerNowPlaying{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 5%),.7)}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:transparent;background:0 0;box-shadow:none!important;border-bottom:0;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-text-color-lightness:0%;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.appHeader-tv.semiTransparent{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.skinHeader.semiTransparent::before{position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;transition:opacity .3s ease-out;content:" ";opacity:0;background-color:rgba(0,0,0,.3);background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));z-index:-1}.semiTransparent.headroom-scrolling{text-shadow:none}.semiTransparent.headroom-scrolling::before{opacity:1}.pageTitleWithDefaultLogo{background-image:url(../logodark.png)}.backgroundContainer{background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness));background-image:linear-gradient(180deg,rgba(197,216,226,var(--background-alpha)) 0,2.43902%,rgba(204,224,234,var(--background-alpha)) 4.87805%,7.5985%,rgba(216,236,244,var(--background-alpha)) 10.3189%,12.9456%,rgba(228,245,252,var(--background-alpha)) 15.5722%,16.6041%,rgba(231,247,254,var(--background-alpha)) 17.636%,19.3246%,rgba(236,250,253,var(--background-alpha)) 21.0131%,23.4522%,rgba(241,250,247,var(--background-alpha)) 25.8912%,29.1745%,rgba(240,243,236,var(--background-alpha)) 32.4578%,35.272%,rgba(233,234,227,var(--background-alpha)) 38.0863%,41.651%,rgba(222,222,218,var(--background-alpha)) 45.2158%,49.7186%,rgba(214,215,214,var(--background-alpha)) 54.2214%,57.2233%,rgba(210,213,213,var(--background-alpha)) 60.2251%,68.1051%,rgba(206,215,217,var(--background-alpha)) 75.985%,82.364%,rgba(196,210,216,var(--background-alpha)) 88.743%,94.3715%,rgba(194,210,218,var(--background-alpha)) 100%);background-position:center center;background-repeat:no-repeat;background-size:cover}.backgroundContainer.withBackdrop{--background-alpha:.9;background:linear-gradient(180deg,rgba(197,216,226,var(--background-alpha)) 0,2.43902%,rgba(204,224,234,var(--background-alpha)) 4.87805%,7.5985%,rgba(216,236,244,var(--background-alpha)) 10.3189%,12.9456%,rgba(228,245,252,var(--background-alpha)) 15.5722%,16.6041%,rgba(231,247,254,var(--background-alpha)) 17.636%,19.3246%,rgba(236,250,253,var(--background-alpha)) 21.0131%,23.4522%,rgba(241,250,247,var(--background-alpha)) 25.8912%,29.1745%,rgba(240,243,236,var(--background-alpha)) 32.4578%,35.272%,rgba(233,234,227,var(--background-alpha)) 38.0863%,41.651%,rgba(222,222,218,var(--background-alpha)) 45.2158%,49.7186%,rgba(214,215,214,var(--background-alpha)) 54.2214%,57.2233%,rgba(210,213,213,var(--background-alpha)) 60.2251%,68.1051%,rgba(206,215,217,var(--background-alpha)) 75.985%,82.364%,rgba(196,210,216,var(--background-alpha)) 88.743%,94.3715%,rgba(194,210,218,var(--background-alpha)) 100%);background-position:center center;background-repeat:no-repeat;background-size:cover}.itemBackgroundContainer.withBackdrop{--background-alpha:.85}@media not all and (min-width:50em){.itemBackgroundContainer-preventbackdrop.withBackdrop{--background-alpha:1;background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))}}.paper-icon-button-light:active{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}.paper-icon-button-light-tv:focus{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.paper-icon-button-light:focus-visible{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.raised,.fab{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha));color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));box-shadow:0 .06933em .06933em 0 rgb(0 0 0 / 14%),0 .13866em .06933em -.06933em rgb(0 0 0 / 12%),0 .06933em .208em 0 rgb(0 0 0 / 20%)}.raised:active,.fab:active{background:hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) - 10%),var(--button-background-alpha))}.emby-select,.emby-multilineselect{color:inherit;background:hsla(var(--input-background-hue),var(--input-background-saturation),var(--input-background-lightness),var(--button-background-alpha));border:var(--line-size) solid var(--line-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.raised-backdropfilter,.fab-backdropfilter,.emby-select-backdropfilter.detailTrackSelect{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-blur-lightness),var(--button-background-blur-alpha));-webkit-backdrop-filter:var(--button-blur-backdrop-filter);backdrop-filter:var(--button-blur-backdrop-filter)}}.filter-active{background:#03a9f4!important;color:#fff!important}.button-submit{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness));color:#fff}@media not all and (min-width:50em){.detailButton-primary{background:#fff;color:#1a1a1a;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.emby-select>option{--theme-text-color-alpha:1;--theme-text-color-lightness:0%;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.emby-select:focus-visible{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important}.emby-select-tv:focus{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important;background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important;--theme-text-color-lightness:var(--focus-text-color-lightness)!important;--theme-text-color-alpha:1!important;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important}.emby-select-tv:focus~.emby-select-selectedNameContainer{--theme-text-color-lightness:var(--focus-text-color-lightness)!important;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important}.emby-select-tv:focus~.selectArrowContainer{--theme-text-color-lightness:var(--focus-text-color-lightness)!important;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important}.emby-textarea-label:focus-within>.emby-textarea-labeltext,.selectLabel:focus-within>.selectLabelText,.inputLabelFocused{color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.sliderLabel:focus-within>.sliderLabelText{color:var(--theme-accent-text-color)}.emby-collapse-expandIcon,.accentText{color:var(--theme-accent-text-color)}.button-link{color:var(--theme-accent-text-color)}.button-link-color-inherit{color:inherit}.paperList,.visualCardBox{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.listItems-border{border:var(--line-size) solid var(--line-background)}.collapseContent{border:var(--line-size) solid var(--line-background)}.secondaryText,.fieldDescription,.cardText-secondary{--theme-text-color-alpha:var(--theme-secondary-text-color-alpha);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.actionsheetDivider{background:var(--line-background)}.selectionCommandsPanel{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 15%));--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.upNextDialog-countdownText{color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.navMenuOption-selected .listItem-content{color:var(--theme-accent-text-color)}.navMenuOption-selected .listItem-content::before{background-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)}.listItem-border::after{background:var(--line-background)}@media (hover:hover) and (pointer:fine){.listItem-hoverable:hover .listItem-content-bg{background-color:transparent}.listItem-hoverable:hover .listItem-content-bg::before{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}}.listItem-tv:focus .listItem-content-bg{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.listItem-button:focus-visible .listItem-content-bg{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}@supports (color:var(--fake-var)){.listItem-tv:focus .listItem-content-bg{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.listItem-button:focus-visible .listItem-content-bg{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}}.listItem-tv:focus .listItem-content-fb::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.7)}.progressring-spiner{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.mediaInfoText{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))}.starIcon{color:#cb272a}.mediaInfoTimerIcon{color:#cb272a}.emby-input,.emby-textarea{color:inherit;background:hsla(var(--input-background-hue),var(--input-background-saturation),var(--input-background-lightness),var(--button-background-alpha));border:var(--line-size) solid var(--line-background)}.emby-input:focus-visible,.emby-textarea:focus-visible{border-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.emby-input-tv:focus,.emby-textarea-tv:focus{border-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.emby-checkbox+.checkboxLabel::before{border-color:currentcolor}.chkCardSelect+.checkboxLabel::before{border-color:transparent;background:rgba(255,255,255,.4)}.chkItemSelect-selecthint+.checkboxLabel::before{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%));background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%))}.emby-checkbox-focusoutline{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.2)}.emby-checkbox:checked+.checkboxLabel+.emby-checkbox-focusoutline{background:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)}.mdl-radio__inner-circle{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-radio:focus-visible+.radioButtonLabel{background-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2);color:var(--theme-accent-text-color)}.itemProgressBar{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3)}.itemProgressBarForeground{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.itemProgressBarForeground-recording{background-color:#cb272a}.countIndicator{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.playedIndicator{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-tab-button-active{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 62%),.5);--theme-text-color-lightness:100%;--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.emby-tab-button-active.videoosd-tab-button{background:0 0}.emby-tab-button-active.videoosd-tab-button::before{background:#666}.emby-button:focus-visible{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.emby-button-tv:focus{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.button-link:focus-visible{background:0 0}.button-link.emby-button-tv:focus{background:0 0;box-shadow:none}.button-link:focus-visible::before{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)}.button-link.emby-button-tv:focus::before{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)}@supports (-webkit-mask-composite:xor){.emby-button-outline:focus::after,.emby-button-outline.fab:focus::after,.emby-button-outline.paper-icon-button-light:focus::after{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.4)}}.firstChannelCell-withscroll{background:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))!important}.channelCellInner{background-color:#aebec3}.programCellInner{background:rgba(0,0,0,.1)}.programCellInner-sports{background:rgba(10,79,95,.7);color:#fff}.programCellInner-movie{background:rgba(86,45,121,.7);color:#fff}.programCellInner-kids{background:rgba(64,125,154,.7);color:#fff}.programCellInner-news{background:rgba(100,125,76,.7);color:#fff}.guide-currentTimeIndicatorDot{border-inline-end-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2);color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.channelCell-tv:focus>.channelCellInner,.programCell-tv:focus>.programCellInner{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.channelCell:focus-visible>.channelCellInner,.programCell:focus-visible>.programCellInner{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.guide-programTextIcon{color:#1e1e1e;background:#555}.channelCell-tv:focus .guideChannelText{color:#fff}.channelCell:focus-visible .guideChannelText{color:#fff}.infoBanner{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.warningBanner{background:rgba(255,69,0,.1);color:#ff4500}.ratingbutton-icon-withrating{color:#c33!important}.downloadbutton-icon-on{color:#4285f4}.downloadbutton-icon-complete{color:#4285f4}.playstatebutton-icon-played{color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important}.toggleButtonIcon-active{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5);color:#fff}.card:focus .cardBox-sideFooter-f{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important}.card:focus-visible .cardBox-sideFooter{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important}.card:focus .cardContent-bxsborder::before,.sideFooterCard:focus .cardBox-sideFooter-f::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important}.card:focus:focus-visible .cardContent-bxsborder-fv::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important}.cardContent-button{background-color:transparent}.cardContent-shadow{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.card-focustransform:focus .cardContent-shadow{box-shadow:0 .278em .975em rgba(0,0,0,.5)}.defaultCardBackground{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.cardImageContainer-sideFooter{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.04)}.cardOverlayButtonIcon,.listItemOverlayButtonIcon{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5)}.emby-slider-background{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3)}.emby-slider{color:inherit}.emby-slider-thumb{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),1)}.emby-slider-background-upper{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.35)}.emby-slider-background-upper-accent{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-slider-background-lower{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--slider-lower-opacity))}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.emby-slider-background-backdropfilter{-webkit-backdrop-filter:saturate(1.8) blur(4em);backdrop-filter:saturate(1.8) blur(4em)}}.scrollbuttoncontainer{color:#fff;background:rgba(20,20,20,.5)}.recordingIcon-active{color:#c33!important}.textActionButton.dragging{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important}.dragging-over.full-drop-target{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important;color:#fff!important}.dragging-over-top::before,.dragging-over-bottom::after,.dragging-over-left::before,.dragging-over-right::after{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.checkboxLabel-lockedfield-embeddedintofield{border-inline-start-color:var(--line-background)!important;border-top-width:var(--line-size)!important;border-bottom-width:var(--line-size)!important}.checkboxLabel-lockedfield{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important}.chkLockedField:checked+span{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important;background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important}.chkLockedField.emby-checkbox-tv:focus{box-shadow:0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.chkLockedField:focus-visible+span{box-shadow:0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.tabs-viewmenubar-backgroundcontainer{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.tabs-viewmenubar-backgroundcontainer-backdropfilter{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 20%),.5);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.tabs-viewmenubar:focus-within .emby-tab-button-active:not(:focus){background:0 0;color:inherit}.dockedtabs{border-top:var(--line-size) solid var(--line-background)}.dockedtabs-tab-button{background:0 0!important}.dockedtabs-tab-button.emby-tab-button:focus{color:inherit}.dockedtabs-tab-button.emby-tab-button-active{color:var(--theme-accent-text-color)!important}.searchFieldsBottomBorder{border-bottom:var(--line-size) solid var(--line-background)}.activeSession-bottomsection:nth-child(odd){background:hsla(var(--card-background-hue),var(--card-background-saturation),calc(var(--card-background-lightness) - 5%),.5)}.dataGridHeader-content-inner{background:#aebec3}.dataGridItem:nth-child(2n){background:rgba(0,0,0,.1)}@media (hover:hover) and (pointer:fine){.dataGridItem-hoverable:hover,.dataGridItem-hoverable:hover .chkItemSelectContainer{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}}.dataGridItem-focusscale:focus{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.dataGridItem-button:focus-visible{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}@media all and (min-width:50em){.itemBackgroundContainer.withBackdrop{background:linear-gradient(77deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.75) 60%,rgba(0,0,0,.3) 100%)!important;opacity:1!important}[dir=rtl] .itemBackgroundContainer.withBackdrop{background:linear-gradient(283deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.75) 60%,rgba(0,0,0,.3) 100%)!important}}@media all and (orientation:landscape){.itemBackgroundContainer-brighter.withBackdrop{background:0 0!important;opacity:1!important}}@media all and (min-width:50em){.darkContentContainer-item{--background-hue:285;--background-saturation:10%;--background-lightness:7.84%;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));--button-background-hue:285;--button-background-saturation:4.2%;--button-background-lightness:40%;--button-background-alpha:.7;--button-background-blur-lightness:calc(var(--button-background-lightness) + 37%);--button-background-blur-alpha:.3;--button-blur-backdrop-filter:saturate(1.8) blur(4em);--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:17.25%;--card-background-alpha:.7;--input-background-hue:285;--input-background-saturation:4.2%;--input-background-lightness:40%;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2)}.detailMainContainer-withbackdrop{text-shadow:.14em .14em .28em rgba(0,0,0,.45)}.details-additionalContent-withbackdrop{--theme-text-color-alpha:.85}}.darkContentContainer{--background-hue:285;--background-saturation:10%;--background-lightness:7.84%;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));--button-background-hue:285;--button-background-saturation:4.2%;--button-background-lightness:40%;--button-background-alpha:.6;--button-background-blur-lightness:calc(var(--button-background-lightness) + 37%);--button-background-blur-alpha:.3;--button-blur-backdrop-filter:saturate(1.8) blur(4em);--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:17.25%;--card-background-alpha:.7;--input-background-hue:285;--input-background-saturation:4.2%;--input-background-lightness:40%;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2)}.darkContentContainer-tv{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.graphicContentContainer{--theme-text-color-alpha:1;--theme-secondary-text-color-alpha:.7;--button-background-hue:0;--button-background-saturation:0%;--button-background-lightness:15%;--button-background-alpha:.6;--input-background-hue:0;--input-background-saturation:0%;--input-background-lightness:15%;--slider-lower-opacity:1}.detailTrackSelect{border-color:transparent}.lyricsScroller{--theme-secondary-text-color-alpha:.3} \ No newline at end of file diff --git a/modules/themes/black/theme.css b/modules/themes/black/theme.css index 59ce7b3..cfa3a8a 100644 --- a/modules/themes/black/theme.css +++ b/modules/themes/black/theme.css @@ -1,969 +1 @@ -:root { - --background-hue: 0; - --background-saturation: 0%; - --background-lightness: 0%; - --theme-primary-color-hue: 116; - --theme-primary-color-saturation: 41.7%; - --theme-primary-color-lightness: 50.2%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-secondary-text-color-alpha: .6; - --theme-accent-text-color-lightbg: green; - --theme-accent-text-color-darkbg: #6ccf65; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --button-background-hue: 240; - --button-background-saturation: 5.1%; - --button-background-lightness: 16.6%; - --button-background-alpha: .7; - --button-background-blur-lightness: var(--button-background-lightness); - --button-background-blur-alpha: var(--button-background-alpha); - --button-blur-backdrop-filter: none; - --card-background-hue: 240; - --card-background-saturation: 5.1%; - --card-background-lightness: 16.6%; - --card-background-alpha: .7; - --header-background: var(--theme-background); - --header-blur-background: hsla(var(--background-hue), var(--background-saturation), var(--background-lightness), .66); - --footer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 2.8%)); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - --line-size: .08em; - --drawer-background: hsl(240, 3.4%, 17.4%); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 54%), .2); - --epg-channel-color: hsl(var(--button-background-hue), var(--button-background-saturation), calc(var(--button-background-lightness) - 5%)); - --epg-program-color: hsl(var(--button-background-hue), var(--button-background-saturation), var(--button-background-lightness)); - --dialog-border-width: 0; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --slider-lower-opacity: .7; -} - -@media (pointer:fine) { - :not(.layout-tv):root { - --dialog-border-width: var(--line-size); - } -} - -.layout-tv:root { - --header-background: transparent; - --header-blur-background: transparent; -} - -.dialog { - --background-hue: 240; - --background-saturation: 3.4%; - --background-lightness: 11.4%; - --theme-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 5%)); - --header-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 10%)); - --footer-background: var(--header-background); - --button-background-hue: var(--background-hue); - --button-background-saturation: var(--background-saturation); - --button-background-lightness: calc(var(--background-lightness) + 15%); - --button-background-blur-lightness: var(--button-background-lightness); - --button-background-blur-alpha: var(--button-background-alpha); - --card-background-hue: var(--background-hue); - --card-background-saturation: var(--background-saturation); - --card-background-lightness: calc(var(--background-lightness) + 15%); - border: var(--dialog-border-width) solid var(--line-background); - box-shadow: inset 0 0 0 .07em rgba(0,0,0,.2),0 .56em 2.8em rgba(0,0,0,.55); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .dialog-blur { - --background-hue: 0; - --background-saturation: 0%; - --background-lightness: 21.96%; - --theme-background: hsla(var(--background-hue), var(--background-saturation), var(--background-lightness), .76); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - box-shadow: none!important; - } -} - -html { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - scrollbar-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.4) transparent; -} - -.emby-collapsible-button { - border-color: var(--line-background)!important; -} - -.skinHeader-withBackground.headroom-scrolling { - background: var(--header-background); -} - -.appfooter { - background: var(--footer-background); - border-top: var(--line-size) solid var(--line-background); - bottom: calc(-1 * var(--line-size))!important; -} - -.formDialogHeader:not(.formDialogHeader-clear),.formDialogFooter:not(.formDialogFooter-clear) { - background: var(--header-background); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .skinHeader-withBackground.skinHeader-withbackdropfilter.headroom-scrolling:not(.semiTransparent) { - background: var(--header-blur-background); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } - - .appfooter-withbackdropfilter { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 4.6%),.66); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } -} - -.headerNowPlaying { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 5%),.7); -} - -.skinHeader.semiTransparent { - -webkit-backdrop-filter: none!important; - backdrop-filter: none!important; - background-color: transparent; - background: 0 0; - box-shadow: none!important; - border-bottom: 0; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-text-color-lightness: 0%; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - padding-bottom: 10em; -} - -.skinHeader.semiTransparent::before { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - inset-inline-start: 0; - inset-inline-end: 0; - transition: opacity .3s ease-out; - content: " "; - opacity: 0; - background-color: rgba(0,0,0,.3); - background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0)); -} - -/* .semiTransparent.headroom-scrolling { */ -/* text-shadow: none; */ -/* } */ - -.semiTransparent.headroom-scrolling::before { - opacity: 1; -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png); -} - -html,.dialog,.backgroundContainer { - background-color: var(--theme-background); -} - -.backgroundContainer.withBackdrop { - background-color: rgba(0,0,0,.8); -} - -.backgroundContainer-withfocuspreview.withBackdrop { - background-image: linear-gradient(to right,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent); - background-color: transparent; -} - -[dir=rtl] .backgroundContainer-withfocuspreview.withBackdrop { - background-image: linear-gradient(to left,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent); -} - -@media not all and (min-width:50em) { - .itemBackgroundContainer-preventbackdrop.withBackdrop { - background-color: var(--theme-background); - } -} - -.paper-icon-button-light:active { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); -} - -.icon-button-focusscale:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.paper-icon-button-light:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.raised,.fab { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.raised:active,.fab:active { - background: hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 10%),var(--button-background-alpha)); -} - -.emby-select,.emby-multilineselect { - color: inherit; - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - border: var(--line-size) solid transparent; -} - -/* @supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { */ -/* .raised-backdropfilter,.fab-backdropfilter,.emby-select-backdropfilter.detailTrackSelect { */ -/* background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-blur-lightness),var(--button-background-blur-alpha)); */ -/* -webkit-backdrop-filter: var(--button-blur-backdrop-filter); */ -/* backdrop-filter: var(--button-blur-backdrop-filter); */ -/* } */ -/**/ -/* .toast-large { */ -/* --theme-text-color-lightness: 100%; */ -/* --theme-text-color-alpha: .85; */ -/* color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); */ -/* } */ -/* } */ - -.filter-active { - background: #03a9f4!important; - color: #fff!important; -} - -.button-submit { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); - color: #fff; -} - -@media not all and (min-width:50em) { - .detailButton-primary { - background: #fff; - color: #1a1a1a; - -webkit-backdrop-filter: none!important; - backdrop-filter: none!important; - } -} - -.emby-select>option { - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - background: hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness)); -} - -.emby-select:focus { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.emby-select-tv:focus { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.selectLabelFocused,.inputLabelFocused { - color: var(--theme-accent-text-color); -} - -.emby-textarea-label:focus-within>.emby-textarea-labeltext,.sliderLabel:focus-within>.sliderLabelText { - color: var(--theme-accent-text-color); -} - -.button-link { - color: var(--theme-accent-text-color); -} - -.button-link-color-inherit { - color: inherit; -} - -.paperList,.visualCardBox { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.listItems-border { - border: var(--line-size) solid var(--line-background); -} - -.collapseContent { - border: var(--line-size) solid var(--line-background); -} - -.listItemBodyText-secondary,.secondaryText,.fieldDescription,.cardText-secondary { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -@supports (color:var(--fake-var)) { - .cardText-first { - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -.actionsheetDivider { - background: var(--line-background); -} - -.selectionCommandsPanel { - background: hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 10%)); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.upNextDialog-countdownText { - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.alphaPickerButton { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - background-color: transparent; -} - -.alphaPickerButton-tv:focus { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important; -} - -.listItem-border { - border-color: var(--line-background)!important; -} - -@media (hover:hover) and (pointer:fine) { - .listItem-hoverable:hover,.listItem-hoverable:hover .chkListItemSelectContainer { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); - } -} - -.listItem-tv:focus { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),9); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.nocssvars .listItem-tv:focus .listItemBodyText-secondary { - color: inherit; -} - -.listItem-button:focus-visible { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -@supports (color:var(--fake-var)) { - .listItem-tv:focus { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } - - .listItem-button:focus-visible { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .listItem-tv-bf:focus { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-blur-background-lightness),.7); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } - - .listItem-button-bf:focus-visible { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-blur-background-lightness),.7); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } -} - -.progressring-spiner { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.mediaInfoText { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); -} - -.starIcon { - color: #cb272a; -} - -.mediaInfoTimerIcon { - color: #cb272a; -} - -.emby-input,.emby-textarea { - color: inherit; - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - border: var(--line-size) solid hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); -} - -.emby-input:focus,.emby-textarea:focus { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-checkbox+.checkboxLabel::before { - border-color: currentcolor; -} - -.chkCardSelect+.checkboxLabel::before { - border-color: transparent; - background: rgba(255,255,255,.4); -} - -.chkItemSelect-selecthint+.checkboxLabel::before { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%)); - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%)); -} - -.emby-checkbox:checked+.checkboxLabel::before { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-checkbox-tv:focus+.checkboxLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.emby-checkbox:focus-visible+.checkboxLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.mdl-radio__inner-circle { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-radio:focus-visible+.radioButtonLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.itemProgressBar { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3); -} - -.itemProgressBarForeground { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.itemProgressBarForeground-recording { - background-color: #cb272a; -} - -.countIndicator { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.playedIndicator { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.mainDrawer { - background: var(--drawer-background); -} - -.drawer-docked { - background: var(--docked-drawer-background); - -webkit-border-end: var(--line-size) solid var(--line-background); - border-inline-end: var(--line-size) solid var(--line-background); -} - -.navMenuOption-selected { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)!important; - color: var(--theme-accent-text-color); -} - -.emby-button-tv:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.emby-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.button-link:focus-visible { - background: 0 0; -} - -.button-link.emby-button-focusscale:focus { - background: 0 0; -} - -.button-link:focus-visible::before { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); -} - -.button-link.emby-button-focusscale:focus::before { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); -} - -.firstChannelCell-withscroll { - background: var(--theme-background)!important; -} - -.channelCell { - border-color: var(--theme-background); -} - -.channelCellInner { - background-color: var(--epg-channel-color); -} - -.programCellInner { - background: var(--epg-program-color); -} - -.programCellInner-sports { - background: rgba(61,130,146,.5); -} - -.programCellInner-movie { - background: rgba(137,96,172,.5); -} - -.programCellInner-kids { - background: rgba(115,176,205,.5); -} - -.programCellInner-news { - background: rgba(151,176,127,.5); -} - -.guide-currentTimeIndicatorDot { - border-inline-end-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.channelCell-tv:focus>.channelCellInner,.programCell-tv:focus>.programCellInner { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.channelCell:focus-visible>.channelCellInner,.programCell:focus-visible>.programCellInner { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.guide-programTextIcon { - color: #1e1e1e; - background: hsl(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 23.5%)); -} - -.infoBanner { - background: hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness)); -} - -.warningBanner { - background: rgba(255,69,0,.1); - color: #ff4500; -} - -.ratingbutton-icon-withrating { - color: #c33; -} - -.downloadbutton-icon-on { - color: #4285f4; -} - -.downloadbutton-icon-complete { - color: #4285f4; -} - -.playstatebutton-icon-played { - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.toggleButtonIcon-active { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5); - color: #000; -} - -.cardContent-outlinefocus { - outline-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.card:focus .cardContent-bxsborder { - box-shadow: 0 0 0 .27em hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))!important; -} - -.card:focus-visible .cardContent-bxsborder-fv { - box-shadow: 0 0 0 .27em hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))!important; -} - -.card:focus .cardBox-sideFooter-f { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.card:focus-visible .cardBox-sideFooter { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.cardContent-button { - background-color: transparent; -} - -.cardContent-shadow { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.card-focustransform:focus .cardContent-shadow { - box-shadow: 0 .278em .975em rgba(0,0,0,.5); -} - -.defaultCardBackground0 { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.cardImageContainer-sideFooter { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.04); -} - -.cardOverlayButtonIcon,.listItemOverlayButtonIcon { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -::-webkit-scrollbar-track-piece { - background-color: transparent; -} - -::-webkit-scrollbar-thumb { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5); -} - -.emby-slider-background { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3); -} - -.emby-slider { - color: inherit; -} - -.emby-slider-thumb { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),1); -} - -.emby-slider-background-upper { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.35); -} - -.emby-slider-background-upper-accent { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-slider-background-lower { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--slider-lower-opacity)); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .emby-slider-background-backdropfilter { - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } -} - -.scrollbuttoncontainer { - color: #fff; - background: rgba(20,20,20,.5); -} - -.recordingIcon-active { - color: #c33!important; -} - -.textActionButton.dragging { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important; -} - -.dragging-over.full-drop-target { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - color: #fff!important; -} - -.dragging-over-top::before,.dragging-over-bottom::after,.dragging-over-left::before,.dragging-over-right::after { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.checkboxLabel-lockedfield-embeddedintofield { - border-inline-start-color: var(--line-background)!important; - border-top-width: var(--line-size)!important; - border-bottom-width: var(--line-size)!important; -} - -.checkboxLabel-lockedfield { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important; -} - -.chkLockedField:checked+span { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.chkLockedField.emby-checkbox-tv:focus { - box-shadow: 0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.chkLockedField:focus-visible+span { - box-shadow: 0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.tabs-viewmenubar-backgroundcontainer { - background: hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 9.75%)); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .tabs-viewmenubar-backgroundcontainer-backdropfilter { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 15%),.5); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } -} - -.emby-tab-button { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-tab-button-active { - background: hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 50%),.5); - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.tabs-viewmenubar:focus-within .emby-tab-button-active:not(:focus) { - background: 0 0; -} - -.emby-tab-button:focus { - background: hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 50%),.5); - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-tab-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,1); -} - -.emby-tab-button.emby-button-tv:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,1); -} - -.dockedtabs-tab-button { - background: 0 0!important; -} - -.dockedtabs-tab-button.emby-tab-button:focus { - color: inherit; -} - -.dockedtabs-tab-button.emby-tab-button-active { - color: var(--theme-accent-text-color)!important; -} - -.searchTabsContainer { - border-bottom: var(--line-size) solid var(--line-background); -} - -@supports (color:var(--fake-var)) { - .emby-tab-button:focus-visible { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } - - .emby-tab-button.emby-button-tv:focus { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -.activeSession-bottomsection:nth-child(odd) { - background: hsla(var(--card-background-hue),var(--card-background-saturation),calc(var(--card-background-lightness) - 10%),.5); -} - -.dataGridHeader-content-inner { - background: hsl(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 5%)); -} - -.dataGridItem:nth-child(even) { - background: hsl(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) - 5%)); -} - -@media (hover:hover) and (pointer:fine) { - .dataGridItem-hoverable:hover,.dataGridItem-hoverable:hover .chkItemSelectContainer { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); - } -} - -.dataGridItem-focusscale:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.dataGridItem-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -@media all and (min-width:50em) { - .itemBackgroundContainer.withBackdrop { - background: linear-gradient(77deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)!important; - opacity: 1!important; - } - - [dir=rtl] .itemBackgroundContainer.withBackdrop { - background: linear-gradient(283deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)!important; - } -} - -@media all and (orientation:landscape) { - .itemBackgroundContainer-brighter.withBackdrop { - background: linear-gradient(77deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)!important; - opacity: 1!important; - } - - [dir=rtl] .itemBackgroundContainer-brighter.withBackdrop { - background: linear-gradient(283deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)!important; - } -} - -@media all and (min-width:50em) { - .darkContentContainer-item { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - --button-background-hue: 285; - --button-background-saturation: 4.2%; - --button-background-lightness: 40%; - --button-background-alpha: .7; - --button-background-blur-lightness: calc(var(--button-background-lightness) + 37%); - --button-background-blur-alpha: .3; - --button-blur-backdrop-filter: saturate(1.8) blur(4em); - --card-background-hue: 0; - --card-background-saturation: 0%; - --card-background-lightness: 17.25%; - --card-background-alpha: .7; - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); - } - - .detailMainContainer-withbackdrop { - text-shadow: .14em .14em .28em rgba(0,0,0,.45); - } - - .detailMainContainer-withbackdrop .listItem-tv:focus { - --theme-text-color-lightness: 0%; - } - - .detailMainContainer-withbackdrop .listItem-button:focus-visible { - --theme-text-color-lightness: 0%; - } - - .details-additionalContent-withbackdrop { - --theme-text-color-alpha: .85; - } -} - -.darkContentContainer { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - --button-background-hue: 285; - --button-background-saturation: 4.2%; - --button-background-lightness: 40%; - --button-background-alpha: .7; - --button-background-blur-lightness: calc(var(--button-background-lightness) + 37%); - --button-background-blur-alpha: .3; - --button-blur-backdrop-filter: saturate(1.8) blur(4em); - --card-background-hue: 0; - --card-background-saturation: 0%; - --card-background-lightness: 17.25%; - --card-background-alpha: .7; - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); -} - -.graphicContentContainer { - --theme-secondary-text-color-alpha: .7; - --button-background-hue: 0; - --button-background-saturation: 0%; - --button-background-lightness: 15%; - --button-background-alpha: .7; - --slider-lower-opacity: 1; -} - -.detailTrackSelect { - border-color: transparent; -} - -.lyricsScroller { - --theme-secondary-text-color-alpha: .3; -} +:root{--background-hue:0;--background-saturation:0%;--background-lightness:0%;--theme-primary-color-hue:116;--theme-primary-color-saturation:41.7%;--theme-primary-color-lightness:50.2%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-secondary-text-color-alpha:.6;--theme-accent-text-color-lightbg:green;--theme-accent-text-color-darkbg:#6ccf65;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--button-background-hue:240;--button-background-saturation:5.1%;--button-background-lightness:16.6%;--button-background-alpha:.7;--button-background-blur-lightness:var(--button-background-lightness);--button-background-blur-alpha:var(--button-background-alpha);--button-blur-backdrop-filter:none;--card-background-hue:240;--card-background-saturation:5.1%;--card-background-lightness:16.6%;--card-background-alpha:.7;--input-background-hue:240;--input-background-saturation:5.1%;--input-background-lightness:16.6%;--header-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 7%));--header-blur-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 10%), .72);--footer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 7%));--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);--line-size:.08em;--drawer-background:hsl(240, 3.4%, 17.4%);--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 54%), .2);--dialog-border-width:0;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--slider-lower-opacity:.7}@media (pointer:fine){:not(.layout-tv):root{--theme-text-color-alpha:.87;--dialog-border-width:var(--line-size)}}.layout-tv:root{--theme-text-color-alpha:.87;--header-background:transparent;--header-blur-background:transparent}.dialog{--background-hue:240;--background-saturation:3.4%;--background-lightness:11.4%;background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness));--header-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 10%));--footer-background:var(--header-background);--button-background-hue:var(--background-hue);--button-background-saturation:var(--background-saturation);--button-background-lightness:calc(var(--background-lightness) + 15%);--button-background-blur-lightness:var(--button-background-lightness);--button-background-blur-alpha:var(--button-background-alpha);--card-background-hue:var(--background-hue);--card-background-saturation:var(--background-saturation);--card-background-lightness:calc(var(--background-lightness) + 15%);--input-background-hue:var(--background-hue);--input-background-saturation:var(--background-saturation);--input-background-lightness:calc(var(--background-lightness) + 15%);border:var(--dialog-border-width) solid var(--line-background);box-shadow:inset 0 0 0 .07em rgba(0,0,0,.2),0 .56em 2.8em rgba(0,0,0,.55)}.mainDrawer{background:var(--drawer-background)}.drawer-docked{background:var(--docked-drawer-background);-webkit-border-end:.06em solid var(--line-background);border-inline-end:.06em solid var(--line-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.dialog-blur,.drawer-open-backdropfilter:not(.drawer-docked){--background-hue:0;--background-saturation:0%;--background-lightness:21.96%;background-color:hsla(var(--background-hue),var(--background-saturation),var(--background-lightness),.76);-webkit-backdrop-filter:saturate(1.8) blur(4em);backdrop-filter:saturate(1.8) blur(4em)}}html{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));scrollbar-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.4) transparent}.emby-collapsible-button-collapsed::after{background:var(--line-background)}.skinHeader-withBackground.headroom-scrolling{background:var(--header-background)}.appfooter{background:var(--footer-background)}.formDialogHeader:not(.formDialogHeader-clear),.formDialogFooter:not(.formDialogFooter-clear){background:var(--header-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.skinHeader-withBackground.skinHeader-withbackdropfilter.headroom-scrolling:not(.semiTransparent){background:var(--header-blur-background);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}.appfooter-withbackdropfilter{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 10%),.72);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.headerNowPlaying{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 5%),.7)}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:transparent;background:0 0;box-shadow:none!important;border-bottom:0;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-text-color-lightness:0%;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.appHeader-tv.semiTransparent{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.skinHeader.semiTransparent::before{position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;transition:opacity .3s ease-out;content:" ";opacity:0;background-color:rgba(0,0,0,.3);background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));z-index:-1}.semiTransparent.headroom-scrolling{text-shadow:none}.semiTransparent.headroom-scrolling::before{opacity:1}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}html,.backgroundContainer{background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))}.backgroundContainer.withBackdrop{background-color:rgba(0,0,0,.8)}.backgroundContainer-withfocuspreview.withBackdrop{background-image:linear-gradient(to right,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent);background-color:transparent}[dir=rtl] .backgroundContainer-withfocuspreview.withBackdrop{background-image:linear-gradient(to left,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent)}@media not all and (min-width:50em){.itemBackgroundContainer-preventbackdrop.withBackdrop{background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))}}.paper-icon-button-light:active{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}.paper-icon-button-light-tv:focus{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.paper-icon-button-light:focus-visible{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.raised,.fab{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha));color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.raised:active,.fab:active{background:hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 10%),var(--button-background-alpha))}.emby-select,.emby-multilineselect{color:inherit;background:hsla(var(--input-background-hue),var(--input-background-saturation),var(--input-background-lightness),var(--button-background-alpha));border:var(--line-size) solid transparent}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.raised-backdropfilter,.fab-backdropfilter,.emby-select-backdropfilter.detailTrackSelect{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-blur-lightness),var(--button-background-blur-alpha));-webkit-backdrop-filter:var(--button-blur-backdrop-filter);backdrop-filter:var(--button-blur-backdrop-filter)}.toast-large{--theme-text-color-lightness:100%;--theme-text-color-alpha:.85;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}}.filter-active{background:#03a9f4!important;color:#fff!important}.button-submit{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness));color:#fff}@media not all and (min-width:50em){.detailButton-primary{background:#fff;color:#1a1a1a;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.emby-select>option{--theme-text-color-alpha:1;--theme-text-color-lightness:100%;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));background:hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness))}.emby-select:focus-visible{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important}.emby-select-tv:focus{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important;background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important;--theme-text-color-lightness:var(--focus-text-color-lightness)!important;--theme-text-color-alpha:1!important;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important}.emby-select-tv:focus~.emby-select-selectedNameContainer{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important}.emby-select-tv:focus~.selectArrowContainer{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important}.emby-textarea-label:focus-within>.emby-textarea-labeltext,.selectLabel:focus-within>.selectLabelText,.inputLabelFocused{color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.sliderLabel:focus-within>.sliderLabelText{color:var(--theme-accent-text-color)}.emby-collapse-expandIcon,.accentText{color:var(--theme-accent-text-color)}.button-link{color:var(--theme-accent-text-color)}.button-link-color-inherit{color:inherit}.paperList,.visualCardBox{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.listItems-border{border:var(--line-size) solid var(--line-background)}.collapseContent{border:var(--line-size) solid var(--line-background)}.secondaryText,.fieldDescription,.cardText-secondary{--theme-text-color-alpha:var(--theme-secondary-text-color-alpha);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}@supports (color:var(--fake-var)){.cardText-first{--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.layout-tv .cardText-first{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}}.actionsheetDivider{background:var(--line-background)}.selectionCommandsPanel{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 15%));--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.upNextDialog-countdownText{color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.navMenuOption-selected .listItem-content{color:var(--theme-accent-text-color)}.navMenuOption-selected .listItem-content::before{background-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)}.listItem-border::after{background:var(--line-background)}@media (hover:hover) and (pointer:fine){.listItem-hoverable:hover .listItem-content-bg{background-color:transparent}.listItem-hoverable:hover .listItem-content-bg::before{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}}.listItem-tv:focus .listItem-content-bg{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.listItem-button:focus-visible .listItem-content-bg{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}@supports (color:var(--fake-var)){.listItem-tv:focus .listItem-content-bg{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.listItem-button:focus-visible .listItem-content-bg{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}}.listItem-tv:focus .listItem-content-fb::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.7)}.progressring-spiner{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.mediaInfoText{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))}.starIcon{color:#cb272a}.mediaInfoTimerIcon{color:#cb272a}.emby-input,.emby-textarea{color:inherit;background:hsla(var(--input-background-hue),var(--input-background-saturation),var(--input-background-lightness),var(--button-background-alpha));border:var(--line-size) solid transparent}.emby-input:focus-visible,.emby-textarea:focus-visible{border-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.emby-input-tv:focus,.emby-textarea-tv:focus{border-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.emby-checkbox+.checkboxLabel::before{border-color:currentcolor}.chkCardSelect+.checkboxLabel::before{border-color:transparent;background:rgba(255,255,255,.4)}.chkItemSelect-selecthint+.checkboxLabel::before{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%));background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%))}.emby-checkbox-focusoutline{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.2)}.emby-checkbox:checked+.checkboxLabel+.emby-checkbox-focusoutline{background:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)}.mdl-radio__inner-circle{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-radio:focus-visible+.radioButtonLabel{background-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2);color:var(--theme-accent-text-color)}.itemProgressBar{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3)}.itemProgressBarForeground{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.itemProgressBarForeground-recording{background-color:#cb272a}.countIndicator{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.playedIndicator{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-tab-button-active{background:hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 50%),.5);--theme-text-color-lightness:100%;--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.emby-tab-button-active.videoosd-tab-button{background:0 0}.emby-tab-button-active.videoosd-tab-button::before{background:#666}.emby-button:focus-visible{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.emby-button-tv:focus{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.button-link:focus-visible{background:0 0}.button-link.emby-button-tv:focus{background:0 0;box-shadow:none}.button-link:focus-visible::before{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)}.button-link.emby-button-tv:focus::before{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)}@supports (-webkit-mask-composite:xor){.emby-button-outline:focus::after,.emby-button-outline.fab:focus::after,.emby-button-outline.paper-icon-button-light:focus::after{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.4)}}.firstChannelCell-withscroll{background:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))!important}.channelCellInner{background-color:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 11%),1)}.programCellInner{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 19%),.5)}.programCellInner-sports{background:rgba(61,130,146,.5)}.programCellInner-movie{background:rgba(137,96,172,.5)}.programCellInner-kids{background:rgba(115,176,205,.5)}.programCellInner-news{background:rgba(151,176,127,.5)}.guide-currentTimeIndicatorDot{border-inline-end-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2);color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.epgRow-tv:focus-within .epgCellInner{--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 60%),.5)}.channelCell-tv:focus>.channelCellInner,.programCell-tv:focus>.programCellInner{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.channelCell:focus-visible>.channelCellInner,.programCell:focus-visible>.programCellInner{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.guide-programTextIcon{color:#1e1e1e;background:hsl(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 23.5%))}.infoBanner{background:hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness))}.warningBanner{background:rgba(255,69,0,.1);color:#ff4500}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-on{color:#4285f4}.downloadbutton-icon-complete{color:#4285f4}.playstatebutton-icon-played{color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important}.toggleButtonIcon-active{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5);color:#000}.card:focus .cardBox-sideFooter-f{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.card:focus-visible .cardBox-sideFooter{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.card:focus .cardContent-bxsborder::before,.sideFooterCard:focus .cardBox-sideFooter-f::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important}.card:focus:focus-visible .cardContent-bxsborder-fv::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important}.cardContent-button{background-color:transparent}.cardContent-shadow{box-shadow:0 .25em .4375em rgba(0,0,0,.25);background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.card-focustransform:focus .cardContent-shadow{box-shadow:0 .278em .975em rgba(0,0,0,.5)}.defaultCardBackground{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.cardImageContainer-sideFooter{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.04)}.cardOverlayButtonIcon,.listItemOverlayButtonIcon{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5)}.emby-slider-background{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3)}.emby-slider{color:inherit}.emby-slider-thumb{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),1)}.emby-slider-background-upper{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.35)}.emby-slider-background-upper-accent{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-slider-background-lower{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--slider-lower-opacity))}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.emby-slider-background-backdropfilter{-webkit-backdrop-filter:saturate(1.8) blur(4em);backdrop-filter:saturate(1.8) blur(4em)}}.scrollbuttoncontainer{color:#fff;background:rgba(20,20,20,.5)}.recordingIcon-active{color:#c33!important}.textActionButton.dragging{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important}.dragging-over.full-drop-target{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important;color:#fff!important}.dragging-over-top::before,.dragging-over-bottom::after,.dragging-over-left::before,.dragging-over-right::after{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.checkboxLabel-lockedfield-embeddedintofield{border-inline-start-color:var(--line-background)!important;border-top-width:var(--line-size)!important;border-bottom-width:var(--line-size)!important}.checkboxLabel-lockedfield{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important}.chkLockedField:checked+span{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important;background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important}.chkLockedField.emby-checkbox-tv:focus{box-shadow:0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.chkLockedField:focus-visible+span{box-shadow:0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.tabs-viewmenubar-backgroundcontainer{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 9.75%))}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.tabs-viewmenubar-backgroundcontainer-backdropfilter{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 15%),.5);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.tabs-viewmenubar:focus-within .emby-tab-button-active:not(:focus){background:0 0}.dockedtabs{border-top:var(--line-size) solid var(--line-background)}.dockedtabs-tab-button{background:0 0!important}.dockedtabs-tab-button.emby-tab-button:focus{color:inherit}.dockedtabs-tab-button.emby-tab-button-active{color:var(--theme-accent-text-color)!important}.searchFieldsBottomBorder{border-bottom:var(--line-size) solid var(--line-background)}.activeSession-bottomsection:nth-child(odd){background:hsla(var(--card-background-hue),var(--card-background-saturation),calc(var(--card-background-lightness) - 10%),.5)}.dataGridHeader-content-inner{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 7%))}.dataGridItem:nth-child(2n){background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 7%))}@media (hover:hover) and (pointer:fine){.dataGridItem-hoverable:hover,.dataGridItem-hoverable:hover .chkItemSelectContainer{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}}.dataGridItem-focusscale:focus{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.dataGridItem-button:focus-visible{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}@media all and (min-width:50em){.itemBackgroundContainer.withBackdrop{background:linear-gradient(77deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.75) 60%,rgba(0,0,0,.3) 100%)!important;opacity:1!important}[dir=rtl] .itemBackgroundContainer.withBackdrop{background:linear-gradient(283deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.75) 60%,rgba(0,0,0,.3) 100%)!important}}@media all and (orientation:landscape){.itemBackgroundContainer-brighter.withBackdrop{background:0 0!important;opacity:1!important}}@media all and (min-width:50em){.darkContentContainer-item{--background-hue:285;--background-saturation:10%;--background-lightness:7.84%;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));--button-background-hue:285;--button-background-saturation:4.2%;--button-background-lightness:40%;--button-background-alpha:.7;--button-background-blur-lightness:calc(var(--button-background-lightness) + 37%);--button-background-blur-alpha:.3;--button-blur-backdrop-filter:saturate(1.8) blur(4em);--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:17.25%;--card-background-alpha:.7;--input-background-hue:285;--input-background-saturation:4.2%;--input-background-lightness:40%;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2)}.detailMainContainer-withbackdrop{text-shadow:.14em .14em .28em rgba(0,0,0,.45)}.details-additionalContent-withbackdrop{--theme-text-color-alpha:.85}}.darkContentContainer{--background-hue:285;--background-saturation:10%;--background-lightness:7.84%;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));--button-background-hue:285;--button-background-saturation:4.2%;--button-background-lightness:40%;--button-background-alpha:.6;--button-background-blur-lightness:calc(var(--button-background-lightness) + 37%);--button-background-blur-alpha:.3;--button-blur-backdrop-filter:saturate(1.8) blur(4em);--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:17.25%;--card-background-alpha:.7;--input-background-hue:285;--input-background-saturation:4.2%;--input-background-lightness:40%;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2)}.darkContentContainer-tv{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.graphicContentContainer{--theme-text-color-alpha:1;--theme-secondary-text-color-alpha:.7;--button-background-hue:0;--button-background-saturation:0%;--button-background-lightness:15%;--button-background-alpha:.6;--input-background-hue:0;--input-background-saturation:0%;--input-background-lightness:15%;--slider-lower-opacity:1}.detailTrackSelect{border-color:transparent}.lyricsScroller{--theme-secondary-text-color-alpha:.3} \ No newline at end of file diff --git a/modules/themes/dark/theme.css b/modules/themes/dark/theme.css index 7cb3554..3c47f9a 100644 --- a/modules/themes/dark/theme.css +++ b/modules/themes/dark/theme.css @@ -1,989 +1 @@ -:root { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --theme-primary-color-hue: 116; - --theme-primary-color-saturation: 41.7%; - --theme-primary-color-lightness: 50.2%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-secondary-text-color-alpha: .6; - --theme-accent-text-color-lightbg: green; - --theme-accent-text-color-darkbg: #6ccf65; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --button-background-hue: var(--background-hue); - --button-background-saturation: var(--background-saturation); - --button-background-lightness: calc(var(--background-lightness) + 14%); - --button-background-alpha: .7; - --button-background-blur-lightness: var(--button-background-lightness); - --button-background-blur-alpha: var(--button-background-alpha); - --button-blur-backdrop-filter: none; - --card-background-hue: var(--background-hue); - --card-background-saturation: var(--background-saturation); - --card-background-lightness: calc(var(--background-lightness) + 14%); - --card-background-alpha: .7; - --header-background: var(--theme-background); - --header-blur-background: hsla(var(--background-hue), var(--background-saturation), var(--background-lightness), .66); - --footer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 2.8%)); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - --line-size: .08em; - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); - --epg-channel-color: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 5%), 1); - --epg-program-color: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 15%), .5); - --dialog-border-width: 0; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --slider-lower-opacity: .7; -} - -@media (pointer:fine) { - :not(.layout-tv):root { - --background-hue: 264; - --background-saturation: 14.71%; - --background-lightness: 13.33%; - --theme-text-color-alpha: .95; - --button-background-hue: 267; - --button-background-saturation: 8.11%; - --button-background-lightness: 25.76%; - --card-background-hue: 267; - --card-background-saturation: 8.11%; - --card-background-lightness: 25.76%; - --dialog-border-width: var(--line-size); - } -} - -.layout-tv:root { - --background-hue: 260; - --background-saturation: 4.35%; - --background-lightness: 13.53%; - --theme-text-color-alpha: .85; - --header-background: transparent; - --header-blur-background: transparent; - --button-background-hue: var(--background-hue); - --button-background-saturation: var(--background-saturation); - --button-background-lightness: calc(var(--background-lightness) + 11%); - --card-background-hue: var(--background-hue); - --card-background-saturation: var(--background-saturation); - --card-background-lightness: calc(var(--background-lightness) + 11%); -} - -.dialog { - --background-hue: 240; - --background-saturation: 3.4%; - --background-lightness: 11.4%; - --theme-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 5%)); - --header-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 10%)); - --footer-background: var(--header-background); - --button-background-hue: var(--background-hue); - --button-background-saturation: var(--background-saturation); - --button-background-lightness: calc(var(--background-lightness) + 15%); - --button-background-blur-lightness: var(--button-background-lightness); - --button-background-blur-alpha: var(--button-background-alpha); - --card-background-hue: var(--background-hue); - --card-background-saturation: var(--background-saturation); - --card-background-lightness: calc(var(--background-lightness) + 15%); - border: var(--dialog-border-width) solid var(--line-background); - box-shadow: inset 0 0 0 .07em rgba(0,0,0,.2),0 .56em 2.8em rgba(0,0,0,.55); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .dialog-blur { - --background-hue: 0; - --background-saturation: 0%; - --background-lightness: 21.96%; - --theme-background: hsla(var(--background-hue), var(--background-saturation), var(--background-lightness), .76); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - box-shadow: none!important; - } -} - -html { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - scrollbar-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.4) transparent; -} - -.emby-collapsible-button { - border-color: var(--line-background)!important; -} - -/* .skinHeader-withBackground.headroom-scrolling { */ -/* background: var(--header-background); */ -/* } */ - -.appfooter { - background: var(--footer-background); - border-top: var(--line-size) solid var(--line-background); - bottom: calc(-1 * var(--line-size))!important; -} - -.formDialogHeader:not(.formDialogHeader-clear),.formDialogFooter:not(.formDialogFooter-clear) { - background: var(--header-background); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .skinHeader-withBackground.skinHeader-withbackdropfilter.headroom-scrolling:not(.semiTransparent) { - background: var(--header-blur-background); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } - - .appfooter-withbackdropfilter { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 4.6%),.66); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } -} - -.headerNowPlaying { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 5%),.7); -} - -.skinHeader.semiTransparent { - -webkit-backdrop-filter: none!important; - backdrop-filter: none!important; - background-color: transparent; - background: 0 0; - box-shadow: none!important; - border-bottom: 0; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-text-color-lightness: 0%; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - padding-bottom: 10em; -} - -.skinHeader.semiTransparent::before { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - inset-inline-start: 0; - inset-inline-end: 0; - transition: opacity .3s ease-out; - content: " "; - opacity: 0; - background-color: rgba(0,0,0,.3); - background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0)); -} - -.semiTransparent.headroom-scrolling { - text-shadow: none; -} - -.semiTransparent.headroom-scrolling::before { - opacity: 1; -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png); -} - -html,.dialog,.backgroundContainer { - background-color: var(--theme-background); -} - -.backgroundContainer.withBackdrop { - background-color: rgba(0,0,0,.8); -} - -.backgroundContainer-withfocuspreview.withBackdrop { - background-image: linear-gradient(to right,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent); - background-color: transparent; -} - -[dir=rtl] .backgroundContainer-withfocuspreview.withBackdrop { - background-image: linear-gradient(to left,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent); -} - -@media not all and (min-width:50em) { - .itemBackgroundContainer-preventbackdrop.withBackdrop { - background-color: var(--theme-background); - } -} - -.paper-icon-button-light:active { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); -} - -.icon-button-focusscale:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.paper-icon-button-light:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.raised,.fab { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.raised:active,.fab:active { - background: hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 10%),var(--button-background-alpha)); -} - -.emby-select,.emby-multilineselect { - color: inherit; - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - border: var(--line-size) solid transparent; -} - -/* @supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { */ -/* .raised-backdropfilter,.fab-backdropfilter,.emby-select-backdropfilter.detailTrackSelect { */ -/* background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-blur-lightness),var(--button-background-blur-alpha)); */ -/* -webkit-backdrop-filter: var(--button-blur-backdrop-filter); */ -/* backdrop-filter: var(--button-blur-backdrop-filter); */ -/* } */ -/**/ -/* .toast-large { */ -/* --theme-text-color-lightness: 100%; */ -/* --theme-text-color-alpha: .85; */ -/* color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); */ -/* } */ -/* } */ - -.filter-active { - background: #03a9f4!important; - color: #fff!important; -} - -.button-submit { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); - color: #fff; -} - -@media not all and (min-width:50em) { - .detailButton-primary { - background: #fff; - color: #1a1a1a; - -webkit-backdrop-filter: none!important; - backdrop-filter: none!important; - } -} - -.emby-select>option { - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - background: hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness)); -} - -.emby-select:focus { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.emby-select-tv:focus { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.selectLabelFocused,.inputLabelFocused { - color: var(--theme-accent-text-color); -} - -.emby-textarea-label:focus-within>.emby-textarea-labeltext,.sliderLabel:focus-within>.sliderLabelText { - color: var(--theme-accent-text-color); -} - -.button-link { - color: var(--theme-accent-text-color); -} - -.button-link-color-inherit { - color: inherit; -} - -.paperList,.visualCardBox { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.listItems-border { - border: var(--line-size) solid var(--line-background); -} - -.collapseContent { - border: var(--line-size) solid var(--line-background); -} - -.listItemBodyText-secondary,.secondaryText,.fieldDescription,.cardText-secondary { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -@supports (color:var(--fake-var)) { - .cardText-first { - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -.actionsheetDivider { - background: var(--line-background); -} - -.selectionCommandsPanel { - background: hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 10%)); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.upNextDialog-countdownText { - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.alphaPickerButton { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - background-color: transparent; -} - -.alphaPickerButton-tv:focus { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important; -} - -.listItem-border { - border-color: var(--line-background)!important; -} - -@media (hover:hover) and (pointer:fine) { - .listItem-hoverable:hover,.listItem-hoverable:hover .chkListItemSelectContainer { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); - } -} - -.listItem-tv:focus { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.nocssvars .listItem-tv:focus .listItemBodyText-secondary { - color: inherit; -} - -.listItem-button:focus-visible { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -@supports (color:var(--fake-var)) { - .listItem-tv:focus { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } - - .listItem-button:focus-visible { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .listItem-tv-bf:focus { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-blur-background-lightness),.7); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } - - .listItem-button-bf:focus-visible { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-blur-background-lightness),.7); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } -} - -.progressring-spiner { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.mediaInfoText { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); -} - -.starIcon { - color: #cb272a; -} - -.mediaInfoTimerIcon { - color: #cb272a; -} - -.emby-input,.emby-textarea { - color: inherit; - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - border: var(--line-size) solid hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); -} - -.emby-input:focus,.emby-textarea:focus { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-checkbox+.checkboxLabel::before { - border-color: currentcolor; -} - -.chkCardSelect+.checkboxLabel::before { - border-color: transparent; - background: rgba(255,255,255,.4); -} - -.chkItemSelect-selecthint+.checkboxLabel::before { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%)); - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%)); -} - -.emby-checkbox:checked+.checkboxLabel::before { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-checkbox-tv:focus+.checkboxLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.emby-checkbox:focus-visible+.checkboxLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.mdl-radio__inner-circle { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-radio:focus-visible+.radioButtonLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.itemProgressBar { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3); -} - -.itemProgressBarForeground { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.itemProgressBarForeground-recording { - background-color: #cb272a; -} - -.countIndicator { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.playedIndicator { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.mainDrawer { - background: var(--drawer-background); -} - -.drawer-docked { - background: var(--docked-drawer-background); - -webkit-border-end: var(--line-size) solid var(--line-background); - border-inline-end: var(--line-size) solid var(--line-background); -} - -.navMenuOption-selected { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)!important; - color: var(--theme-accent-text-color); -} - -.emby-button-tv:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.emby-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.button-link:focus-visible { - background: 0 0; -} - -.button-link.emby-button-focusscale:focus { - background: 0 0; -} - -.button-link:focus-visible::before { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); -} - -.button-link.emby-button-focusscale:focus::before { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); -} - -.firstChannelCell-withscroll { - background: var(--theme-background)!important; -} - -.channelCell { - border-color: var(--theme-background); -} - -.channelCellInner { - background-color: var(--epg-channel-color); -} - -.programCellInner { - background: var(--epg-program-color); -} - -.programCellInner-sports { - background: rgba(61,130,146,.5); -} - -.programCellInner-movie { - background: rgba(137,96,172,.5); -} - -.programCellInner-kids { - background: rgba(115,176,205,.5); -} - -.programCellInner-news { - background: rgba(151,176,127,.5); -} - -.guide-currentTimeIndicatorDot { - border-inline-end-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.channelCell-tv:focus>.channelCellInner,.programCell-tv:focus>.programCellInner { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.channelCell:focus-visible>.channelCellInner,.programCell:focus-visible>.programCellInner { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.guide-programTextIcon { - color: #1e1e1e; - background: hsl(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 23.5%)); -} - -.infoBanner { - background: hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness)); -} - -.warningBanner { - background: rgba(255,69,0,.1); - color: #ff4500; -} - -.ratingbutton-icon-withrating { - color: #c33; -} - -.downloadbutton-icon-on { - color: #4285f4; -} - -.downloadbutton-icon-complete { - color: #4285f4; -} - -.playstatebutton-icon-played { - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.toggleButtonIcon-active { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5); - color: #000; -} - -.cardContent-outlinefocus { - outline-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.card:focus .cardContent-bxsborder { - box-shadow: 0 0 0 .27em hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))!important; -} - -.card:focus-visible .cardContent-bxsborder-fv { - box-shadow: 0 0 0 .27em hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))!important; -} - -.card:focus .cardBox-sideFooter-f { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.card:focus-visible .cardBox-sideFooter { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.cardContent-button { - background-color: transparent; -} - -.cardContent-shadow { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.card-focustransform:focus .cardContent-shadow { - box-shadow: 0 .278em .975em rgba(0,0,0,.5); -} - -.defaultCardBackground0 { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.cardImageContainer-sideFooter { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.04); -} - -.cardOverlayButtonIcon,.listItemOverlayButtonIcon { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -::-webkit-scrollbar-track-piece { - background-color: transparent; -} - -::-webkit-scrollbar-thumb { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5); -} - -.emby-slider-background { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3); -} - -.emby-slider { - color: inherit; -} - -.emby-slider-thumb { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),1); -} - -.emby-slider-background-upper { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.35); -} - -.emby-slider-background-upper-accent { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-slider-background-lower { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--slider-lower-opacity)); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .emby-slider-background-backdropfilter { - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } -} - -.scrollbuttoncontainer { - color: #fff; - background: rgba(20,20,20,.5); -} - -.recordingIcon-active { - color: #c33!important; -} - -.textActionButton.dragging { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important; -} - -.dragging-over.full-drop-target { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - color: #fff!important; -} - -.dragging-over-top::before,.dragging-over-bottom::after,.dragging-over-left::before,.dragging-over-right::after { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.checkboxLabel-lockedfield-embeddedintofield { - border-inline-start-color: var(--line-background)!important; - border-top-width: var(--line-size)!important; - border-bottom-width: var(--line-size)!important; -} - -.checkboxLabel-lockedfield { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important; -} - -.chkLockedField:checked+span { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.chkLockedField.emby-checkbox-tv:focus { - box-shadow: 0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.chkLockedField:focus-visible+span { - box-shadow: 0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.tabs-viewmenubar-backgroundcontainer { - background: hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 9.75%)); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .tabs-viewmenubar-backgroundcontainer-backdropfilter { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 15%),.5); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } -} - -.emby-tab-button { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-tab-button-active { - background: hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 50%),.5); - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.tabs-viewmenubar:focus-within .emby-tab-button-active:not(:focus) { - background: 0 0; -} - -.emby-tab-button:focus { - background: hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 50%),.5); - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-tab-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,1); -} - -.emby-tab-button.emby-button-tv:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,1); -} - -.dockedtabs-tab-button { - background: 0 0!important; -} - -.dockedtabs-tab-button.emby-tab-button:focus { - color: inherit; -} - -.dockedtabs-tab-button.emby-tab-button-active { - color: var(--theme-accent-text-color)!important; -} - -.searchTabsContainer { - border-bottom: var(--line-size) solid var(--line-background); -} - -@supports (color:var(--fake-var)) { - .emby-tab-button:focus-visible { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } - - .emby-tab-button.emby-button-tv:focus { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -.activeSession-bottomsection:nth-child(odd) { - background: hsla(var(--card-background-hue),var(--card-background-saturation),calc(var(--card-background-lightness) - 10%),.5); -} - -.dataGridHeader-content-inner { - background: hsl(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) - 2%)); -} - -.dataGridItem:nth-child(even) { - background: hsl(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) - 5%)); -} - -@media (hover:hover) and (pointer:fine) { - .dataGridItem-hoverable:hover,.dataGridItem-hoverable:hover .chkItemSelectContainer { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); - } -} - -.dataGridItem-focusscale:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.dataGridItem-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -@media all and (min-width:50em) { - .itemBackgroundContainer.withBackdrop { - background: linear-gradient(77deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)!important; - opacity: 1!important; - } - - [dir=rtl] .itemBackgroundContainer.withBackdrop { - background: linear-gradient(283deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)!important; - } -} - -@media all and (orientation:landscape) { - .itemBackgroundContainer-brighter.withBackdrop { - background: linear-gradient(77deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)!important; - opacity: 1!important; - } - - [dir=rtl] .itemBackgroundContainer-brighter.withBackdrop { - background: linear-gradient(283deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)!important; - } -} - -@media all and (min-width:50em) { - .darkContentContainer-item { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - --button-background-hue: 285; - --button-background-saturation: 4.2%; - --button-background-lightness: 40%; - --button-background-alpha: .7; - --button-background-blur-lightness: calc(var(--button-background-lightness) + 37%); - --button-background-blur-alpha: .3; - --button-blur-backdrop-filter: saturate(1.8) blur(4em); - --card-background-hue: 0; - --card-background-saturation: 0%; - --card-background-lightness: 17.25%; - --card-background-alpha: .7; - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); - } - - .detailMainContainer-withbackdrop { - text-shadow: .14em .14em .28em rgba(0,0,0,.45); - } - - .detailMainContainer-withbackdrop .listItem-tv:focus { - --theme-text-color-lightness: 0%; - } - - .detailMainContainer-withbackdrop .listItem-button:focus-visible { - --theme-text-color-lightness: 0%; - } - - .details-additionalContent-withbackdrop { - --theme-text-color-alpha: .85; - } -} - -.darkContentContainer { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - --button-background-hue: 285; - --button-background-saturation: 4.2%; - --button-background-lightness: 40%; - --button-background-alpha: .7; - --button-background-blur-lightness: calc(var(--button-background-lightness) + 37%); - --button-background-blur-alpha: .3; - --button-blur-backdrop-filter: saturate(1.8) blur(4em); - --card-background-hue: 0; - --card-background-saturation: 0%; - --card-background-lightness: 17.25%; - --card-background-alpha: .7; - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); -} - -.graphicContentContainer { - --theme-secondary-text-color-alpha: .7; - --button-background-hue: 0; - --button-background-saturation: 0%; - --button-background-lightness: 15%; - --button-background-alpha: .7; - --slider-lower-opacity: 1; -} - -.detailTrackSelect { - border-color: transparent; -} - -.lyricsScroller { - --theme-secondary-text-color-alpha: .3; -} +:root{--background-hue:0;--background-saturation:0%;--background-lightness:7.96%;--theme-primary-color-hue:116;--theme-primary-color-saturation:41.7%;--theme-primary-color-lightness:50.2%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-secondary-text-color-alpha:.6;--theme-accent-text-color-lightbg:green;--theme-accent-text-color-darkbg:#6ccf65;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--button-background-hue:var(--background-hue);--button-background-saturation:var(--background-saturation);--button-background-lightness:calc(var(--background-lightness) + 12%);--button-background-alpha:.7;--button-background-blur-lightness:var(--button-background-lightness);--button-background-blur-alpha:var(--button-background-alpha);--button-blur-backdrop-filter:none;--card-background-hue:var(--background-hue);--card-background-saturation:var(--background-saturation);--card-background-lightness:calc(var(--background-lightness) + 12%);--card-background-alpha:.7;--input-background-hue:var(--background-hue);--input-background-saturation:var(--background-saturation);--input-background-lightness:calc(var(--background-lightness) + 12%);--header-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 5%));--header-blur-background:rgba(29, 29, 31, .72);--footer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 5%));--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);--line-size:.08em;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2);--dialog-border-width:0;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--slider-lower-opacity:.7}@media (pointer:fine){:not(.layout-tv):root{--background-hue:0;--background-saturation:0%;--background-lightness:11.76%;--theme-text-color-alpha:.87;--header-blur-background:rgba(29, 29, 31, .72);--button-background-hue:var(--background-hue);--button-background-saturation:var(--background-saturation);--button-background-lightness:calc(var(--background-lightness) + 19%);--card-background-hue:var(--background-hue);--card-background-saturation:var(--background-saturation);--card-background-lightness:calc(var(--background-lightness) + 12.5%);--input-background-hue:var(--background-hue);--input-background-saturation:var(--background-saturation);--input-background-lightness:calc(var(--background-lightness) + 11%);--dialog-border-width:var(--line-size)}}.layout-tv:root{--background-hue:0;--background-saturation:0%;--background-lightness:10.98%;--theme-text-color-alpha:.87;--header-background:transparent;--header-blur-background:transparent;--button-background-hue:var(--background-hue);--button-background-saturation:var(--background-saturation);--button-background-lightness:calc(var(--background-lightness) + 12.5%);--card-background-hue:var(--background-hue);--card-background-saturation:var(--background-saturation);--card-background-lightness:calc(var(--background-lightness) + 12.5%);--input-background-hue:var(--background-hue);--input-background-saturation:var(--background-saturation);--input-background-lightness:calc(var(--background-lightness) + 11%)}.dialog{--background-hue:240;--background-saturation:3.4%;--background-lightness:16.4%;background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness));--header-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 5%));--footer-background:var(--header-background);--button-background-hue:var(--background-hue);--button-background-saturation:var(--background-saturation);--button-background-lightness:calc(var(--background-lightness) + 10%);--button-background-blur-lightness:var(--button-background-lightness);--button-background-blur-alpha:var(--button-background-alpha);--card-background-hue:var(--background-hue);--card-background-saturation:var(--background-saturation);--card-background-lightness:calc(var(--background-lightness) + 10%);--input-background-hue:var(--background-hue);--input-background-saturation:var(--background-saturation);--input-background-lightness:calc(var(--background-lightness) + 10%);border:var(--dialog-border-width) solid var(--line-background);box-shadow:inset 0 0 0 .07em rgba(0,0,0,.2),0 .56em 2.8em rgba(0,0,0,.55)}.mainDrawer{background:var(--drawer-background)}.drawer-docked{background:var(--docked-drawer-background);-webkit-border-end:var(--line-size) solid #000;border-inline-end:var(--line-size) solid #000}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.dialog-blur,.drawer-open-backdropfilter:not(.drawer-docked){--background-hue:0;--background-saturation:0%;--background-lightness:21.96%;background-color:hsla(var(--background-hue),var(--background-saturation),var(--background-lightness),.76);-webkit-backdrop-filter:saturate(1.8) blur(4em);backdrop-filter:saturate(1.8) blur(4em)}}html{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));scrollbar-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.4) transparent}.emby-collapsible-button-collapsed::after{background:var(--line-background)}.skinHeader-withBackground.headroom-scrolling{background:var(--header-background)}.appfooter{background:var(--footer-background)}.formDialogHeader:not(.formDialogHeader-clear),.formDialogFooter:not(.formDialogFooter-clear){background:var(--header-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.skinHeader-withBackground.skinHeader-withbackdropfilter.headroom-scrolling:not(.semiTransparent){background:var(--header-blur-background);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}.appfooter-withbackdropfilter{background:rgba(29,29,31,.72);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.headerNowPlaying{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 5%),.7)}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:transparent;background:0 0;box-shadow:none!important;border-bottom:0;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-text-color-lightness:0%;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.appHeader-tv.semiTransparent{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.skinHeader.semiTransparent::before{position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;transition:opacity .3s ease-out;content:" ";opacity:0;background-color:rgba(0,0,0,.3);background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));z-index:-1}.semiTransparent.headroom-scrolling{text-shadow:none}.semiTransparent.headroom-scrolling::before{opacity:1}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}html,.backgroundContainer{background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))}.backgroundContainer.withBackdrop{background-color:rgba(0,0,0,.8)}.backgroundContainer-withfocuspreview.withBackdrop{background-image:linear-gradient(to right,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent);background-color:transparent}[dir=rtl] .backgroundContainer-withfocuspreview.withBackdrop{background-image:linear-gradient(to left,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent)}@media not all and (min-width:50em){.itemBackgroundContainer-preventbackdrop.withBackdrop{background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))}}.paper-icon-button-light:active{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}.paper-icon-button-light-tv:focus{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.paper-icon-button-light:focus-visible{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.raised,.fab{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha));color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.raised:active,.fab:active{background:hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 10%),var(--button-background-alpha))}.emby-select,.emby-multilineselect{color:inherit;background:hsla(var(--input-background-hue),var(--input-background-saturation),var(--input-background-lightness),var(--button-background-alpha));border:var(--line-size) solid transparent}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.raised-backdropfilter,.fab-backdropfilter,.emby-select-backdropfilter.detailTrackSelect{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-blur-lightness),var(--button-background-blur-alpha));-webkit-backdrop-filter:var(--button-blur-backdrop-filter);backdrop-filter:var(--button-blur-backdrop-filter)}.toast-large{--theme-text-color-lightness:100%;--theme-text-color-alpha:.85;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}}.filter-active{background:#03a9f4!important;color:#fff!important}.button-submit{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness));color:#fff}@media not all and (min-width:50em){.detailButton-primary{background:#fff;color:#1a1a1a;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.emby-select>option{--theme-text-color-alpha:1;--theme-text-color-lightness:100%;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));background:hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness))}.emby-select:focus-visible{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important}.emby-select-tv:focus{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important;background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important;--theme-text-color-lightness:var(--focus-text-color-lightness)!important;--theme-text-color-alpha:1!important;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important}.emby-select-tv:focus~.emby-select-selectedNameContainer{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important}.emby-select-tv:focus~.selectArrowContainer{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important}.emby-textarea-label:focus-within>.emby-textarea-labeltext,.selectLabel:focus-within>.selectLabelText,.inputLabelFocused{color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.sliderLabel:focus-within>.sliderLabelText{color:var(--theme-accent-text-color)}.emby-collapse-expandIcon,.accentText{color:var(--theme-accent-text-color)}.button-link{color:var(--theme-accent-text-color)}.button-link-color-inherit{color:inherit}.paperList,.visualCardBox{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.listItems-border{border:var(--line-size) solid var(--line-background)}.collapseContent{border:var(--line-size) solid var(--line-background)}.secondaryText,.fieldDescription,.cardText-secondary{--theme-text-color-alpha:var(--theme-secondary-text-color-alpha);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}@supports (color:var(--fake-var)){.cardText-first{--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.layout-tv .cardText-first{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}}.actionsheetDivider{background:var(--line-background)}.selectionCommandsPanel{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 15%));--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.upNextDialog-countdownText{color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.navMenuOption-selected .listItem-content{color:var(--theme-accent-text-color)}.navMenuOption-selected .listItem-content::before{background-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)}.listItem-border::after{background:var(--line-background)}@media (hover:hover) and (pointer:fine){.listItem-hoverable:hover .listItem-content-bg{background-color:transparent}.listItem-hoverable:hover .listItem-content-bg::before{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}}.listItem-tv:focus .listItem-content-bg{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.listItem-button:focus-visible .listItem-content-bg{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}@supports (color:var(--fake-var)){.listItem-tv:focus .listItem-content-bg{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.listItem-button:focus-visible .listItem-content-bg{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}}.listItem-tv:focus .listItem-content-fb::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.7)}.progressring-spiner{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.mediaInfoText{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))}.starIcon{color:#cb272a}.mediaInfoTimerIcon{color:#cb272a}.emby-input,.emby-textarea{color:inherit;background:hsla(var(--input-background-hue),var(--input-background-saturation),var(--input-background-lightness),var(--button-background-alpha));border:var(--line-size) solid transparent}.emby-input:focus-visible,.emby-textarea:focus-visible{border-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.emby-input-tv:focus,.emby-textarea-tv:focus{border-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.emby-checkbox+.checkboxLabel::before{border-color:currentcolor}.chkCardSelect+.checkboxLabel::before{border-color:transparent;background:rgba(255,255,255,.4)}.chkItemSelect-selecthint+.checkboxLabel::before{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%));background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%))}.emby-checkbox:checked+.checkboxLabel::before{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness));background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-checkbox-focusoutline{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.2)}.emby-checkbox:checked+.checkboxLabel+.emby-checkbox-focusoutline{background:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)}.mdl-radio__inner-circle{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-radio:focus-visible+.radioButtonLabel{background-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2);color:var(--theme-accent-text-color)}.itemProgressBar{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3)}.itemProgressBarForeground{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.itemProgressBarForeground-recording{background-color:#cb272a}.countIndicator{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.playedIndicator{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-tab-button-active{background:hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 50%),.5);--theme-text-color-lightness:100%;--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.emby-tab-button-active.videoosd-tab-button{background:0 0}.emby-tab-button-active.videoosd-tab-button::before{background:#666}.emby-button:focus-visible{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.emby-button-tv:focus{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.button-link:focus-visible{background:0 0}.button-link.emby-button-tv:focus{background:0 0;box-shadow:none}.button-link:focus-visible::before{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)}.button-link.emby-button-tv:focus::before{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)}@supports (-webkit-mask-composite:xor){.emby-button-outline:focus::after,.emby-button-outline.fab:focus::after,.emby-button-outline.paper-icon-button-light:focus::after{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.4)}}.firstChannelCell-withscroll{background:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))!important}.epgCellInner{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 18%),.5)}.channelCellInner{background-color:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 9%),1)}.programCellInner-sports{background:rgba(61,130,146,.5)}.programCellInner-movie{background:rgba(137,96,172,.5)}.programCellInner-kids{background:rgba(115,176,205,.5)}.programCellInner-news{background:rgba(151,176,127,.5)}.guide-currentTimeIndicatorDot{border-inline-end-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2);color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.epgRow-tv:focus-within .epgCellInner{--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 60%),.5)}.channelCell-tv:focus>.channelCellInner,.programCell-tv:focus>.programCellInner{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.channelCell:focus-visible>.channelCellInner,.programCell:focus-visible>.programCellInner{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.guide-programTextIcon{color:#1e1e1e;background:hsl(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 23.5%))}.infoBanner{background:hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness))}.warningBanner{background:rgba(255,69,0,.1);color:#ff4500}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-on{color:#4285f4}.downloadbutton-icon-complete{color:#4285f4}.playstatebutton-icon-played{color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important}.toggleButtonIcon-active{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5);color:#000}.card:focus .cardBox-sideFooter-f{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.card:focus-visible .cardBox-sideFooter{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.card:focus .cardContent-bxsborder::before,.sideFooterCard:focus .cardBox-sideFooter-f::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important}.card:focus:focus-visible .cardContent-bxsborder-fv::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important}.cardContent-button{background-color:transparent}.cardContent-shadow{box-shadow:0 .25em .4375em rgba(0,0,0,.25);background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.card-focustransform:focus .cardContent-shadow{box-shadow:0 .278em .975em rgba(0,0,0,.5)}.defaultCardBackground{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.cardImageContainer-sideFooter{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.04)}.cardOverlayButtonIcon,.listItemOverlayButtonIcon{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5)}.emby-slider-background{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3)}.emby-slider{color:inherit}.emby-slider-thumb{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),1)}.emby-slider-background-upper{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.35)}.emby-slider-background-upper-accent{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-slider-background-lower{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--slider-lower-opacity))}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.emby-slider-background-backdropfilter{-webkit-backdrop-filter:saturate(1.8) blur(4em);backdrop-filter:saturate(1.8) blur(4em)}}.scrollbuttoncontainer{color:#fff;background:rgba(20,20,20,.5)}.recordingIcon-active{color:#c33!important}.textActionButton.dragging{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important}.dragging-over.full-drop-target{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important;color:#fff!important}.dragging-over-top::before,.dragging-over-bottom::after,.dragging-over-left::before,.dragging-over-right::after{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.checkboxLabel-lockedfield-embeddedintofield{border-inline-start-color:var(--line-background)!important;border-top-width:var(--line-size)!important;border-bottom-width:var(--line-size)!important}.checkboxLabel-lockedfield{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important}.chkLockedField:checked+span{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important;background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important}.chkLockedField.emby-checkbox-tv:focus{box-shadow:0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.chkLockedField:focus-visible+span{box-shadow:0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.tabs-viewmenubar-backgroundcontainer{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 9.75%))}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.tabs-viewmenubar-backgroundcontainer-backdropfilter{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 15%),.5);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.tabs-viewmenubar:focus-within .emby-tab-button-active:not(:focus){background:0 0}.dockedtabs{border-top:var(--line-size) solid var(--line-background)}.dockedtabs-tab-button{background:0 0!important}.dockedtabs-tab-button.emby-tab-button:focus{color:inherit}.dockedtabs-tab-button.emby-tab-button-active{color:var(--theme-accent-text-color)!important}.searchFieldsBottomBorder{border-bottom:var(--line-size) solid var(--line-background)}.activeSession-bottomsection:nth-child(odd){background:hsla(var(--card-background-hue),var(--card-background-saturation),calc(var(--card-background-lightness) - 10%),.5)}.dataGridHeader-content-inner{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 7%))}.dataGridItem:nth-child(2n){background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 7%))}@media (hover:hover) and (pointer:fine){.dataGridItem-hoverable:hover,.dataGridItem-hoverable:hover .chkItemSelectContainer{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}}.dataGridItem-focusscale:focus{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.dataGridItem-button:focus-visible{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}@media all and (min-width:50em){.itemBackgroundContainer.withBackdrop{background:linear-gradient(77deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.75) 60%,rgba(0,0,0,.3) 100%)!important;opacity:1!important}[dir=rtl] .itemBackgroundContainer.withBackdrop{background:linear-gradient(283deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.75) 60%,rgba(0,0,0,.3) 100%)!important}}@media all and (orientation:landscape){.itemBackgroundContainer-brighter.withBackdrop{background:0 0!important;opacity:1!important}}@media all and (min-width:50em){.darkContentContainer-item{--background-hue:285;--background-saturation:10%;--background-lightness:7.84%;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));--button-background-hue:285;--button-background-saturation:4.2%;--button-background-lightness:40%;--button-background-alpha:.7;--button-background-blur-lightness:calc(var(--button-background-lightness) + 37%);--button-background-blur-alpha:.3;--button-blur-backdrop-filter:saturate(1.8) blur(4em);--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:17.25%;--card-background-alpha:.7;--input-background-hue:285;--input-background-saturation:4.2%;--input-background-lightness:40%;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2)}.detailMainContainer-withbackdrop{text-shadow:.14em .14em .28em rgba(0,0,0,.45)}.details-additionalContent-withbackdrop{--theme-text-color-alpha:.85}}.darkContentContainer{--background-hue:285;--background-saturation:10%;--background-lightness:7.84%;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));--button-background-hue:285;--button-background-saturation:4.2%;--button-background-lightness:40%;--button-background-alpha:.6;--button-background-blur-lightness:calc(var(--button-background-lightness) + 37%);--button-background-blur-alpha:.3;--button-blur-backdrop-filter:saturate(1.8) blur(4em);--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:17.25%;--card-background-alpha:.7;--input-background-hue:285;--input-background-saturation:4.2%;--input-background-lightness:40%;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2)}.darkContentContainer-tv{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.graphicContentContainer{--theme-text-color-alpha:1;--theme-secondary-text-color-alpha:.7;--button-background-hue:0;--button-background-saturation:0%;--button-background-lightness:15%;--button-background-alpha:.6;--input-background-hue:0;--input-background-saturation:0%;--input-background-lightness:15%;--slider-lower-opacity:1}.detailTrackSelect{border-color:transparent}.lyricsScroller{--theme-secondary-text-color-alpha:.3} \ No newline at end of file diff --git a/modules/themes/darkgradient/theme.css b/modules/themes/darkgradient/theme.css index 6f8e959..a520ba0 100644 --- a/modules/themes/darkgradient/theme.css +++ b/modules/themes/darkgradient/theme.css @@ -1,1080 +1 @@ -:root { - --background-hue: 0; - --background-saturation: 0%; - --background-lightness: 15.69%; - --background-position: center center; - --background-alpha: 1; - --background-opacity: initial; - --theme-primary-color-hue: 116; - --theme-primary-color-saturation: 41.7%; - --theme-primary-color-lightness: 50.2%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: .87; - --theme-secondary-text-color-alpha: .6; - --theme-accent-text-color-lightbg: green; - --theme-accent-text-color-darkbg: #6ccf65; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --button-background-hue: 0; - --button-background-saturation: 0%; - --button-background-lightness: 100%; - --button-background-alpha: .2; - --button-background-blur-lightness: var(--button-background-lightness); - --button-background-blur-alpha: var(--button-background-alpha); - --button-blur-backdrop-filter: none; - --card-background-hue: var(--button-background-hue); - --card-background-saturation: var(--button-background-saturation); - --card-background-lightness: 100%; - --card-background-alpha: .16; - --header-background: var(--theme-background); - --header-blur-background: hsla(var(--background-hue), var(--background-saturation), var(--background-lightness), .66); - --footer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 7%)); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .15); - --line-size: .08em; - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 5%)); - --docked-drawer-background: rgba(0, 0, 0, .2); - --epg-channel-color: rgba(0, 0, 0, .6); - --epg-program-color: rgba(0, 0, 0, .3); - --dialog-border-width: 0; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --slider-lower-opacity: .7; -} - -.theme-brickred:root { - --background-gradient: linear-gradient(to right, rgb(142, 14, 0), rgb(31, 28, 24)); -} - -.theme-brickred[dir=rtl]:root { - --background-gradient: linear-gradient(to left, rgb(142, 14, 0), rgb(31, 28, 24)); -} - -.theme-superman:root { - --background-gradient: linear-gradient(to right, rgba(120, 2, 6, var(--background-alpha)), rgba(6, 17, 97, var(--background-alpha))); -} - -.theme-superman[dir=rtl]:root { - --background-gradient: linear-gradient(to left, rgba(120, 2, 6, var(--background-alpha)), rgba(6, 17, 97, var(--background-alpha))); -} - -.theme-caracara:root { - --background-gradient: linear-gradient(to top, rgba(211, 131, 18, var(--background-alpha)), rgba(168, 50, 121, var(--background-alpha))); -} - -.theme-slateblue:root { - --background-gradient: linear-gradient(to right, rgb(82, 82, 82), rgb(61, 114, 180)); -} - -.theme-slateblue[dir=rtl]:root { - --background-gradient: linear-gradient(to left, rgb(82, 82, 82), rgb(61, 114, 180)); -} - -.theme-purplebliss:root { - --background-gradient: linear-gradient(to right, rgb(54, 0, 51), rgb(11, 135, 147)); -} - -.theme-purplebliss[dir=rtl]:root { - --background-gradient: linear-gradient(to left, rgb(54, 0, 51), rgb(11, 135, 147)); -} - -.theme-purpleflow:root { - --background-gradient: linear-gradient(to right, rgb(123, 67, 151), rgb(220, 36, 48)); -} - -.theme-purpleflow[dir=rtl]:root { - --background-gradient: linear-gradient(to left, rgb(123, 67, 151), rgb(220, 36, 48)); -} - -.theme-blueradiance:root { - --background-gradient: url(radiance.png); - --background-opacity: var(--background-alpha); - --background-position: center top; -} - -.theme-wmc:root { - --background-gradient: linear-gradient(to bottom, rgba(7, 25, 66, var(--background-alpha)) 0%, 7.04057%, rgba(4, 27, 75, var(--background-alpha)) 14.0811%, 21.3604%, rgba(5, 32, 79, var(--background-alpha)) 28.6396%, 29.9523%, rgba(5, 33, 82, var(--background-alpha)) 31.2649%, 32.1002%, rgba(5, 35, 83, var(--background-alpha)) 32.9356%, 33.7709%, rgba(6, 36, 86, var(--background-alpha)) 34.6062%, 36.9928%, rgba(6, 43, 94, var(--background-alpha)) 39.3795%, 43.1981%, rgba(8, 54, 110, var(--background-alpha)) 47.0167%, 52.9833%, rgba(8, 70, 134, var(--background-alpha)) 58.9499%, 62.7685%, rgba(8, 86, 151, var(--background-alpha)) 66.5871%, 67.7804%, rgba(8, 88, 155, var(--background-alpha)) 68.9737%, 75.0597%, rgba(14, 90, 156, var(--background-alpha)) 81.1456%, 84.4869%, rgba(12, 78, 147, var(--background-alpha)) 87.8282%, 90.3341%, rgba(12, 69, 138, var(--background-alpha)) 92.8401%, 96.42%, rgba(9, 53, 123, var(--background-alpha)) 100%); -} - -@media (pointer:fine) { - :not(.layout-tv):root { - --dialog-border-width: var(--line-size); - } -} - -.layout-tv:root { - --header-background: transparent; - --header-blur-background: transparent; -} - -.dialog { - --background-hue: 240; - --background-saturation: 3.4%; - --background-lightness: 11.4%; - --theme-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 5%)); - --header-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 10%)); - --footer-background: var(--header-background); - --button-background-hue: var(--background-hue); - --button-background-saturation: var(--background-saturation); - --button-background-lightness: calc(var(--background-lightness) + 15%); - --button-background-alpha: .7; - --button-background-blur-lightness: var(--button-background-lightness); - --button-background-blur-alpha: var(--button-background-alpha); - --card-background-hue: var(--background-hue); - --card-background-saturation: var(--background-saturation); - --card-background-lightness: calc(var(--background-lightness) + 15%); - --card-background-alpha: .7; - border: var(--dialog-border-width) solid var(--line-background); - box-shadow: inset 0 0 0 .07em rgba(0,0,0,.2),0 .56em 2.8em rgba(0,0,0,.55); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .dialog-blur { - --background-hue: 0; - --background-saturation: 0%; - --background-lightness: 21.96%; - --theme-background: hsla(var(--background-hue), var(--background-saturation), var(--background-lightness), .76); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - box-shadow: none!important; - } -} - -html { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - scrollbar-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.4) transparent; -} - -.emby-collapsible-button { - border-color: var(--line-background)!important; -} - -/* .skinHeader-withBackground.headroom-scrolling { */ -/* background: var(--header-background); */ -/* } */ - -.appfooter { - background: var(--footer-background); - border-top: var(--line-size) solid var(--line-background); - bottom: calc(-1 * var(--line-size))!important; -} - -.formDialogHeader:not(.formDialogHeader-clear),.formDialogFooter:not(.formDialogFooter-clear) { - background: var(--header-background); -} - -/* @supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { */ -/* .skinHeader-withBackground.skinHeader-withbackdropfilter.headroom-scrolling:not(.semiTransparent) { */ -/* background: var(--header-blur-background); */ -/* -webkit-backdrop-filter: saturate(1.8) blur(1.5em); */ -/* backdrop-filter: saturate(1.8) blur(1.5em); */ -/* } */ -/**/ -/* .appfooter-withbackdropfilter { */ -/* background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 10.5%),.66); */ -/* -webkit-backdrop-filter: saturate(1.8) blur(1.5em); */ -/* backdrop-filter: saturate(1.8) blur(1.5em); */ -/* } */ -/* } */ - -.headerNowPlaying { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 5%),.7); -} - -.skinHeader.semiTransparent { - -webkit-backdrop-filter: none!important; - backdrop-filter: none!important; - background-color: transparent; - background: 0 0; - box-shadow: none!important; - border-bottom: 0; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-text-color-lightness: 0%; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.skinHeader.semiTransparent::before { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - inset-inline-start: 0; - inset-inline-end: 0; - transition: opacity .3s ease-out; - content: " "; - opacity: 0; - background-color: rgba(0,0,0,.3); - background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0)); -} - -.semiTransparent.headroom-scrolling { - text-shadow: none; -} - -.semiTransparent.headroom-scrolling::before { - opacity: 1; -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png); -} - -html,.dialog { - background-color: var(--theme-background); -} - -.backgroundContainer { - background-color: var(--theme-background); - background-image: var(--background-gradient); - background-position: var(--background-position); - background-repeat: no-repeat; - background-size: cover; - opacity: var(--background-opacity); -} - -.theme-blueradiance .backgroundContainer { - background-image: url(radiance.png); -} - -.backgroundContainer.withBackdrop { - --background-alpha: .9; - --background-opacity: var(--background-alpha); - background: var(--background-gradient); - background-position: var(--background-position); - background-repeat: no-repeat; - background-size: cover; -} - -.theme-blueradiance .backgroundContainer.withBackdrop { - background: url(radiance.png); - background-position: var(--background-position); - background-repeat: no-repeat; - background-size: cover; -} - -.backgroundContainer-withfocuspreview.withBackdrop { - --background-alpha: 1; - --background-opacity: var(--background-alpha); - background-image: linear-gradient(to right,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent)!important; - background-color: transparent; -} - -[dir=rtl] .backgroundContainer-withfocuspreview.withBackdrop { - background-image: linear-gradient(to left,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent)!important; -} - -.itemBackgroundContainer.withBackdrop { - --background-alpha: .85; - --background-opacity: var(--background-alpha); -} - -@media not all and (min-width:50em) { - .itemBackgroundContainer-preventbackdrop.withBackdrop { - --background-alpha: 1; - --background-opacity: var(--background-alpha); - background-color: var(--theme-background); - } -} - -.paper-icon-button-light:active { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); -} - -.icon-button-focusscale:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.paper-icon-button-light:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.raised,.fab { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.raised:active,.fab:active { - background: hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 15%),var(--button-background-alpha)); -} - -.emby-select,.emby-multilineselect { - color: inherit; - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - border: var(--line-size) solid transparent; -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .raised-backdropfilter,.fab-backdropfilter,.emby-select-backdropfilter.detailTrackSelect { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-blur-lightness),var(--button-background-blur-alpha)); - -webkit-backdrop-filter: var(--button-blur-backdrop-filter); - backdrop-filter: var(--button-blur-backdrop-filter); - } - - .toast-large { - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: .85; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -.filter-active { - background: #03a9f4!important; - color: #fff!important; -} - -.button-submit { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); - color: #fff; -} - -@media not all and (min-width:50em) { - .detailButton-primary { - background: #fff; - color: #1a1a1a; - -webkit-backdrop-filter: none!important; - backdrop-filter: none!important; - } -} - -.emby-select>option { - color: #000; - background: #fff; -} - -.emby-select:focus { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.emby-select-tv:focus { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.selectLabelFocused,.inputLabelFocused { - color: var(--theme-accent-text-color); -} - -.emby-textarea-label:focus-within>.emby-textarea-labeltext,.sliderLabel:focus-within>.sliderLabelText { - color: var(--theme-accent-text-color); -} - -.button-link { - color: var(--theme-accent-text-color); -} - -.button-link-color-inherit { - color: inherit; -} - -.paperList,.visualCardBox { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.listItems-border { - border: var(--line-size) solid var(--line-background); -} - -.collapseContent { - border: var(--line-size) solid var(--line-background); -} - -.listItemBodyText-secondary,.secondaryText,.fieldDescription,.cardText-secondary { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -@supports (color:var(--fake-var)) { - .cardText-first { - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -.actionsheetDivider { - background: var(--line-background); -} - -.selectionCommandsPanel { - background: hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 10%)); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.upNextDialog-countdownText { - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.alphaPickerButton { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - background-color: transparent; -} - -.alphaPickerButton-tv:focus { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important; -} - -.listItem-border { - border-color: var(--line-background)!important; -} - -@media (hover:hover) and (pointer:fine) { - .listItem-hoverable:hover,.listItem-hoverable:hover .chkListItemSelectContainer { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); - } -} - -.listItem-tv:focus { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.nocssvars .listItem-tv:focus .listItemBodyText-secondary { - color: inherit; -} - -.listItem-button:focus-visible { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -@supports (color:var(--fake-var)) { - .listItem-tv:focus { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } - - .listItem-button:focus-visible { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .listItem-tv-bf:focus { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-blur-background-lightness),.7); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } - - .listItem-button-bf:focus-visible { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-blur-background-lightness),.7); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } -} - -.progressring-spiner { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.mediaInfoText { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); -} - -.starIcon { - color: #cb272a; -} - -.mediaInfoTimerIcon { - color: #cb272a; -} - -.emby-input,.emby-textarea { - color: inherit; - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - border: var(--line-size) solid transparent; -} - -.emby-input:focus,.emby-textarea:focus { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-checkbox+.checkboxLabel::before { - border-color: currentcolor; -} - -.chkCardSelect+.checkboxLabel::before { - border-color: transparent; - background: rgba(255,255,255,.4); -} - -.chkItemSelect-selecthint+.checkboxLabel::before { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%)); - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%)); -} - -.emby-checkbox:checked+.checkboxLabel::before { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-checkbox-tv:focus+.checkboxLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.emby-checkbox:focus-visible+.checkboxLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.mdl-radio__inner-circle { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-radio:focus-visible+.radioButtonLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.itemProgressBar { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3); -} - -.itemProgressBarForeground { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.itemProgressBarForeground-recording { - background-color: #cb272a; -} - -.countIndicator { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.playedIndicator { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.mainDrawer { - background: var(--drawer-background); -} - -.drawer-docked { - background: var(--docked-drawer-background); - -webkit-border-end: var(--line-size) solid var(--line-background); - border-inline-end: var(--line-size) solid var(--line-background); -} - -.navMenuOption-selected { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)!important; - color: var(--theme-accent-text-color); -} - -.emby-button-tv:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.emby-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.button-link:focus-visible { - background: 0 0; -} - -.button-link.emby-button-focusscale:focus { - background: 0 0; -} - -.button-link:focus-visible::before { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); -} - -.button-link.emby-button-focusscale:focus::before { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); -} - -.firstChannelCell-withscroll { - background: var(--theme-background)!important; -} - -.channelCell { - border-color: transparent; -} - -.channelCellInner { - background-color: var(--epg-channel-color); -} - -.programCellInner { - background: var(--epg-program-color); -} - -.programCellInner-sports { - background: rgba(10,79,95,.7); - color: #fff; -} - -.programCellInner-movie { - background: rgba(86,45,121,.7); - color: #fff; -} - -.programCellInner-kids { - background: rgba(64,125,154,.7); - color: #fff; -} - -.programCellInner-news { - background: rgba(100,125,76,.7); - color: #fff; -} - -.guide-currentTimeIndicatorDot { - border-inline-end-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.channelCell-tv:focus>.channelCellInner,.programCell-tv:focus>.programCellInner { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.channelCell:focus-visible>.channelCellInner,.programCell:focus-visible>.programCellInner { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555; -} - -.infoBanner { - background: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.warningBanner { - background: rgba(255,69,0,.1); - color: #ff4500; -} - -.ratingbutton-icon-withrating { - color: #c33!important; -} - -.downloadbutton-icon-on { - color: #4285f4; -} - -.downloadbutton-icon-complete { - color: #4285f4; -} - -.playstatebutton-icon-played { - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.toggleButtonIcon-active { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5); - color: #000; -} - -.cardContent-outlinefocus { - outline-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.card:focus .cardContent-bxsborder { - box-shadow: 0 0 0 .27em hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))!important; -} - -.card:focus-visible .cardContent-bxsborder-fv { - box-shadow: 0 0 0 .27em hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))!important; -} - -.card:focus .cardBox-sideFooter-f { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.card:focus-visible .cardBox-sideFooter { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.cardContent-button { - background-color: transparent; -} - -.cardContent-shadow { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); - box-shadow: 0 .278em .975em rgba(0,0,0,.1); -} - -.cardContent-shadow::after { - display: block; - content: ""; - width: 100%; - height: 0; - max-width: 100%; - max-height: 100%; - position: absolute; - top: 0; - min-width: 100%; - min-height: 100%; - z-index: 2; - box-shadow: inset 0 0 0 .0695em rgb(128 128 128 / 10%); -} - -.card-focustransform:focus .cardContent-shadow { - box-shadow: 0 .278em .975em rgba(0,0,0,.7); -} - -.defaultCardBackground0 { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.cardImageContainer-sideFooter { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.04); -} - -.cardOverlayButtonIcon,.listItemOverlayButtonIcon { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -::-webkit-scrollbar-track-piece { - background-color: transparent; -} - -::-webkit-scrollbar-thumb { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5); -} - -.emby-slider-background { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3); -} - -.emby-slider { - color: inherit; -} - -.emby-slider-thumb { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),1); -} - -.emby-slider-background-upper { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.35); -} - -.emby-slider-background-upper-accent { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-slider-background-lower { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--slider-lower-opacity)); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .emby-slider-background-backdropfilter { - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } -} - -.scrollbuttoncontainer { - color: #fff; - background: rgba(20,20,20,.5); -} - -.recordingIcon-active { - color: #c33!important; -} - -.textActionButton.dragging { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important; -} - -.dragging-over.full-drop-target { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - color: #fff!important; -} - -.dragging-over-top::before,.dragging-over-bottom::after,.dragging-over-left::before,.dragging-over-right::after { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.checkboxLabel-lockedfield-embeddedintofield { - border-inline-start-color: var(--line-background)!important; - border-top-width: var(--line-size)!important; - border-bottom-width: var(--line-size)!important; -} - -.checkboxLabel-lockedfield { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important; -} - -.chkLockedField:checked+span { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.chkLockedField.emby-checkbox-tv:focus { - box-shadow: 0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.chkLockedField:focus-visible+span { - box-shadow: 0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.tabs-viewmenubar-backgroundcontainer { - background: hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 5%)); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .tabs-viewmenubar-backgroundcontainer-backdropfilter { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 20%),.5); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } -} - -.emby-tab-button { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-tab-button-active { - background: hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 30%),.3); - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.tabs-viewmenubar:focus-within .emby-tab-button-active:not(:focus) { - background: 0 0; -} - -.emby-tab-button:focus { - background: hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 30%),.3); - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-tab-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,1); -} - -.emby-tab-button.emby-button-tv:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,1); -} - -.dockedtabs-tab-button { - background: 0 0!important; -} - -.dockedtabs-tab-button.emby-tab-button:focus { - color: inherit; -} - -.dockedtabs-tab-button.emby-tab-button-active { - color: var(--theme-accent-text-color)!important; -} - -.searchTabsContainer { - border-bottom: var(--line-size) solid var(--line-background); -} - -@supports (color:var(--fake-var)) { - .emby-tab-button:focus-visible { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } - - .emby-tab-button.emby-button-tv:focus { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -.activeSession-bottomsection:nth-child(odd) { - background: hsla(var(--card-background-hue),var(--card-background-saturation),calc(var(--card-background-lightness) + 3%),.2); -} - -.dataGridHeader-content-inner { - background: rgba(0,0,0,.5); -} - -.dataGridItem:nth-child(even) { - background: rgba(0,0,0,.2); -} - -@media (hover:hover) and (pointer:fine) { - .dataGridItem-hoverable:hover,.dataGridItem-hoverable:hover .chkItemSelectContainer { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); - } -} - -.dataGridItem-focusscale:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.dataGridItem-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -@media all and (min-width:50em) { - .itemBackgroundContainer.withBackdrop { - background: linear-gradient(77deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)!important; - opacity: 1!important; - } - - [dir=rtl] .itemBackgroundContainer.withBackdrop { - background: linear-gradient(283deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)!important; - } -} - -@media all and (orientation:landscape) { - .itemBackgroundContainer-brighter.withBackdrop { - background: linear-gradient(77deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)!important; - opacity: 1!important; - } - - [dir=rtl] .itemBackgroundContainer-brighter.withBackdrop { - background: linear-gradient(283deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)!important; - } -} - -@media all and (min-width:50em) { - .darkContentContainer-item { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - --button-background-hue: 285; - --button-background-saturation: 4.2%; - --button-background-lightness: 40%; - --button-background-alpha: .7; - --button-background-blur-lightness: calc(var(--button-background-lightness) + 37%); - --button-background-blur-alpha: .3; - --button-blur-backdrop-filter: saturate(1.8) blur(4em); - --card-background-hue: 0; - --card-background-saturation: 0%; - --card-background-lightness: 17.25%; - --card-background-alpha: .7; - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); - } - - .detailMainContainer-withbackdrop { - text-shadow: .14em .14em .28em rgba(0,0,0,.45); - } - - .detailMainContainer-withbackdrop .listItem-tv:focus { - --theme-text-color-lightness: 0%; - } - - .detailMainContainer-withbackdrop .listItem-button:focus-visible { - --theme-text-color-lightness: 0%; - } - - .details-additionalContent-withbackdrop { - --theme-text-color-alpha: .85; - } -} - -.darkContentContainer { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - --button-background-hue: 285; - --button-background-saturation: 4.2%; - --button-background-lightness: 40%; - --button-background-alpha: .7; - --button-background-blur-lightness: calc(var(--button-background-lightness) + 37%); - --button-background-blur-alpha: .3; - --button-blur-backdrop-filter: saturate(1.8) blur(4em); - --card-background-hue: 0; - --card-background-saturation: 0%; - --card-background-lightness: 17.25%; - --card-background-alpha: .7; - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); -} - -.graphicContentContainer { - --theme-secondary-text-color-alpha: .7; - --button-background-hue: 0; - --button-background-saturation: 0%; - --button-background-lightness: 15%; - --button-background-alpha: .7; - --slider-lower-opacity: 1; -} - -.detailTrackSelect { - border-color: transparent; -} - -.lyricsScroller { - --theme-secondary-text-color-alpha: .3; -} +:root{--background-hue:0;--background-saturation:0%;--background-lightness:15.69%;--background-position:center center;--background-alpha:1;--background-opacity:initial;--theme-primary-color-hue:116;--theme-primary-color-saturation:41.7%;--theme-primary-color-lightness:50.2%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:.87;--theme-secondary-text-color-alpha:.6;--theme-accent-text-color-lightbg:green;--theme-accent-text-color-darkbg:#6ccf65;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--button-background-hue:0;--button-background-saturation:0%;--button-background-lightness:100%;--button-background-alpha:.2;--button-background-blur-lightness:var(--button-background-lightness);--button-background-blur-alpha:var(--button-background-alpha);--button-blur-backdrop-filter:none;--card-background-hue:var(--button-background-hue);--card-background-saturation:var(--button-background-saturation);--card-background-lightness:100%;--card-background-alpha:.16;--input-background-hue:0;--input-background-saturation:0%;--input-background-lightness:100%;--header-background:hsl(var(--background-hue), var(--background-saturation), var(--background-lightness));--header-blur-background:hsla(var(--background-hue), var(--background-saturation), var(--background-lightness), .66);--footer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 7%));--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .15);--line-size:.08em;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 5%));--docked-drawer-background:rgba(0, 0, 0, .2);--dialog-border-width:0;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--slider-lower-opacity:.7}.theme-brickred:root{--background-gradient:linear-gradient(to right, rgb(142, 14, 0), rgb(31, 28, 24))}.theme-brickred[dir=rtl]:root{--background-gradient:linear-gradient(to left, rgb(142, 14, 0), rgb(31, 28, 24))}.theme-superman:root{--background-gradient:linear-gradient(to right, rgba(120, 2, 6, var(--background-alpha)), rgba(6, 17, 97, var(--background-alpha)))}.theme-superman[dir=rtl]:root{--background-gradient:linear-gradient(to left, rgba(120, 2, 6, var(--background-alpha)), rgba(6, 17, 97, var(--background-alpha)))}.theme-caracara:root{--background-gradient:linear-gradient(to top, rgba(211, 131, 18, var(--background-alpha)), rgba(168, 50, 121, var(--background-alpha)))}.theme-slateblue:root{--background-gradient:linear-gradient(to right, rgb(82, 82, 82), rgb(61, 114, 180))}.theme-slateblue[dir=rtl]:root{--background-gradient:linear-gradient(to left, rgb(82, 82, 82), rgb(61, 114, 180))}.theme-purplebliss:root{--background-gradient:linear-gradient(to right, rgb(54, 0, 51), rgb(11, 135, 147))}.theme-purplebliss[dir=rtl]:root{--background-gradient:linear-gradient(to left, rgb(54, 0, 51), rgb(11, 135, 147))}.theme-purpleflow:root{--background-gradient:linear-gradient(to right, rgb(123, 67, 151), rgb(220, 36, 48))}.theme-purpleflow[dir=rtl]:root{--background-gradient:linear-gradient(to left, rgb(123, 67, 151), rgb(220, 36, 48))}.theme-blueradiance:root{--background-gradient:url(blueradiance.jpg);--background-opacity:var(--background-alpha);--background-position:center top}.theme-wmc:root{--background-gradient:linear-gradient(to bottom, rgba(7, 25, 66, var(--background-alpha)) 0%, 7.04057%, rgba(4, 27, 75, var(--background-alpha)) 14.0811%, 21.3604%, rgba(5, 32, 79, var(--background-alpha)) 28.6396%, 29.9523%, rgba(5, 33, 82, var(--background-alpha)) 31.2649%, 32.1002%, rgba(5, 35, 83, var(--background-alpha)) 32.9356%, 33.7709%, rgba(6, 36, 86, var(--background-alpha)) 34.6062%, 36.9928%, rgba(6, 43, 94, var(--background-alpha)) 39.3795%, 43.1981%, rgba(8, 54, 110, var(--background-alpha)) 47.0167%, 52.9833%, rgba(8, 70, 134, var(--background-alpha)) 58.9499%, 62.7685%, rgba(8, 86, 151, var(--background-alpha)) 66.5871%, 67.7804%, rgba(8, 88, 155, var(--background-alpha)) 68.9737%, 75.0597%, rgba(14, 90, 156, var(--background-alpha)) 81.1456%, 84.4869%, rgba(12, 78, 147, var(--background-alpha)) 87.8282%, 90.3341%, rgba(12, 69, 138, var(--background-alpha)) 92.8401%, 96.42%, rgba(9, 53, 123, var(--background-alpha)) 100%)}@media (pointer:fine){:not(.layout-tv):root{--dialog-border-width:var(--line-size)}}.layout-tv:root{--header-background:transparent;--header-blur-background:transparent}.dialog{--background-hue:240;--background-saturation:3.4%;--background-lightness:16.4%;--theme-background:hsl(var(--background-hue), var(--background-saturation), var(--background-lightness));background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness));--header-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 5%));--footer-background:var(--header-background);--button-background-hue:var(--background-hue);--button-background-saturation:var(--background-saturation);--button-background-lightness:calc(var(--background-lightness) + 10%);--button-background-alpha:.7;--button-background-blur-lightness:var(--button-background-lightness);--button-background-blur-alpha:var(--button-background-alpha);--input-background-hue:var(--background-hue);--input-background-saturation:var(--background-saturation);--input-background-lightness:calc(var(--background-lightness) + 10%);--card-background-hue:var(--background-hue);--card-background-saturation:var(--background-saturation);--card-background-lightness:calc(var(--background-lightness) + 10%);--card-background-alpha:.7;border:var(--dialog-border-width) solid var(--line-background);box-shadow:inset 0 0 0 .07em rgba(0,0,0,.2),0 .56em 2.8em rgba(0,0,0,.55)}.mainDrawer{background:var(--drawer-background)}.drawer-docked{background:var(--docked-drawer-background);-webkit-border-end:var(--line-size) solid var(--line-background);border-inline-end:var(--line-size) solid var(--line-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.dialog-blur,.drawer-open-backdropfilter:not(.drawer-docked){--background-hue:0;--background-saturation:0%;--background-lightness:21.96%;background-color:hsla(var(--background-hue),var(--background-saturation),var(--background-lightness),.76);-webkit-backdrop-filter:saturate(1.8) blur(4em);backdrop-filter:saturate(1.8) blur(4em)}}html{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));scrollbar-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.4) transparent;background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))}.emby-collapsible-button-collapsed::after{background:var(--line-background)}.skinHeader-withBackground.headroom-scrolling{background:var(--header-background)}.appfooter{background:var(--footer-background)}.formDialogHeader:not(.formDialogHeader-clear),.formDialogFooter:not(.formDialogFooter-clear){background:var(--header-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.skinHeader-withBackground.skinHeader-withbackdropfilter.headroom-scrolling:not(.semiTransparent){background:var(--header-blur-background);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}.appfooter-withbackdropfilter{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 10.5%),.66);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.headerNowPlaying{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 5%),.7)}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:transparent;background:0 0;box-shadow:none!important;border-bottom:0;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-text-color-lightness:0%;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.appHeader-tv.semiTransparent{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.skinHeader.semiTransparent::before{position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;transition:opacity .3s ease-out;content:" ";opacity:0;background-color:rgba(0,0,0,.3);background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));z-index:-1}.semiTransparent.headroom-scrolling{text-shadow:none}.semiTransparent.headroom-scrolling::before{opacity:1}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer{background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness));background-image:var(--background-gradient);background-position:var(--background-position);background-repeat:no-repeat;background-size:cover;opacity:var(--background-opacity)}.theme-blueradiance .backgroundContainer{background-image:url(blueradiance.jpg)}.backgroundContainer.withBackdrop{--background-alpha:.9;--background-opacity:var(--background-alpha);background:var(--background-gradient);background-position:var(--background-position);background-repeat:no-repeat;background-size:cover}.theme-blueradiance .backgroundContainer.withBackdrop{background:url(blueradiance.jpg);background-position:var(--background-position);background-repeat:no-repeat;background-size:cover}.backgroundContainer-withfocuspreview.withBackdrop{--background-alpha:1;--background-opacity:var(--background-alpha);background-image:linear-gradient(to right,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent)!important;background-color:transparent}[dir=rtl] .backgroundContainer-withfocuspreview.withBackdrop{background-image:linear-gradient(to left,#000,rgba(0,0,0,.9) 34%,rgba(0,0,0,0),transparent)!important}.itemBackgroundContainer.withBackdrop{--background-alpha:.85;--background-opacity:var(--background-alpha)}@media not all and (min-width:50em){.itemBackgroundContainer-preventbackdrop.withBackdrop{--background-alpha:1;--background-opacity:var(--background-alpha);background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))}}.paper-icon-button-light:active{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}.paper-icon-button-light-tv:focus{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.paper-icon-button-light:focus-visible{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.raised,.fab{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha));color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.raised:active,.fab:active{background:hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 15%),var(--button-background-alpha))}.emby-select,.emby-multilineselect{color:inherit;background:hsla(var(--input-background-hue),var(--input-background-saturation),var(--input-background-lightness),var(--button-background-alpha));border:var(--line-size) solid transparent}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.raised-backdropfilter,.fab-backdropfilter,.emby-select-backdropfilter.detailTrackSelect{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-blur-lightness),var(--button-background-blur-alpha));-webkit-backdrop-filter:var(--button-blur-backdrop-filter);backdrop-filter:var(--button-blur-backdrop-filter)}.toast-large{--theme-text-color-lightness:100%;--theme-text-color-alpha:.85;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}}.filter-active{background:#03a9f4!important;color:#fff!important}.button-submit{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness));color:#fff}@media not all and (min-width:50em){.detailButton-primary{background:#fff;color:#1a1a1a;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.emby-select>option{--theme-text-color-alpha:1;--theme-text-color-lightness:0%;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));background:hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness))}.emby-select:focus-visible{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important}.emby-select-tv:focus{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important;background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important;--theme-text-color-lightness:var(--focus-text-color-lightness)!important;--theme-text-color-alpha:1!important;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important}.emby-select-tv:focus~.emby-select-selectedNameContainer{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important}.emby-select-tv:focus~.selectArrowContainer{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))!important}.emby-textarea-label:focus-within>.emby-textarea-labeltext,.selectLabel:focus-within>.selectLabelText,.inputLabelFocused{color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.sliderLabel:focus-within>.sliderLabelText{color:var(--theme-accent-text-color)}.emby-collapse-expandIcon,.accentText{color:var(--theme-accent-text-color)}.button-link{color:var(--theme-accent-text-color)}.button-link-color-inherit{color:inherit}.paperList,.visualCardBox{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.listItems-border{border:var(--line-size) solid var(--line-background)}.collapseContent{border:var(--line-size) solid var(--line-background)}.secondaryText,.fieldDescription,.cardText-secondary{--theme-text-color-alpha:var(--theme-secondary-text-color-alpha);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.actionsheetDivider{background:var(--line-background)}.selectionCommandsPanel{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 15%));--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.upNextDialog-countdownText{color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.navMenuOption-selected .listItem-content{color:var(--theme-accent-text-color)}.navMenuOption-selected .listItem-content::before{background-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)}.listItem-border::after{background:var(--line-background)}@media (hover:hover) and (pointer:fine){.listItem-hoverable:hover .listItem-content-bg{background-color:transparent}.listItem-hoverable:hover .listItem-content-bg::before{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}}.listItem-tv:focus .listItem-content-bg{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.listItem-button:focus-visible .listItem-content-bg{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}@supports (color:var(--fake-var)){.listItem-tv:focus .listItem-content-bg{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.listItem-button:focus-visible .listItem-content-bg{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}}.listItem-tv:focus .listItem-content-fb::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.7)}.progressring-spiner{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.mediaInfoText{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))}.starIcon{color:#cb272a}.mediaInfoTimerIcon{color:#cb272a}.emby-input,.emby-textarea{color:inherit;background:hsla(var(--input-background-hue),var(--input-background-saturation),var(--input-background-lightness),var(--button-background-alpha));border:var(--line-size) solid transparent}.emby-input:focus-visible,.emby-textarea:focus-visible{border-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.emby-input-tv:focus,.emby-textarea-tv:focus{border-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.emby-checkbox+.checkboxLabel::before{border-color:currentcolor}.chkCardSelect+.checkboxLabel::before{border-color:transparent;background:rgba(255,255,255,.4)}.chkItemSelect-selecthint+.checkboxLabel::before{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%));background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%))}.emby-checkbox-focusoutline{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.2)}.emby-checkbox:checked+.checkboxLabel+.emby-checkbox-focusoutline{background:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)}.mdl-radio__inner-circle{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-radio:focus-visible+.radioButtonLabel{background-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2);color:var(--theme-accent-text-color)}.itemProgressBar{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3)}.itemProgressBarForeground{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.itemProgressBarForeground-recording{background-color:#cb272a}.countIndicator{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.playedIndicator{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-tab-button-active{background:hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) + 50%),.5);--theme-text-color-lightness:100%;--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.emby-tab-button-active.videoosd-tab-button{background:0 0}.emby-tab-button-active.videoosd-tab-button::before{background:#666}.emby-button:focus-visible{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.emby-button-tv:focus{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.button-link:focus-visible{background:0 0}.button-link.emby-button-tv:focus{background:0 0;box-shadow:none}.button-link:focus-visible::before{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)}.button-link.emby-button-tv:focus::before{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)}@supports (-webkit-mask-composite:xor){.emby-button-outline:focus::after,.emby-button-outline.fab:focus::after,.emby-button-outline.paper-icon-button-light:focus::after{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.4)}}.firstChannelCell-withscroll{background:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))!important}.channelCellInner{background-color:rgba(0,0,0,.5)}.programCellInner{background:rgba(0,0,0,.3)}.programCellInner-sports{background:rgba(10,79,95,.7);color:#fff}.programCellInner-movie{background:rgba(86,45,121,.7);color:#fff}.programCellInner-kids{background:rgba(64,125,154,.7);color:#fff}.programCellInner-news{background:rgba(100,125,76,.7);color:#fff}.guide-currentTimeIndicatorDot{border-inline-end-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2);color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.epgRow-tv:focus-within .epgCellInner{--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 60%),.5)}.channelCell-tv:focus>.channelCellInner,.programCell-tv:focus>.programCellInner{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.channelCell:focus-visible>.channelCellInner,.programCell:focus-visible>.programCellInner{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.guide-programTextIcon{color:#1e1e1e;background:#555}.infoBanner{background:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.warningBanner{background:rgba(255,69,0,.1);color:#ff4500}.ratingbutton-icon-withrating{color:#c33!important}.downloadbutton-icon-on{color:#4285f4}.downloadbutton-icon-complete{color:#4285f4}.playstatebutton-icon-played{color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important}.toggleButtonIcon-active{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5);color:#000}.card:focus .cardBox-sideFooter-f{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.card:focus-visible .cardBox-sideFooter{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.card:focus .cardContent-bxsborder::before,.sideFooterCard:focus .cardBox-sideFooter-f::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important}.card:focus:focus-visible .cardContent-bxsborder-fv::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important}.cardContent-button{background-color:transparent}.cardContent-shadow{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.card-focustransform:focus .cardContent-shadow{box-shadow:0 .278em .975em rgba(0,0,0,.7)}.defaultCardBackground{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.cardImageContainer-sideFooter{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.04)}.cardOverlayButtonIcon,.listItemOverlayButtonIcon{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5)}.emby-slider-background{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3)}.emby-slider{color:inherit}.emby-slider-thumb{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),1)}.emby-slider-background-upper{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.35)}.emby-slider-background-upper-accent{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-slider-background-lower{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--slider-lower-opacity))}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.emby-slider-background-backdropfilter{-webkit-backdrop-filter:saturate(1.8) blur(4em);backdrop-filter:saturate(1.8) blur(4em)}}.scrollbuttoncontainer{color:#fff;background:rgba(20,20,20,.5)}.recordingIcon-active{color:#c33!important}.textActionButton.dragging{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important}.dragging-over.full-drop-target{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important;color:#fff!important}.dragging-over-top::before,.dragging-over-bottom::after,.dragging-over-left::before,.dragging-over-right::after{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.checkboxLabel-lockedfield-embeddedintofield{border-inline-start-color:var(--line-background)!important;border-top-width:var(--line-size)!important;border-bottom-width:var(--line-size)!important}.checkboxLabel-lockedfield{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important}.chkLockedField:checked+span{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important;background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important}.chkLockedField.emby-checkbox-tv:focus{box-shadow:0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.chkLockedField:focus-visible+span{box-shadow:0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.tabs-viewmenubar-backgroundcontainer{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 5%))}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.tabs-viewmenubar-backgroundcontainer-backdropfilter{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 20%),.5);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.tabs-viewmenubar:focus-within .emby-tab-button-active:not(:focus){background:0 0}.dockedtabs{border-top:var(--line-size) solid var(--line-background)}.dockedtabs-tab-button{background:0 0!important}.dockedtabs-tab-button.emby-tab-button:focus{color:inherit}.dockedtabs-tab-button.emby-tab-button-active{color:var(--theme-accent-text-color)!important}.searchFieldsBottomBorder{border-bottom:var(--line-size) solid var(--line-background)}.activeSession-bottomsection:nth-child(odd){background:hsla(var(--card-background-hue),var(--card-background-saturation),calc(var(--card-background-lightness) + 3%),.2)}.dataGridHeader-content-inner{background:rgba(0,0,0,.5)}.dataGridItem:nth-child(2n){background:rgba(0,0,0,.2)}@media (hover:hover) and (pointer:fine){.dataGridItem-hoverable:hover,.dataGridItem-hoverable:hover .chkItemSelectContainer{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}}.dataGridItem-focusscale:focus{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}.dataGridItem-button:focus-visible{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha))}@media all and (min-width:50em){.itemBackgroundContainer.withBackdrop{background:linear-gradient(77deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.75) 60%,rgba(0,0,0,.3) 100%)!important;opacity:1!important}[dir=rtl] .itemBackgroundContainer.withBackdrop{background:linear-gradient(283deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.75) 60%,rgba(0,0,0,.3) 100%)!important}}@media all and (orientation:landscape){.itemBackgroundContainer-brighter.withBackdrop{background:0 0!important;opacity:1!important}}@media all and (min-width:50em){.darkContentContainer-item{--background-hue:285;--background-saturation:10%;--background-lightness:7.84%;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));--button-background-hue:285;--button-background-saturation:4.2%;--button-background-lightness:40%;--button-background-alpha:.7;--button-background-blur-lightness:calc(var(--button-background-lightness) + 37%);--button-background-blur-alpha:.3;--button-blur-backdrop-filter:saturate(1.8) blur(4em);--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:17.25%;--card-background-alpha:.7;--input-background-hue:285;--input-background-saturation:4.2%;--input-background-lightness:40%;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2)}.detailMainContainer-withbackdrop{text-shadow:.14em .14em .28em rgba(0,0,0,.45)}.details-additionalContent-withbackdrop{--theme-text-color-alpha:.85}}.darkContentContainer{--background-hue:285;--background-saturation:10%;--background-lightness:7.84%;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));--button-background-hue:285;--button-background-saturation:4.2%;--button-background-lightness:40%;--button-background-alpha:.6;--button-background-blur-lightness:calc(var(--button-background-lightness) + 37%);--button-background-blur-alpha:.3;--button-blur-backdrop-filter:saturate(1.8) blur(4em);--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:17.25%;--card-background-alpha:.7;--input-background-hue:285;--input-background-saturation:4.2%;--input-background-lightness:40%;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2)}.darkContentContainer-tv{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.graphicContentContainer{--theme-text-color-alpha:1;--theme-secondary-text-color-alpha:.7;--button-background-hue:0;--button-background-saturation:0%;--button-background-lightness:15%;--button-background-alpha:.6;--input-background-hue:0;--input-background-saturation:0%;--input-background-lightness:15%;--slider-lower-opacity:1}.detailTrackSelect{border-color:transparent}.lyricsScroller{--theme-secondary-text-color-alpha:.3} \ No newline at end of file diff --git a/modules/themes/light/theme.css b/modules/themes/light/theme.css index dc89626..f8411ee 100644 --- a/modules/themes/light/theme.css +++ b/modules/themes/light/theme.css @@ -1,942 +1 @@ -:root { - --background-hue: 0; - --background-saturation: 0%; - --background-lightness: 100%; - --theme-primary-color-hue: 116; - --theme-primary-color-saturation: 41.7%; - --theme-primary-color-lightness: 50.2%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 0%; - --theme-text-color-alpha: 1; - --theme-secondary-text-color-alpha: .6; - --theme-accent-text-color-lightbg: green; - --theme-accent-text-color-darkbg: #6ccf65; - --theme-accent-text-color: var(--theme-accent-text-color-lightbg); - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --button-background-hue: 240; - --button-background-saturation: 23.81%; - --button-background-lightness: 93.88%; - --button-background-alpha: .7; - --button-background-blur-lightness: var(--button-background-lightness); - --button-background-blur-alpha: var(--button-background-alpha); - --button-blur-backdrop-filter: none; - --card-background-hue: 240; - --card-background-saturation: 14.29%; - --card-background-lightness: 96.25%; - --card-background-alpha: .7; - --header-background: var(--theme-background); - --header-blur-background: hsla(var(--background-hue), var(--background-saturation), var(--background-lightness), .72); - --footer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 2.8%)); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .15); - --line-size: .08em; - --drawer-background: #f2f2f7; - --docked-drawer-background: hsla(240, 23.81%, 79%, .2); - --epg-channel-color: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 13%)); - --epg-program-color: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 5%)); - --dialog-border-width: 0; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 17.25%; - --focus-blur-background-lightness: 17.25%; - --focus-text-color-lightness: 100%; - --slider-lower-opacity: .7; -} - -@media (pointer:fine) { - :not(.layout-tv):root { - --theme-text-color-alpha: .95; - --dialog-border-width: var(--line-size); - } -} - -.layout-tv:root { - --theme-text-color-alpha: .85; - --header-background: transparent; - --header-blur-background: transparent; -} - -.dialog { - --header-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 10%)); - --footer-background: var(--header-background); - border: var(--dialog-border-width) solid var(--line-background); - box-shadow: inset 0 0 0 .07em rgba(255,255,255,.2),0 .56em 2.8em rgba(0,0,0,.25); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .dialog-blur { - color: #000; - --theme-background: hsla(var(--background-hue), var(--background-saturation), var(--background-lightness), .76); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - box-shadow: none!important; - } -} - -html { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - scrollbar-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.4) transparent; -} - -.emby-collapsible-button { - border-color: var(--line-background)!important; -} - -.skinHeader-withBackground.headroom-scrolling { - background: var(--header-background); -} - -.appfooter { - background: var(--footer-background); - border-top: var(--line-size) solid var(--line-background); - bottom: calc(-1 * var(--line-size))!important; -} - -.formDialogHeader:not(.formDialogHeader-clear),.formDialogFooter:not(.formDialogFooter-clear) { - background: var(--header-background); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .skinHeader-withBackground.skinHeader-withbackdropfilter.headroom-scrolling:not(.semiTransparent) { - background: var(--header-blur-background); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } - - .appfooter-withbackdropfilter { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 4.6%),.72); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } -} - -.headerNowPlaying { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 5%),.7); -} - -.skinHeader.semiTransparent { - -webkit-backdrop-filter: none!important; - backdrop-filter: none!important; - background-color: transparent; - background: 0 0; - box-shadow: none!important; - border-bottom: 0; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-text-color-lightness: 0%; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - padding-bottom: 10em; -} - -.skinHeader.semiTransparent::before { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - inset-inline-start: 0; - inset-inline-end: 0; - transition: opacity .3s ease-out; - content: " "; - opacity: 0; - background-color: rgba(0,0,0,.3); - background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0)); -} - -.semiTransparent.headroom-scrolling { - text-shadow: none; -} - -.semiTransparent.headroom-scrolling::before { - opacity: 1; -} - -.pageTitleWithDefaultLogo { - background-image: url(../logodark.png); -} - -html,.dialog,.backgroundContainer { - background-color: var(--theme-background); -} - -.backgroundContainer.withBackdrop { - background-color: rgba(255,255,255,.8); -} - -@media not all and (min-width:50em) { - .itemBackgroundContainer-preventbackdrop.withBackdrop { - background-color: var(--theme-background); - } -} - -.paper-icon-button-light:active { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); -} - -.icon-button-focusscale:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.paper-icon-button-light:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.raised,.fab { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - box-shadow: 0 .06933em .06933em 0 rgb(0 0 0 / 14%),0 .13866em .06933em -.06933em rgb(0 0 0 / 12%),0 .06933em .208em 0 rgb(0 0 0 / 20%); -} - -.raised:active,.fab:active { - background: hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) - 10%),var(--button-background-alpha)); -} - -.emby-select,.emby-multilineselect { - color: inherit; - background: #fff; - border: var(--line-size) solid var(--line-background); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .raised-backdropfilter,.fab-backdropfilter,.emby-select-backdropfilter.detailTrackSelect { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-blur-lightness),var(--button-background-blur-alpha)); - -webkit-backdrop-filter: var(--button-blur-backdrop-filter); - backdrop-filter: var(--button-blur-backdrop-filter); - } -} - -.filter-active { - background: #03a9f4!important; - color: #fff!important; -} - -.button-submit { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); - color: #fff; -} - -@media not all and (min-width:50em) { - .detailButton-primary { - background: #2c2c2c; - color: #fff; - -webkit-backdrop-filter: none!important; - backdrop-filter: none!important; - } -} - -.emby-select>option { - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - background: hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness)); -} - -.emby-select:focus { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.emby-select-tv:focus { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.selectLabelFocused,.inputLabelFocused { - color: var(--theme-accent-text-color); -} - -.emby-textarea-label:focus-within>.emby-textarea-labeltext,.sliderLabel:focus-within>.sliderLabelText { - color: var(--theme-accent-text-color); -} - -.button-link { - color: var(--theme-accent-text-color); -} - -.button-link-color-inherit { - color: inherit; -} - -.paperList,.visualCardBox { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.listItems-border { - border: var(--line-size) solid var(--line-background); -} - -.collapseContent { - border: var(--line-size) solid var(--line-background); -} - -.listItemBodyText-secondary,.secondaryText,.fieldDescription,.cardText-secondary { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.cardText-first { - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.actionsheetDivider { - background: var(--line-background); -} - -.selectionCommandsPanel { - background: hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 10%)); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.upNextDialog-countdownText { - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.alphaPickerButton { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - background-color: transparent; -} - -.alphaPickerButton-tv:focus { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.listItem-border { - border-color: var(--line-background)!important; -} - -@media (hover:hover) and (pointer:fine) { - .listItem-hoverable:hover,.listItem-hoverable:hover .chkListItemSelectContainer { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); - } -} - -.listItem-tv:focus { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.nocssvars .listItem-tv:focus .listItemBodyText-secondary { - color: inherit; -} - -.listItem-button:focus-visible { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -@supports (color:var(--fake-var)) { - .listItem-tv:focus { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } - - .listItem-button:focus-visible { - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - } -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .listItem-tv-bf:focus { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-blur-background-lightness),.7); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } - - .listItem-button-bf:focus-visible { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-blur-background-lightness),.7); - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } -} - -.progressring-spiner { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.mediaInfoText { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); -} - -.starIcon { - color: #cb272a; -} - -.mediaInfoTimerIcon { - color: #cb272a; -} - -.emby-input,.emby-textarea { - color: inherit; - background: #fff; - border: var(--line-size) solid var(--line-background); -} - -.emby-input:focus,.emby-textarea:focus { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-checkbox+.checkboxLabel::before { - border-color: currentcolor; -} - -.chkCardSelect+.checkboxLabel::before { - border-color: transparent; - background: rgba(255,255,255,.4); -} - -.chkItemSelect-selecthint+.checkboxLabel::before { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%)); - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%)); -} - -.emby-checkbox:checked+.checkboxLabel::before { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-checkbox-tv:focus+.checkboxLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.emby-checkbox:focus-visible+.checkboxLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.mdl-radio__inner-circle { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-radio:focus-visible+.radioButtonLabel { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: var(--theme-accent-text-color); -} - -.itemProgressBar { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3); -} - -.itemProgressBarForeground { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.itemProgressBarForeground-recording { - background-color: #cb272a; -} - -.countIndicator { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.playedIndicator { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.mainDrawer { - background: var(--drawer-background); -} - -.drawer-docked { - background: var(--docked-drawer-background); - -webkit-border-end: var(--line-size) solid var(--line-background); - border-inline-end: var(--line-size) solid var(--line-background); -} - -.navMenuOption-selected { - background-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)!important; - color: var(--theme-accent-text-color); -} - -.emby-button-tv:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.button-link:focus-visible { - background: 0 0; -} - -.button-link.emby-button-focusscale:focus { - background: 0 0; -} - -.button-link:focus-visible::before { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); -} - -.button-link.emby-button-focusscale:focus::before { - background: hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9); -} - -.firstChannelCell-withscroll { - background: var(--theme-background)!important; -} - -.channelCell { - border-color: var(--theme-background); -} - -.channelCellInner { - background-color: var(--epg-channel-color); -} - -.programCellInner { - background: var(--epg-program-color); -} - -.programCellInner-sports { - background: rgba(61,130,146,.5); -} - -.programCellInner-movie { - background: rgba(137,96,172,.5); -} - -.programCellInner-kids { - background: rgba(115,176,205,.5); -} - -.programCellInner-news { - background: rgba(151,176,127,.5); -} - -.guide-currentTimeIndicatorDot { - border-inline-end-color: hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2); - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.channelCell-tv:focus>.channelCellInner,.programCell-tv:focus>.programCellInner { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.channelCell:focus-visible>.channelCellInner,.programCell:focus-visible>.programCellInner { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.guide-programTextIcon { - color: #1e1e1e; - background: hsl(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) - 23.5%)); -} - -.infoBanner { - background: hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness)); -} - -.warningBanner { - background: rgba(255,69,0,.1); - color: #ff4500; -} - -.ratingbutton-icon-withrating { - color: #c33; -} - -.downloadbutton-icon-on { - color: #4285f4; -} - -.downloadbutton-icon-complete { - color: #4285f4; -} - -.playstatebutton-icon-played { - color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.toggleButtonIcon-active { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5); - color: #fff; -} - -.cardContent-outlinefocus { - outline-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.card:focus .cardContent-bxsborder { - box-shadow: 0 0 0 .27em hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))!important; -} - -.card:focus-visible .cardContent-bxsborder-fv { - box-shadow: 0 0 0 .27em hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))!important; -} - -.card:focus .cardBox-sideFooter-f { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.card:focus-visible .cardBox-sideFooter { - background-color: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important; -} - -.cardContent-button { - background-color: transparent; -} - -.cardContent-shadow { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); - box-shadow: 0 .278em .975em rgba(0,0,0,.1); -} - -.cardContent-shadow::after { - display: block; - content: ""; - width: 100%; - height: 0; - max-width: 100%; - max-height: 100%; - position: absolute; - top: 0; - min-width: 100%; - min-height: 100%; - z-index: 2; - box-shadow: inset 0 0 0 .0695em rgb(128 128 128 / 10%); -} - -.card-focustransform:focus .cardContent-shadow { - box-shadow: 0 .278em .975em rgba(0,0,0,.5); -} - -.defaultCardBackground0 { - background-color: hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha)); -} - -.cardImageContainer-sideFooter { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.04); -} - -.cardOverlayButtonIcon,.listItemOverlayButtonIcon { - background-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -::-webkit-scrollbar-track-piece { - background-color: transparent; -} - -::-webkit-scrollbar-thumb { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5); -} - -.emby-slider-background { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3); -} - -.emby-slider { - color: inherit; -} - -.emby-slider-thumb { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),1); -} - -.emby-slider-background-upper { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.35); -} - -.emby-slider-background-upper-accent { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.emby-slider-background-lower { - background: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--slider-lower-opacity)); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .emby-slider-background-backdropfilter { - -webkit-backdrop-filter: saturate(1.8) blur(4em); - backdrop-filter: saturate(1.8) blur(4em); - } -} - -.scrollbuttoncontainer { - color: #fff; - background: rgba(20,20,20,.5); -} - -.recordingIcon-active { - color: #c33!important; -} - -.textActionButton.dragging { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important; -} - -.dragging-over.full-drop-target { - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - color: #fff!important; -} - -.dragging-over-top::before,.dragging-over-bottom::after,.dragging-over-left::before,.dragging-over-right::after { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.checkboxLabel-lockedfield-embeddedintofield { - border-inline-start-color: var(--line-background)!important; - border-top-width: var(--line-size)!important; - border-bottom-width: var(--line-size)!important; -} - -.checkboxLabel-lockedfield { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important; -} - -.chkLockedField:checked+span { - border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; - background: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important; -} - -.chkLockedField.emby-checkbox-tv:focus { - box-shadow: 0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.chkLockedField:focus-visible+span { - box-shadow: 0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)); -} - -.tabs-viewmenubar-backgroundcontainer { - background: hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha)); -} - -@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .tabs-viewmenubar-backgroundcontainer-backdropfilter { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 20%),.5); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em); - } -} - -.emby-tab-button { - --theme-text-color-alpha: var(--theme-secondary-text-color-alpha); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-tab-button-active { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 82%),.5); - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.tabs-viewmenubar:focus-within .emby-tab-button-active:not(:focus) { - background: 0 0; - color: inherit; -} - -.emby-tab-button:focus { - background: hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 82%),.5); - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); -} - -.emby-tab-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.emby-tab-button.emby-button-tv:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); -} - -.dockedtabs-tab-button { - background: 0 0!important; -} - -.dockedtabs-tab-button.emby-tab-button:focus { - color: inherit; -} - -.dockedtabs-tab-button.emby-tab-button-active { - color: var(--theme-accent-text-color)!important; -} - -.searchTabsContainer { - border-bottom: var(--line-size) solid var(--line-background); -} - -.activeSession-bottomsection:nth-child(odd) { - background: hsla(var(--card-background-hue),var(--card-background-saturation),calc(var(--card-background-lightness) - 5%),.5); -} - -.dataGridHeader-content-inner { - background: hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 13%)); -} - -.dataGridItem:nth-child(even) { - background: hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 5%)); -} - -@media (hover:hover) and (pointer:fine) { - .dataGridItem-hoverable:hover,.dataGridItem-hoverable:hover .chkItemSelectContainer { - background-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2); - } -} - -.dataGridItem-focusscale:focus { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -.dataGridItem-button:focus-visible { - background: hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness)); - --theme-text-color-lightness: var(--focus-text-color-lightness); - --theme-text-color-alpha: 1; - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),0%,var(--theme-text-color-alpha)); -} - -@media all and (min-width:50em) { - .itemBackgroundContainer.withBackdrop { - background: linear-gradient(77deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)!important; - opacity: 1!important; - } - - [dir=rtl] .itemBackgroundContainer.withBackdrop { - background: linear-gradient(283deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)!important; - } -} - -@media all and (orientation:landscape) { - .itemBackgroundContainer-brighter.withBackdrop { - background: linear-gradient(77deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)!important; - opacity: 1!important; - } - - [dir=rtl] .itemBackgroundContainer-brighter.withBackdrop { - background: linear-gradient(283deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)!important; - } -} - -@media all and (min-width:50em) { - .darkContentContainer-item { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - --button-background-hue: 285; - --button-background-saturation: 4.2%; - --button-background-lightness: 40%; - --button-background-alpha: .7; - --button-background-blur-lightness: calc(var(--button-background-lightness) + 37%); - --button-background-blur-alpha: .3; - --button-blur-backdrop-filter: saturate(1.8) blur(4em); - --card-background-hue: 0; - --card-background-saturation: 0%; - --card-background-lightness: 17.25%; - --card-background-alpha: .7; - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); - } - - .detailMainContainer-withbackdrop { - text-shadow: .14em .14em .28em rgba(0,0,0,.45); - } - - .detailMainContainer-withbackdrop .listItem-tv:focus { - --theme-text-color-lightness: 0%; - } - - .detailMainContainer-withbackdrop .listItem-button:focus-visible { - --theme-text-color-lightness: 0%; - } - - .details-additionalContent-withbackdrop { - --theme-text-color-alpha: .85; - } -} - -.darkContentContainer { - --background-hue: 285; - --background-saturation: 10%; - --background-lightness: 7.84%; - --focus-background-hue: 0; - --focus-background-saturation: 0%; - --focus-background-lightness: 100%; - --focus-blur-background-lightness: 100%; - --focus-text-color-lightness: 0%; - --theme-text-color-hue: 0; - --theme-text-color-saturation: 0%; - --theme-text-color-lightness: 100%; - --theme-text-color-alpha: 1; - --theme-accent-text-color: var(--theme-accent-text-color-darkbg); - --line-background: hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14); - color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha)); - --button-background-hue: 285; - --button-background-saturation: 4.2%; - --button-background-lightness: 40%; - --button-background-alpha: .7; - --button-background-blur-lightness: calc(var(--button-background-lightness) + 37%); - --button-background-blur-alpha: .3; - --button-blur-backdrop-filter: saturate(1.8) blur(4em); - --card-background-hue: 0; - --card-background-saturation: 0%; - --card-background-lightness: 17.25%; - --card-background-alpha: .7; - --theme-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); - --drawer-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%)); - --docked-drawer-background: hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2); -} - -.graphicContentContainer { - --theme-secondary-text-color-alpha: .7; - --button-background-hue: 0; - --button-background-saturation: 0%; - --button-background-lightness: 15%; - --button-background-alpha: .7; - --slider-lower-opacity: 1; -} - -.detailTrackSelect { - border-color: transparent; -} - -.lyricsScroller { - --theme-secondary-text-color-alpha: .3; -} +:root{--background-hue:0;--background-saturation:0%;--background-lightness:100%;--theme-primary-color-hue:116;--theme-primary-color-saturation:41.7%;--theme-primary-color-lightness:50.2%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:0%;--theme-text-color-alpha:1;--theme-secondary-text-color-alpha:.6;--theme-accent-text-color-lightbg:green;--theme-accent-text-color-darkbg:#6ccf65;--theme-accent-text-color:var(--theme-accent-text-color-lightbg);--button-background-hue:240;--button-background-saturation:23.81%;--button-background-lightness:93.88%;--button-background-alpha:.7;--button-background-blur-lightness:var(--button-background-lightness);--button-background-blur-alpha:var(--button-background-alpha);--button-blur-backdrop-filter:none;--card-background-hue:240;--card-background-saturation:14.29%;--card-background-lightness:96.25%;--card-background-alpha:.7;--input-background-hue:0;--input-background-saturation:0%;--input-background-lightness:100%;--header-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 3%));--header-blur-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 4.2%), .72);--footer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 3%));--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .15);--line-size:.08em;--drawer-background:#f2f2f7;--docked-drawer-background:hsla(0, 0%, 56%, .2);--dialog-border-width:0;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:13.33%;--focus-blur-background-lightness:13.33%;--focus-text-color-lightness:100%;--slider-lower-opacity:.7}@media (pointer:fine){:not(.layout-tv):root{--theme-text-color-alpha:.87;--dialog-border-width:var(--line-size)}}.layout-tv:root{--theme-text-color-alpha:.87;--header-background:transparent;--header-blur-background:transparent}.dialog{--header-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) - 10%));--footer-background:var(--header-background);background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness));border:var(--dialog-border-width) solid var(--line-background);box-shadow:inset 0 0 0 .07em rgba(255,255,255,.2),0 .56em 2.8em rgba(0,0,0,.25)}.mainDrawer{background:var(--drawer-background)}.drawer-docked{background:var(--docked-drawer-background);-webkit-border-end:var(--line-size) solid var(--line-background);border-inline-end:var(--line-size) solid var(--line-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.dialog-blur,.drawer-open-backdropfilter:not(.drawer-docked){background-color:hsla(var(--background-hue),var(--background-saturation),var(--background-lightness),.76);-webkit-backdrop-filter:saturate(1.8) blur(4em);backdrop-filter:saturate(1.8) blur(4em)}}html{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));scrollbar-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.4) transparent}.emby-collapsible-button-collapsed::after{background:var(--line-background)}.skinHeader-withBackground.headroom-scrolling{background:var(--header-background)}.appfooter{background:var(--footer-background)}.formDialogHeader:not(.formDialogHeader-clear),.formDialogFooter:not(.formDialogFooter-clear){background:var(--header-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.skinHeader-withBackground.skinHeader-withbackdropfilter.headroom-scrolling:not(.semiTransparent){background:var(--header-blur-background);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}.appfooter-withbackdropfilter{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 4.2%),.72);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.headerNowPlaying{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 5%),.7)}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:transparent;background:0 0;box-shadow:none!important;border-bottom:0;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-text-color-lightness:0%;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.appHeader-tv.semiTransparent{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.skinHeader.semiTransparent::before{position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;transition:opacity .3s ease-out;content:" ";opacity:0;background-color:rgba(0,0,0,.3);background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));z-index:-1}.semiTransparent.headroom-scrolling{text-shadow:none}.semiTransparent.headroom-scrolling::before{opacity:1}.pageTitleWithDefaultLogo{background-image:url(../logodark.png)}html,.backgroundContainer{background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))}.backgroundContainer.withBackdrop{background-color:rgba(255,255,255,.8)}@media not all and (min-width:50em){.itemBackgroundContainer-preventbackdrop.withBackdrop{background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))}}.paper-icon-button-light:active{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}.paper-icon-button-light-tv:focus{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.paper-icon-button-light:focus-visible{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.raised,.fab{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha));color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));box-shadow:0 .06933em .06933em 0 rgb(0 0 0 / 14%),0 .13866em .06933em -.06933em rgb(0 0 0 / 12%),0 .06933em .208em 0 rgb(0 0 0 / 20%)}.raised:active,.fab:active{background:hsla(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) - 10%),var(--button-background-alpha))}.emby-select,.emby-multilineselect{color:inherit;background:hsla(var(--input-background-hue),var(--input-background-saturation),var(--input-background-lightness),var(--button-background-alpha));border:var(--line-size) solid var(--line-background)}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.raised-backdropfilter,.fab-backdropfilter,.emby-select-backdropfilter.detailTrackSelect{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-blur-lightness),var(--button-background-blur-alpha));-webkit-backdrop-filter:var(--button-blur-backdrop-filter);backdrop-filter:var(--button-blur-backdrop-filter)}}.filter-active{background:#03a9f4!important;color:#fff!important}.button-submit{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness));color:#fff}@media not all and (min-width:50em){.detailButton-primary{background:#2c2c2c;color:#fff;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.emby-select>option{--theme-text-color-alpha:1;--theme-text-color-lightness:0%;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));background:hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness))}.emby-select:focus-visible{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important}.emby-select-tv:focus{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important;background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)!important;--theme-text-color-lightness:var(--focus-text-color-lightness)!important;--theme-text-color-alpha:1!important;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important}.emby-select-tv:focus~.emby-select-selectedNameContainer{--theme-text-color-lightness:var(--focus-text-color-lightness)!important;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important}.emby-select-tv:focus~.selectArrowContainer{--theme-text-color-lightness:var(--focus-text-color-lightness)!important;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important}.emby-textarea-label:focus-within>.emby-textarea-labeltext,.selectLabel:focus-within>.selectLabelText,.inputLabelFocused{color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.sliderLabel:focus-within>.sliderLabelText{color:var(--theme-accent-text-color)}.emby-collapse-expandIcon,.accentText{color:var(--theme-accent-text-color)}.button-link{color:var(--theme-accent-text-color)}.button-link-color-inherit{color:inherit}.paperList,.visualCardBox{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.listItems-border{border:var(--line-size) solid var(--line-background)}.collapseContent{border:var(--line-size) solid var(--line-background)}.secondaryText,.fieldDescription,.cardText-secondary{--theme-text-color-alpha:var(--theme-secondary-text-color-alpha);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.cardText-first{--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.layout-tv .cardText-first{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.actionsheetDivider{background:var(--line-background)}.selectionCommandsPanel{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 15%));--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.upNextDialog-countdownText{color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.navMenuOption-selected .listItem-content{color:var(--theme-accent-text-color)}.navMenuOption-selected .listItem-content::before{background-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)}.listItem-border::after{background:var(--line-background)}@media (hover:hover) and (pointer:fine){.listItem-hoverable:hover .listItem-content-bg{background-color:transparent}.listItem-hoverable:hover .listItem-content-bg::before{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}}.listItem-tv:focus .listItem-content-bg{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.listItem-button:focus-visible .listItem-content-bg{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}@supports (color:var(--fake-var)){.listItem-tv:focus .listItem-content-bg{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.listItem-button:focus-visible .listItem-content-bg{color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}}.listItem-tv:focus .listItem-content-fb::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.7)}.progressring-spiner{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.mediaInfoText{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))}.starIcon{color:#cb272a}.mediaInfoTimerIcon{color:#cb272a}.emby-input,.emby-textarea{color:inherit;background:hsla(var(--input-background-hue),var(--input-background-saturation),var(--input-background-lightness),var(--button-background-alpha));border:var(--line-size) solid var(--line-background)}.emby-input:focus-visible,.emby-textarea:focus-visible{border-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.emby-input-tv:focus,.emby-textarea-tv:focus{border-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.emby-checkbox+.checkboxLabel::before{border-color:currentcolor}.chkCardSelect+.checkboxLabel::before{border-color:transparent;background:rgba(255,255,255,.4)}.chkItemSelect-selecthint+.checkboxLabel::before{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%));background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),calc(var(--theme-primary-color-lightness) - 5%))}.emby-checkbox:checked+.checkboxLabel::before{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness));background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-checkbox-focusoutline{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.2)}.emby-checkbox:checked+.checkboxLabel+.emby-checkbox-focusoutline{background:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2)}.mdl-radio__inner-circle{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-radio:focus-visible+.radioButtonLabel{background-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2);color:var(--theme-accent-text-color)}.itemProgressBar{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3)}.itemProgressBarForeground{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.itemProgressBarForeground-recording{background-color:#cb272a}.countIndicator{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.playedIndicator{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-tab-button-active{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 82%),.5);--theme-text-color-lightness:100%;--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.emby-tab-button-active.videoosd-tab-button{background:0 0}.emby-tab-button-active.videoosd-tab-button::before{background:#666}.emby-button:focus-visible{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.emby-button-tv:focus{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9);--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.button-link:focus-visible{background:0 0}.button-link.emby-button-tv:focus{background:0 0;box-shadow:none}.button-link:focus-visible::before{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)}.button-link.emby-button-tv:focus::before{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.9)}@supports (-webkit-mask-composite:xor){.emby-button-outline:focus::after,.emby-button-outline.fab:focus::after,.emby-button-outline.paper-icon-button-light:focus::after{background:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.4)}}.firstChannelCell-withscroll{background:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))!important}.epgCellInner{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 18%),.5)}.channelCellInner{background-color:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 9%),1)}.programCellInner-sports{background:rgba(61,130,146,.5)}.programCellInner-movie{background:rgba(137,96,172,.5)}.programCellInner-kids{background:rgba(115,176,205,.5)}.programCellInner-news{background:rgba(151,176,127,.5)}.guide-currentTimeIndicatorDot{border-inline-end-color:hsla(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness),.2);color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.epgRow-tv:focus-within .epgCellInner{--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 60%),.5)}.channelCell-tv:focus>.channelCellInner,.programCell-tv:focus>.programCellInner{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.channelCell:focus-visible>.channelCellInner,.programCell:focus-visible>.programCellInner{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.guide-programTextIcon{color:#1e1e1e;background:hsl(var(--button-background-hue),var(--button-background-saturation),calc(var(--button-background-lightness) - 23.5%))}.infoBanner{background:hsl(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness))}.warningBanner{background:rgba(255,69,0,.1);color:#ff4500}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-on{color:#4285f4}.downloadbutton-icon-complete{color:#4285f4}.playstatebutton-icon-played{color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important}.toggleButtonIcon-active{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5);color:#fff}.card:focus .cardBox-sideFooter-f{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important}.card:focus-visible .cardBox-sideFooter{background-color:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))!important}.card:focus .cardContent-bxsborder::before,.sideFooterCard:focus .cardBox-sideFooter-f::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important}.card:focus:focus-visible .cardContent-bxsborder-fv::before{border-color:hsla(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness),.8)!important}.cardContent-button{background-color:transparent}.cardContent-shadow{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha));box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.card-focustransform:focus .cardContent-shadow{box-shadow:0 .278em .975em rgba(0,0,0,.5)}.defaultCardBackground{background-color:hsla(var(--card-background-hue),var(--card-background-saturation),var(--card-background-lightness),var(--card-background-alpha))}.cardImageContainer-sideFooter{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.04)}.cardOverlayButtonIcon,.listItemOverlayButtonIcon{background-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.5)}.emby-slider-background{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.3)}.emby-slider{color:inherit}.emby-slider-thumb{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),1)}.emby-slider-background-upper{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.35)}.emby-slider-background-upper-accent{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.emby-slider-background-lower{background:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--slider-lower-opacity))}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.emby-slider-background-backdropfilter{-webkit-backdrop-filter:saturate(1.8) blur(4em);backdrop-filter:saturate(1.8) blur(4em)}}.scrollbuttoncontainer{color:#fff;background:rgba(20,20,20,.5)}.recordingIcon-active{color:#c33!important}.textActionButton.dragging{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important}.dragging-over.full-drop-target{background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important;color:#fff!important}.dragging-over-top::before,.dragging-over-bottom::after,.dragging-over-left::before,.dragging-over-right::after{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness))}.checkboxLabel-lockedfield-embeddedintofield{border-inline-start-color:var(--line-background)!important;border-top-width:var(--line-size)!important;border-bottom-width:var(--line-size)!important}.checkboxLabel-lockedfield{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))!important}.chkLockedField:checked+span{border-color:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important;background:hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))!important}.chkLockedField.emby-checkbox-tv:focus{box-shadow:0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.chkLockedField:focus-visible+span{box-shadow:0 0 0 .12em hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness))}.tabs-viewmenubar-backgroundcontainer{background:hsla(var(--button-background-hue),var(--button-background-saturation),var(--button-background-lightness),var(--button-background-alpha))}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.tabs-viewmenubar-backgroundcontainer-backdropfilter{background:hsla(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 20%),.5);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.tabs-viewmenubar:focus-within .emby-tab-button-active:not(:focus){background:0 0;color:inherit}.dockedtabs{border-top:var(--line-size) solid var(--line-background)}.dockedtabs-tab-button{background:0 0!important}.dockedtabs-tab-button.emby-tab-button:focus{color:inherit}.dockedtabs-tab-button.emby-tab-button-active{color:var(--theme-accent-text-color)!important}.searchFieldsBottomBorder{border-bottom:var(--line-size) solid var(--line-background)}.activeSession-bottomsection:nth-child(odd){background:hsla(var(--card-background-hue),var(--card-background-saturation),calc(var(--card-background-lightness) - 5%),.5)}.dataGridHeader-content-inner{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 7%))}.dataGridItem:nth-child(2n){background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) - 7%))}@media (hover:hover) and (pointer:fine){.dataGridItem-hoverable:hover,.dataGridItem-hoverable:hover .chkItemSelectContainer{background-color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.2)}}.dataGridItem-focusscale:focus{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.dataGridItem-button:focus-visible{background:hsl(var(--focus-background-hue),var(--focus-background-saturation),var(--focus-background-lightness));--theme-text-color-lightness:var(--focus-text-color-lightness);--theme-text-color-alpha:1;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}@media all and (min-width:50em){.itemBackgroundContainer.withBackdrop{background:linear-gradient(77deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.75) 60%,rgba(0,0,0,.3) 100%)!important;opacity:1!important}[dir=rtl] .itemBackgroundContainer.withBackdrop{background:linear-gradient(283deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.75) 60%,rgba(0,0,0,.3) 100%)!important}}@media all and (orientation:landscape){.itemBackgroundContainer-brighter.withBackdrop{background:0 0!important;opacity:1!important}}@media all and (min-width:50em){.darkContentContainer-item{--background-hue:285;--background-saturation:10%;--background-lightness:7.84%;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));--button-background-hue:285;--button-background-saturation:4.2%;--button-background-lightness:40%;--button-background-alpha:.7;--button-background-blur-lightness:calc(var(--button-background-lightness) + 37%);--button-background-blur-alpha:.3;--button-blur-backdrop-filter:saturate(1.8) blur(4em);--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:17.25%;--card-background-alpha:.7;--input-background-hue:285;--input-background-saturation:4.2%;--input-background-lightness:40%;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2)}.detailMainContainer-withbackdrop{text-shadow:.14em .14em .28em rgba(0,0,0,.45)}.details-additionalContent-withbackdrop{--theme-text-color-alpha:.85}}.darkContentContainer{--background-hue:285;--background-saturation:10%;--background-lightness:7.84%;--focus-background-hue:0;--focus-background-saturation:0%;--focus-background-lightness:100%;--focus-blur-background-lightness:100%;--focus-text-color-lightness:0%;--theme-text-color-hue:0;--theme-text-color-saturation:0%;--theme-text-color-lightness:100%;--theme-text-color-alpha:1;--theme-accent-text-color:var(--theme-accent-text-color-darkbg);--line-background:hsla(var(--theme-text-color-hue), var(--theme-text-color-saturation), var(--theme-text-color-lightness), .14);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));--button-background-hue:285;--button-background-saturation:4.2%;--button-background-lightness:40%;--button-background-alpha:.6;--button-background-blur-lightness:calc(var(--button-background-lightness) + 37%);--button-background-blur-alpha:.3;--button-blur-backdrop-filter:saturate(1.8) blur(4em);--card-background-hue:0;--card-background-saturation:0%;--card-background-lightness:17.25%;--card-background-alpha:.7;--input-background-hue:285;--input-background-saturation:4.2%;--input-background-lightness:40%;--drawer-background:hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 3.5%));--docked-drawer-background:hsla(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 18%), .2)}.darkContentContainer-tv{--theme-text-color-alpha:.87;color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha))}.graphicContentContainer{--theme-text-color-alpha:1;--theme-secondary-text-color-alpha:.7;--button-background-hue:0;--button-background-saturation:0%;--button-background-lightness:15%;--button-background-alpha:.6;--input-background-hue:0;--input-background-saturation:0%;--input-background-lightness:15%;--slider-lower-opacity:1}.detailTrackSelect{border-color:transparent}.lyricsScroller{--theme-secondary-text-color-alpha:.3} \ No newline at end of file diff --git a/modules/themes/logodark.png b/modules/themes/logodark.png index 441491f..a6c51ff 100644 Binary files a/modules/themes/logodark.png and b/modules/themes/logodark.png differ diff --git a/modules/themes/logowhite.png b/modules/themes/logowhite.png index 947aed2..7e55e04 100644 Binary files a/modules/themes/logowhite.png and b/modules/themes/logowhite.png differ