diff --git a/dashboard/dashboard.css b/dashboard/dashboard.css index a7ff4c0..660e132 100644 --- a/dashboard/dashboard.css +++ b/dashboard/dashboard.css @@ -1 +1,217 @@ -: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 +: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%; +}~ diff --git a/favicon.ico b/favicon.ico index 4d7e2ff..b44331a 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/images/icon-128x128.png b/images/icon-128x128.png index 07485dd..1ca09b5 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 c933b73..a1911fb 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 5064e53..8fd354d 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 dc9bef1..3225d54 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 d5f6168..fb5a2aa 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 ce98b9f..1f35916 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 6857dd5..2a41d19 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 e11fa11..3f815d2 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 421ca18..8c6a5c3 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 9079ee6..cfcb13f 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} \ No newline at end of file +.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} diff --git a/modules/cardbuilder/cardbuilder.js b/modules/cardbuilder/cardbuilder.js index a6de6a7..bc2664b 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}}); \ No newline at end of file +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}}); diff --git a/modules/common/usersettings/usersettingsbuilder.js b/modules/common/usersettings/usersettingsbuilder.js index f5cf222..746e932 100644 --- a/modules/common/usersettings/usersettingsbuilder.js +++ b/modules/common/usersettings/usersettingsbuilder.js @@ -1 +1,194 @@ -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;--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 +: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); + --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: .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; + --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), .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); + --epg-channel-color: #aebec3; + --epg-program-color: rgba(0, 0, 0, .1); + --header-bottom-border: .08em solid var(--line-background); + --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 { + --dialog-border-width: var(--line-size); + } +} + +.layout-tv:root { + --header-background: transparent; + --header-blur-background: transparent; + --header-bottom-border: 0; +} + +.dialog { + --theme-background: hsl(var(--background-hue), var(--background-saturation), calc(var(--background-lightness) + 10%)); + --header-background: hsl(var(--background-hue), var(--background-saturation), var(--background-lightness)); + --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 { + --background-hue: 0; + --background-saturation: 0%; + --background-lightness: 100%; + --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)); + 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 { + background-color: var(--theme-background); +} + +.backgroundContainer { + background-color: var(--theme-background); + 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: 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: 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); +} + +@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; + 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; +} diff --git a/modules/themes/black/theme.css b/modules/themes/black/theme.css index cfa3a8a..59ce7b3 100644 --- a/modules/themes/black/theme.css +++ b/modules/themes/black/theme.css @@ -1 +1,969 @@ -: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 +: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; +} diff --git a/modules/themes/dark/theme.css b/modules/themes/dark/theme.css index 3c47f9a..7cb3554 100644 --- a/modules/themes/dark/theme.css +++ b/modules/themes/dark/theme.css @@ -1 +1,989 @@ -: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 +: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; +} diff --git a/modules/themes/darkgradient/theme.css b/modules/themes/darkgradient/theme.css index a520ba0..6f8e959 100644 --- a/modules/themes/darkgradient/theme.css +++ b/modules/themes/darkgradient/theme.css @@ -1 +1,1080 @@ -: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 +: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; +} diff --git a/modules/themes/light/theme.css b/modules/themes/light/theme.css index f8411ee..dc89626 100644 --- a/modules/themes/light/theme.css +++ b/modules/themes/light/theme.css @@ -1 +1,942 @@ -: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 +: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; +} diff --git a/modules/themes/logodark.png b/modules/themes/logodark.png index a6c51ff..441491f 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 7e55e04..947aed2 100644 Binary files a/modules/themes/logowhite.png and b/modules/themes/logowhite.png differ