finality.css

@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

/* Limit Custom CSS code box size */
#txtCustomCss, #txtLocalCustomCss {
    height: 400px !important;
    max-height: 400px !important;
    overflow-y: scroll !important;
    resize: vertical !important;
}
.customCssContainer textarea {
    height: auto !important;
}

/* Round menu hover background */
.navMenuOption,
.navMenuOption:hover,
.navMenuOption-selected {
    border-radius: 2em !important;
    width: 80% !important;
    margin-left: 2em !important;
}

/* Video Playback Progress Bar */
.mdl-slider-background-lower {
    background: #dc0000 !important;
}

.iconOsdProgressInner {
  background: #f00;
  border-radius: .25em;
  height: 100%;
}

/* Edge & Chrome browser & JMP */

.slider-browser-edge{margin-left:-.16em;margin-right:-.16em;width:150%}.mdl-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#dc0000;}
/*Red Selector*/
.navMenuOption:hover {
	background: #d90000 !important;
}

.mainDrawer, .drawer-open {
  background-color: #000;
}

.navMenuOptionIcon {
  margin-right: 1em;
  margin-left: -1em;
}

.mdl-slider::-moz-range-thumb {
	background: #dc0000 !important;
}
* {
	scrollbar-width: thin;
	scrollbar-color: #d90000 #0000 !important;
}

.sliderMarker.watched {
  background-color: #dc0000f7;
}

/*Spinner*/
.mdl-spinner__layer-1,
.mdl-spinner__layer-2,
.mdl-spinner__layer-3,
.mdl-spinner__layer-4 {
    border-color: #d90000 !important;
}

.starIcon {
  margin-bottom: 0.2em;
}

.mediaInfoCriticRating {
  margin-bottom: 0.2em;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #fff #0000 !important;
}

/* Progress ring */
.progressring-spiner {
  border-color: #dc0000f7;
  border-width: .35em;
}
.progressring {
    margin: .4em;
}
.progressring-bg {
   display: none;
}

.cardBox:not(.visualCardBox) .cardPadder {
	background-color: transparent !important;
	border: 2px solid hsla(2, 59%, 11%, 1);
	border-radius: 2em;
}

.pageTitleWithDefaultLogo {
  background-image: url(https://i.imgur.com/5d4W3M2.png);
}

/* Dashboard & button colours */
.css-17c09up.Mui-selected {
  background-color: rgba(220, 0, 0, 0.2);
}

.css-17c09up.Mui-selected:hover {
  background-color: rgba(220, 0, 0, 0.28);
}

.css-1ip8vbj.Mui-selected {
  background-color: rgba(220, 0, 0, 0.2);
}

.css-1ip8vbj.Mui-selected:hover {
  background-color: rgba(220, 0, 0, 0.28);
}

.css-77wcaa .MuiAlert-icon {
	color: rgb(246, 41, 41);
}

.css-1fv02xh {
	background-color: rgba(255, 255, 255, 1);
}

.css-1fv02xh:hover {
	background-color: rgba(255, 31, 31, 0.85);
}

.css-77wcaa {
	background-color: rgba(48, 6, 6, 0.26);
}

.css-195jjve {
	background-color: rgb(52, 41, 41);
}

.css-1pjtbja {
	color: #fff;
}

.css-1jmiiw3 .MuiDataGrid-row.Mui-selected {
	background-color: rgba(220, 0, 0, 0.2);
}

.css-1jmiiw3 .MuiDataGrid-row.Mui-selected:hover {
	background-color: rgba(220, 0, 0, 0.28);
}

#dashboardPage .listItemIcon.material-icons.notifications {
	background-color: #af0a0a !important;
}

progress::-moz-progress-bar {
  background-color: rgba(220, 0, 0, 0.9);
}
progress::-webkit-progress-value {
  background-color: rgba(220, 0, 0, 0.9);
}
.taskProgressInner {
  background: rgba(220, 0, 0, 0.9) !important;
}
#divRunningTasks span {
    color: rgba(255,255,255,0.75) !important;
}

.listItemIcon:not(.listItemIcon-transparent) {
  background-color: #dc000099;
  border-radius: 100em;
  color: #fff;
  padding: .5em;
}

@media (hover: hover) and (pointer: fine) {
    .paper-icon-button-light:hover:not(:disabled) {
        color: rgba(255, 0, 0, 0.8);
        background-color: rgba(0, 164, 220, 0.2);
    }
}

@media (hover: hover) and (pointer: fine) {
    .paper-icon-button-light:hover:not(:disabled) {
        color: #e10000;
        background-color: rgba(0, 164, 220, 0.2);
    }
}

.paper-icon-button-light:active:not(:disabled) {
    color: #e10000;
    background-color: rgba(0, 164, 220, 0.2);
}

.paper-icon-button-light.show-focus:focus {
    color: #e10000;
}

.emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground {
  background-color: #000;
}

.button-submit {
  background: #6e1010;
  color: #fff;
}

.button-submit:focus {
    background: #8a1313;
    color: #fff;
}

.inputLabelFocused,
.selectLabelFocused,
.textareaLabelFocused {
    color: #e10000;
}

.defaultCardBackground1 {
    background-color: #5c0000;
}

.defaultCardBackground2 {
    background-color: #e14444;
}

.defaultCardBackground3 {
    background-color: #db0000;
}

.defaultCardBackground4 {
    background-color: #5c1c1c;
}

.defaultCardBackground5 {
    background-color: #a80000;
}

.itemSelectionPanel {
    border: 1px solid #dc0000;
}

.selectionCommandsPanel {
    background: #dc0000;
    color: #fff;
}

.upNextDialog-countdownText {
    color: #dc0000;
}

.alphaPickerButton {
  color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
  margin-bottom: 0.21em;
}

.alphaPickerButton-selected {
    color: #fff;
}

.alphaPickerButton-tv:focus {
    background-color: #dc0000;
    color: #fff !important;
}

.progressring-spiner {
    border-color: #dc0000;
}

.button-flat:hover {
    color: #dc0000;
}

.button-link {
  color: #fff;
}

/*Change Intro Skip Color*/
#skipIntro .emby-button:hover,
#skipIntro .emby-button:focus {
    background-color: rgba(255, 0, 0, 0.7); /* Red color with 70% opacity */
    transform: scale(1.05);
}

.emby-input:focus,
.emby-textarea:focus {
    border-color: white;
}

.emby-select-withcolor:focus {
    border-color: #dc0000 !important;
}

.emby-select-tv-withcolor:focus {
    background-color: #dc0000 !important;
    color: #fff !important;
}

.emby-checkbox:checked + span + .checkboxOutline {
    border-color: #8a1313;
}

.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
    border-color: #7c0909;
}

.itemProgressBarForeground-recording {
    background-color: #cb272a;
}

.countIndicator,
.fullSyncIndicator,
.mediaSourceIndicator,
.playedIndicator {
    background: #dc0000;
}

.navMenuOption-selected {
    background: #dc0000 !important;
    color: #fff;
}

.emby-button.show-focus:focus {
    background: #dc0000;
    color: #fff;
}

.emby-tab-button.show-focus:focus {
    color: #dc0000;
}

.emby-tab-button:hover {
    color: #dc0000;
}

.programCell-sports {
    background: #ab3939 !important;
}

.programCell-movie {
    background: #b13535 !important;
}

.programCell-kids {
    background: #e50303 !important;
}

.programCell-news {
    background: #a04343 !important;
}

.guide-channelHeaderCell:focus,
.programCell:focus {
    background-color: #dc0000 !important;
    color: #fff !important;
}

.guide-date-tab-button.emby-tab-button-active,
.guide-date-tab-button:focus {
    color: #dc0000;
}

.downloadbutton-icon-complete,
.downloadbutton-icon-on {
    color: #f44242;
}

.buttonActive {
    color: #dc0000 !important;
}

.card:focus .cardBox.visualCardBox,
.card:focus .cardBox:not(.visualCardBox) .cardScalable {
    border-color: #dc0000 !important;
}

.itemsContainer > .card > .cardBox {
  margin-left: 0.3em !important;
  margin-right: 1.2em;
}

.metadataSidebarIcon {
    color: #dc0000;
}

.layout-tv .emby-button.detailFloatingButton:focus {
    background-color: #f2f2f2;
    color: #dc0000;
}

#dialogToc .bookplayerButtonIcon:hover {
    color: #dc0000;
}

#dialogToc .toc li a:active,
#dialogToc .toc li a:hover {
    color: #dc0000;
}

/*Make watched icon and count indicator dark and red*/
.innerCardFooter,
.countIndicator, 
.playedIndicator {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(255, 0, 0, 0.8) 100%);
  box-shadow: none;
  color: #fff;
}

.ratingbutton-icon-withrating {
    color: #f00;
}

.downloadbutton-icon-complete,
.downloadbutton-icon-on {
    color: #4285f4;
}

.playstatebutton-icon-played {
    color: #f00;
}

.buttonActive {
    color: #00a4dc !important;
}

.layout-desktop #videoOsdPage .osdRatingsText {
  opacity: 0;
}

/* --- Homepage --- */

.pageTitle {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3em;
}

.layout-desktop .pageTitle {
	margin-top: -0.1em !important;
}

/* Backdrop */
.backdropImage {
    filter: blur(0px) saturate(0%) contrast(130%) brightness(70%);
    transition: filter 0.3s;
}

.backgroundContainer.withBackdrop {
  background: linear-gradient(180deg, rgb(0% 0% 0% / 0) 0%, rgb(0% 0% 0.001% / 0.00011962890625) 6.25%, rgb(0.005% 0.003% 0.016% / 0.0019140625) 12.5%, rgb(0.023% 0.016% 0.081% / 0.00968994140625) 18.75%, rgb(0.074% 0.049% 0.257% / 0.030625) 25%, rgb(0.18% 0.12% 0.628% / 0.07476806640625) 31.25%, rgb(0.372% 0.248% 1.303% / 0.1550390625) 37.5%, rgb(0.69% 0.46% 2.414% / 0.28722900390625) 43.75%, rgb(1.176% 0.784% 4.118% / 0.49) 50%, rgb(1.663% 1.109% 5.822% / 0.69277099609375) 56.25%, rgb(1.981% 1.32% 6.932% / 0.8249609375) 62.5%, rgb(2.173% 1.449% 7.607% / 0.90523193359375) 68.75%, rgb(2.279% 1.52% 7.978% / 0.949375) 75%, rgb(2.33% 1.553% 8.154% / 0.97031005859375) 81.25%, rgb(2.348% 1.566% 8.219% / 0.9780859375) 87.5%, rgb(2.353% 1.568% 8.234% / 0.97988037109375) 93.75%, rgb(2.353% 1.569% 8.235% / 0.98) 100% );
  opacity: 1;
  filter: grayscale(100%);
}

/* Header*/
.skinHeader-withBackground {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 6.25%, rgba(0, 0, 0, 0.83) 12.5%, rgba(0, 0, 0, 0.82) 18.75%, rgba(0, 0, 0, 0.8) 25%, rgba(0, 0, 0, 0.77) 31.25%, rgba(0, 0, 0, 0.73) 37.5%, rgba(0, 0, 0, 0.69) 43.75%, rgba(0, 0, 0, 0.64) 50%, rgba(0, 0, 0, 0.58) 56.25%, rgba(0, 0, 0, 0.52) 62.5%, rgba(0, 0, 0, 0.45) 68.75%, rgba(0, 0, 0, 0.37) 75%, rgba(0, 0, 0, 0.29) 81.25%, rgba(0, 0, 0, 0.2) 87.5%, rgba(0, 0, 0, 0.1) 93.75%, rgba(0, 0, 0, 0) 100% );
}

.skinHeader.semiTransparent {
  background: transparent;
}

.emby-tab-button {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
  height: auto;
  line-height: 1.25;
  margin: 0;
  min-width: 0;
  min-width: auto;
  outline: none;
  overflow: hidden;
  padding: 1.5em 1.5em;
  position: relative;
  vertical-align: middle;
  width: auto;
  text-transform: uppercase;
}

/* move homeTab sections left */
.layout-desktop #homeTab .sections.homeSectionsContainer {
	margin-left: -2.5em;
	max-width: 129em;
        margin-top: 2em;
}

/* move scrollbuttons right */
.layout-desktop #homeTab .emby-scrollbuttons.padded-right {
	right: -4em;
	top: -0.5em;
}

/* Hide My Media text on desktop */
.layout-desktop #homeTab .section0 .sectionTitle.sectionTitle-cards.padded-left {
  display: none;
}

/* My Media Card size */

.layout-desktop #indexPage .verticalSection.section0 .card.overflowBackdropCard.card-hoverable.card-withuserdata {
	width: 23.4em;
	padding-bottom: 1.5em;
}

/* My Media (small) */
#indexPage .raised {
	background: #000000d9;
	border: 2px solid white;
	border-radius: 0.5em;
}

.layout-desktop #indexPage .raised:hover {
	background: #000000c9;
	border: 2px solid white;
	border-radius: 0.5em;
}

.layout-desktop #indexPage .homeLibraryButton {
  min-width: 13.65em;
  margin-top: 0.5em !important;
  margin-right: 1.46em !important;
  margin-bottom: 0.5em !important;
  margin-left: 0.5em !important;
}

.layout-desktop .verticalSection.section0.emby-scroller-container .emby-scrollbuttons.padded-right {
	top: -3em !important;
}

.layout-desktop #indexPage .card.overflowBackdropCard.card-hoverable.card-withuserdata,
.card.overflowSquareCard.card-hoverable {
	width: 15.6em;
}

.layout-desktop #homeTab .homeLibraryText {
	font-family: inherit;
	font-size: 1.1em;
	font-weight: 500 !important;
	text-transform: uppercase;
}

.layout-desktop #homeTab .homeLibraryText:hover {
	color: #f00;
	transition: color 30s;
}

.layout-desktop #homeTab .raised.homeLibraryButton.emby-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 0.25em !important;
  margin-right: 1.20666em !important;
  min-width: 14.15em !important;
}

.layout-desktop #homeTab .homeLibraryIcon {
  display: none;
}

/* Hide My Media text under cards */
.verticalSection.section0 .textActionButton {
  display: none;
}

/*Vertical card size on homeTab */
.layout-desktop #homeTab .card.overflowPortraitCard.card-hoverable.card-withuserdata {
  width: 15.6em;
}

/*Square card size on homeTab */
.overflowSquareCard {
    width: 12.05em;
}


.layout-desktop #homeTab .cardImageContainer.cardContent.itemAction.lazy.blurhashed.lazy-image-fadein-fast,
.layout-desktop #homeTab .cardImageContainer.coveredImage.cardContent.itemAction.lazy.non-blurhashable.lazy-image-fadein-fast,
.layout-desktop #moviesPage .cardImageContainer.coveredImage.cardContent.itemAction.lazy.blurhashed.lazy-image-fadein-fast,
.layout-desktop #moviesPage .cardOverlayContainer.itemAction,
.layout-desktop #tvRecommendedPage .cardImageContainer.coveredImage.cardContent.itemAction.lazy.blurhashed.lazy-image-fadein-fast,
.layout-desktop #favoritesTab .cardImageContainer.coveredImage.cardContent.itemAction.lazy.non-blurhashable.lazy-image-fadein-fast,
.layout-desktop #tvRecommendedPage .cardOverlayContainer.itemAction,
.layout-desktop #tvRecommendedPage .cardImageContainer.cardContent.itemAction.lazy.blurhashed.lazy-image-fadein-fast,
.layout-desktop #studiosTab .cardImageContainer.defaultCardBackground {
	border-radius: 0.5em;
}

/* Reduce space between My Media cards and Next Up */
.layout-desktop .sectionTitleContainer-cards {
  margin-top: -1.5em;
  margin-bottom: -0.3em;
}

/* Position chevron */
.sectionTitleTextButton > .material-icons {
  font-size: 1.5em;
  margin-bottom: .2em;
  margin-left: 0.2em;
}

/* Adjust alignment for the cards within the Continue Watching section */
.layout-desktop #homeTab .section1.verticalSection .itemsContainer .card.overflowBackdropCard {
    width: 31.35em !important;
    margin-top: 0em;
}

.layout-desktop #homeTab .sectionTitle.sectionTitle-cards {
	font-size: 1em;
	font-family: inherit;
	text-transform: uppercase;
	font-weight: 500 !important;
	margin-left: 0.3em;
}

/* Apply progress bar gradient */
.itemProgressBarForeground {
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
}

.layout-desktop .itemProgressBar {
  background: #000;
  height: 0.4em;
  position: relative;
  
}

.playbackProgress {
	color: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
	background-color: #000 !important;
	z-index: 1000;
}

/* hide Live TV text */
.sectionTitleContainer.sectionTitleContainer-cards.padded-left > .sectionTitle.sectionTitle-cards {
    display: none;
}

/* hide Live TV shortcuts */
.padded-top.padded-bottom.scrollSlider.focuscontainer-x {
    display: none;
}

/* --- Movies Page --- */

.layout-desktop #moviesTab .portraitCard {
  width: 15.6em;
  padding-right: 0em;
  padding-left: 0em;
}

.layout-desktop #seriesTab .portraitCard {
  width: 15.6em;
  padding-right: 0em;
  padding-left: 0em;
}

.layout-desktop #episodesTab .cardText.cardTextCentered.cardText-first {
	font-family: inherit;
	text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: -0.2em;
}	

/* Favorites */

.layout-desktop #favoritesTab .cardText.cardTextCentered.cardText-first {
	font-family: inherit;
	text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: -0.2em;
}

.layout-desktop #favoritesTab .overflowPortraitCard {
  width: 15.6em;
  padding-right: 0em;
  padding-left: 0em;
}

.layout-desktop #favoritesTab .sections {
	padding-top: 1em;
}

.layout-desktop #favoritesTab .verticalSection.emby-scroller-container {
	margin-left: -2.5em;
    max-width: 129em;
}

.layout-desktop #favoritesTab .sectionTitle.sectionTitle-cards {
  font-size: 1em;
  font-family: inherit;
  text-transform: uppercase;
  font-weight: 500 !important;
  margin-left: 0.3em;
}

/* Genres */

.layout-desktop #genresTab .cardText.cardTextCentered.cardText-first {
	font-family: inherit;
	text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: -0.2em;
}

.layout-desktop #genresTab .overflowPortraitCard {
  width: 15.6em;
  padding-right: 0em;
  padding-left: 0em;
}

.layout-desktop #items .verticalSection {
  margin-top: 3em;
  margin-bottom: -5em;
}

.layout-desktop #genresTab .verticalSection.emby-scroller-container {
	margin-left: -2.5em;
    max-width: 129em;
}

.layout-desktop #genresTab .sectionTitle.sectionTitle-cards {
  font-size: 1em;
  font-family: inherit;
  text-transform: uppercase;
  font-weight: 500 !important;
  margin-left: 0.3em;
}

/* Suggestions */

.layout-desktop #suggestionsTab .cardText.cardTextCentered.cardText-first {
	font-family: inherit;
	text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: -0.2em;
}

.layout-desktop #resumableItems .backdropCard {
  width: 31.35em !important;
  padding-right: 0em;
  padding-left: 0em;
}

.layout-desktop #suggestionsTab .portraitCard {
  width: 15.6em;
  padding-right: 0em;
  padding-left: 0em;
}

.layout-desktop #suggestionsTab .verticalSection {
  margin-top: 3em;
  margin-bottom: -5em;
}

.layout-desktop #suggestionsTab .verticalSection.emby-scroller-container {
	margin-left: -2.5em;
    max-width: 129em;
}

.layout-desktop #suggestionsTab .sectionTitle.sectionTitle-cards {
  font-size: 1em;
  font-family: inherit;
  text-transform: uppercase;
  font-weight: 500 !important;
  margin-left: 0.3em;
}

/* Search */

.layout-desktop #searchPage .searchSuggestionsList.padded-left.padded-right {
	font-family: inherit;
	font-weight: 700 !important;
	text-transform: uppercase;
}

.layout-desktop #searchPage .cardText.cardTextCentered.cardText-first {
	font-family: inherit;
	text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: -0.2em;
}

.layout-desktop #searchPage .overflowPortraitCard {
  width: 15.6em;
  padding-right: 0em;
  padding-left: 0em;
}

.layout-desktop #searchPage .verticalSection {
  margin-top: 3em;
  margin-bottom: -5em;
}

.layout-desktop #searchPage .sectionTitle.sectionTitle-cards {
	font-size: 1em;
	font-family: inherit;
	text-transform: uppercase;
	font-weight: 500 !important;
	margin-left: 0.3em;
}

.layout-desktop #searchPage .emby-scrollbuttons.padded-right {
	top: -1em;
}

.layout-desktop #moviesTab .cardText.cardTextCentered.cardText-first {
	font-family: inherit;
	text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: -0.2em;
}

.layout-desktop #seriesTab .cardText.cardTextCentered.cardText-first {
	font-family: inherit;
	text-transform: uppercase;
        font-weight: 700 !important;
margin-bottom: -0.2em;
}

.cardFooter {
  padding: .2em .2em .4em .2em;
  position: relative;
  margin-top: 0em;
}

.cardScalable .cardImageContainer {
  contain: strict;
  height: 100%;
  width: 100%;
  scroll-snap-align: start;
  filter: drop-shadow(8px 8px 2px rgba(2, 2, 2, 0.85));
}

.layout-desktop #itemDetailPage .cardScalable .cardImageContainer {
	filter: none !important;
}

.visualCardBox {
  background-color: #0000005e;
}

.backdropCard {
    width: 16.3%;
}

.layout-desktop #homeTab .material-icons.cardOverlayButtonIcon.cardOverlayButtonIcon-hover.play_arrow {
  background-color: rgba(255, 0, 0, 0.75);
  font-size: 100%;
  height: 2.5em;
  width: 2.5em;

}

.layout-desktop #homeTab .cardOverlayButton.cardOverlayButton-hover.itemAction.paper-icon-button-light.emby-button {
	background: transparent;
}

.layout-desktop .padded-right-withalphapicker {
    padding-left: 1.5em;
	padding-right: 2em;
  }

.layout-desktop .alphaPicker-fixed-right {
    right: 1em;
    right: max(env(safe-area-inset-right),1em) !important;
  }
 
 /* Top padding */
 .pageWithAbsoluteTabs:not(.noSecondaryNavPage) {
    padding-top: 3.7em !important;
  }

.layout-desktop .cardTextCentered {
  filter: drop-shadow(1px 2px 0px rgba(2, 2, 2, 0.55));
}

/* --- Detail Page --- */

/* Poster */
.layout-desktop #itemDetailPage .detailImageContainer .card {
  position: fixed;
  top: -6.789em;
  left: 0.7em;
  width: 27em;
  border: 2px solid white;
  border-radius: 5px;
  filter: drop-shadow(0 0 6px rgba(2, 2, 2, 0.95));
}

.layout-desktop .detailImageContainer .card {
  z-index: 3;
}

.layout-desktop #homeTab .cardText.cardTextCentered.cardText-first {
	font-family: inherit;
	text-transform: uppercase;
        font-weight: 700 !important;
margin-bottom: -0.2em;
}

.layout-desktop #homeTab .cardText.cardTextCentered.cardText-secondary {
	font-family: inherit;
}

.layout-desktop #castCollapsible .card.portraitCard {
    border: 2px solid white;
    border-radius: 5px;
}

/* Hide Ribbon */
.layout-desktop .detailPagePrimaryContainer {
    z-index: 2;
    background: transparent;
}

.layout-desktop .detailPagePrimaryContainer {
  position: fixed;
  top: 1em;
  left: 1em;
  width: 60%;
}

.layout-desktop .detailRibbon {
  height: 7.2em;
  margin-top: 13.8em;
}
.layout-desktop .detailPagePrimaryContainer {
  position: fixed;
}

.layout-desktop .itemMiscInfo {
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: -7.75em;
  left: 0.5em;
  opacity: 1;
  font-family: inherit;
  font-weight: 600;
  font-size: 1.5111em;
  filter: drop-shadow(1px 2px 0px rgba(2, 2, 2, 0.55));
}

.layout-desktop .itemMiscInfo.itemMiscInfo-secondary {
  position: absolute;
  top: -6.95em;
  left: 59em;
}

.layout-desktop .mainDetailButtons {
  align-items: center;
  display: flex;
  position: fixed;
  top: 21em;
  left: 16.5em;
  font-size: 200%;
  margin: 0;
}

.layout-desktop .detailButton-icon {
  font-size: 1.6em !important;
  height: 1em;
  width: 1em;
}

.layout-desktop .detailButton-icon.play_arrow {
  background: linear-gradient(180deg, rgb(83.529% 0% 0%) 0%, rgb(83.516% 0% 0.001%) 6.25%, rgb(83.425% 0% 0.005%) 12.5%, rgb(83.178% 0% 0.018%) 18.75%, rgb(82.696% 0% 0.043%) 25%, rgb(81.902% 0% 0.084%) 31.25%, rgb(80.717% 0% 0.145%) 37.5%, rgb(79.063% 0% 0.23%) 43.75%, rgb(76.863% 0% 0.343%) 50%, rgb(74.037% 0% 0.489%) 56.25%, rgb(70.509% 0% 0.67%) 62.5%, rgb(66.199% 0% 0.892%) 68.75%, rgb(61.029% 0% 1.158%) 75%, rgb(54.923% 0% 1.472%) 81.25%, rgb(47.8% 0% 1.839%) 87.5%, rgb(39.584% 0% 2.262%) 93.75%, rgb(30.196% 0% 2.745%) 100% );
  border-radius: 10px;
  z-index: -2;
  padding-right: 2.9em;
  padding-left: 0.15em;
}

.layout-desktop .detailButton .detailButton-icon.play_arrow::before {
    color: white;
}

.layout-desktop .detailButton .detailButton-icon.play_arrow::after {
  content: "PLAY NOW";
  font-family: "Exo 2", sans-serif;
  font-style: normal;
  position: fixed;
  top: 30.85em;
  left: 26.8em;
  font-weight: bold;
  font-size: 16pt;
  white-space: nowrap;
  z-index: 2;
}

.layout-desktop .detailButton-icon.explore {
	position: fixed;
	top: 13.549em;
	left: 18.4em;
	font-weight: bold;
	white-space: nowrap;
}

.layout-desktop .detailButton .detailButton-icon.theaters {
    position: fixed;
    top: 13.549em;
	left: 33.9em;
    font-weight: bold;
    font-size: 12pt;
    white-space: nowrap;
	padding-right: 2.4em;
}

.layout-desktop .detailButton .detailButton-icon.check.playstatebutton-icon-unplayed {
  position: fixed;
  top: 13.549em;
  left: 18.5em;
  font-weight: bold;
  white-space: nowrap;
}

.layout-desktop .detailButton .detailButton-icon.check.playstatebutton-icon-played {
    position: fixed;
    top: 13.549em;
	left: 18.5em;
    font-weight: bold;
    white-space: nowrap;
}

.layout-desktop .detailButton .detailButton-icon.favorite {
    position: fixed;
    top: 13.549em;
	left: 23.8em;
    font-weight: bold;
    white-space: nowrap;
}

.layout-desktop .detailButton .detailButton-icon.more_vert {
    position: fixed;
    top: 13.549em;
	left: 29em;
    font-weight: bold;
    font-size: 12pt;
    white-space: nowrap;
}

.layout-desktop .detailButton .detailButton-icon.replay {
    display: none;
}

.layout-desktop .detailButton .detailButton-icon.shuffle {
    display: none;
}

.button-link:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: white;
}

/* Title */

.layout-desktop .itemName.parentNameLast {
  top: -0.6843em !important;
  position: absolute;
  font-size: 10em;
  text-transform: uppercase;
  right: auto;
  left: 3.05em;
  width: 72.6%;
  overflow: hidden;
  white-space: normal;
  line-height: 0.83em;
  max-height: 4em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  font-family: inherit;
  font-weight: 700 !important;
  font-style: normal;
}

/* Series Air Time */

.layout-desktop #itemDetailPage .detailSectionContent #seriesAirTime {
	position: fixed;
	top: 7.3em;
    left: 23em;
}

.layout-desktop .itemName.infoText.originalTitle {
	position: fixed;
	top: 3.415em;
    left: 39.74em;
	font-size: 1.252em;
}

/* Logo */

.detailLogo {
  position: fixed;
  left: 34.5em;
  display: block;
  filter: drop-shadow(15px 14px 4px rgba(2, 2, 2, 0.65));
  width: 76.9em;
  height: 25em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 0;
  top: 10em;
}

.layout-desktop .itemName.parentNameLast {
	display: none;
}

/* Hide Tags */
.itemTags {
    display: none;
}

/* Tagline */
#itemDetailPage .tagline {
  font-weight: 600;
  margin-bottom: 0.8em;
  font-size: 1.82em;
  margin-top: -0.1em;
}

/* Description */

body {
  font-family: "Exo 2", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.layout-desktop .detailPagePrimaryContent {
  position: fixed;
  top: 50.1em;
  left: 32.7em;
  max-width: 84em;
  font-size: 11pt;
}

@media (min-width: 40em) {
  .detail-clamp-text {
    -webkit-line-clamp: 4;
    font-size: 1.1em;
	margin-top: -0.35em;
  }
}

.layout-desktop .dialog {
	background: #000;
}

.layout-desktop .listItem.listItem-button.actionSheetMenuItem.emby-button {
	opacity: 0.85;
	transition: opacity 0.3s;
}

.layout-desktop .listItem.listItem-button.actionSheetMenuItem.emby-button:hover {
	opacity: 1;
	transition: opacity 0.3s;
}


.layout-desktop .overview-controls {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  position: relative;
  top: -7.5em;
  text-transform: uppercase;
  opacity: 0.6;
  left: 8em;
}

/* Select Tracks */
.layout-desktop .trackSelections {
  width: auto;
  max-width: 8.1em;
  position: fixed;
  top: 56em;
  left: 2.4em;
  font-family: inherit;
  text-transform: uppercase;
  font-size: 0.9em;
}
/* Transparency */
.emby-select-withcolor {
  color: inherit;
  background: transparent;
  border: 0.07em solid #292929;
}
/* Width */
.layout-desktop .trackSelections .selectContainer .detailTrackSelect {
  font-size: inherit;
  overflow: visible;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 0.35em;
  width: 23em;
  min-width: 23em;
  background-color: #00000070 !important;
}

.layout-desktop .trackSelections .selectContainer {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 .5em !important;
  max-width: 0em;
}

.layout-desktop .trackSelections .selectContainer .selectLabel {
	border-radius: 0.35em;
	justify-content: center !important;
	display: grid;
	background-color: #00000070;
}

/* Seasons carousel */
.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-wrap {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0em;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    max-width: 18.7%;
    box-sizing: border-box;
    scroll-snap-type: x mandatory;
}

.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-wrap {
  position: fixed;
  top: 36.6em;
  left: 2.5em;
  max-height: 14.5em;
  width: 20%;
  z-index: 1;
  transition: top 0.5s;
    transition-delay: 0s;
  transition-delay: 0s;
  padding-right: 0em;
  filter: drop-shadow(0 0 6px rgba(2, 2, 2, 0.95));
  max-width: 20%;
}

		/* Series */
	.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-wrap:hover {
		top: 48.5em;
		transition: top 0.3s
	}
	
	.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-wrap:not(:hover) {
    transition-delay: 2s;
}

.layout-desktop #childrenCollapsible .overflowPortraitCard {
	width: 9em;
  display: inline-block;
}

.layout-desktop #childrenContent .cardOverlayButton-hover {
  display: none;
}

.layout-desktop #childrenContent .cardText.cardTextCentered.cardText-first {
	text-transform: uppercase;
}


.layout-desktop .verticalSection.detailVerticalSection.moreFromArtistSection.emby-scroller-container .padded-top-focusscale.padded-bottom-focusscale.no-padding.emby-scroller {
  display: none;
}

/* Season View */

.layout-desktop #itemDetailPage .itemName.infoText.subtitle {
  position: fixed;
  top: 3.8em;
  left: 8em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 150%;
  filter: drop-shadow(1px 2px 0px rgba(2, 2, 2, 0.55));
}

/* Hide directors writers studio */
.genresLabel.label,
.detailsGroupItem.directorsGroup,
.detailsGroupItem.writersGroup,
.detailsGroupItem.studiosGroup {
	display: none;
}

.layout-desktop .detailsGroupItem.genresGroup {
  position: fixed;
  top: 3em;
  left: 1em;
  font-family: inherit;
  text-transform: uppercase;
  text-align: left;
  font-style: normal;
  font-size: 1.8em;
  width: 34em;
  color: #fff5;
  filter: drop-shadow(1px 2px 0px rgba(2, 2, 2, 0.55));
}

.layout-desktop .detailsGroupItem.genresGroup .button-link.emby-button {
	color: #e6e6e6 !important;
	transition: color 0.3s;
}

.layout-desktop .detailsGroupItem.genresGroup .button-link.emby-button:hover {
	color: #fff !important;
	transition: color 0.3s;
}

/* Hide Upcoming On TV section */
#seriesScheduleSection {
    display: none;
}

/* IMDb links etc */
.layout-desktop .itemExternalLinks.focuscontainer-x {
  display: block;
  position: fixed;
  top: 6.2em;
  right: 8em;
  opacity: 0.8;
  font-size: 1em !important;
}

/*  More Like This */
.verticalSection.detailVerticalSection.verticalSection-extrabottompadding.emby-scroller-container {
  display: block;
}

/* Next Up */
.layout-desktop #itemDetailPage .nextUpSection {
	display: none;
}

.layout-desktop #itemDetailPage  .overflowBackdropCard, .overflowSmallBackdropCard {
    width: 12em;
}

.layout-desktop #itemDetailPage .emby-scrollbuttons-button.paper-icon-button-light {
	padding-left: 3.5em;
}

.layout-desktop #childrenContent .card.overflowBackdropCard.card-hoverable.card-withuserdata {
	margin-top: -4em;
}

.layout-desktop #childrenContent .textActionButton {
	font-size: 0.8em;
	padding-bottom: 0.2em !important;
}

.layout-desktop #itemDetailPage .overflowBackDropCard {
	width: 25em;
}

/* More from season */
.layout-desktop #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container {
  position: absolute;
  top: 7em;
  left: 117.05em;
  width: 10%;
  z-index: 10;
}

.layout-desktop #itemDetailPage .emby-scrollbuttons {
  position: relative;
  top: 0.5em;
  left: 17.8em;
  z-index: -2;
}

.layout-desktop #itemDetailPage .parentName.focuscontainer-x {
  text-transform: uppercase;
  position: fixed;
  top: 0.98em;
  left: 4.586em;
  font-size: 7.75em;
  width: 59%;
  font-family: inherit;
  font-weight: 700 !important;
  font-style: normal;
  max-height: 4em;
  margin-top: 0.2em;
  opacity: 0;
}

.layout-desktop #itemDetailPage .parentName.focuscontainer-x .emby-button {
	line-height: 0.858 !important;
}

.layout-desktop #itemDetailPage .parentName.focuscontainer-x .button-link.itemAction.emby-button {
	text-align: left;
}	

.layout-desktop #itemDetailPage .itemName.infoText.subtitle.focuscontainer-x {
  position: fixed;
  top: 12.35em;
  left: 1em;
  overflow: visible;
  white-space: normal;
  font-size: 2em;
  max-width: 12.4em;
  font-family: inherit;
  filter: drop-shadow(1px 2px 0px rgba(2, 2, 2, 0.55));
}

/* Cast & Crew */

/* Hide "Cast & Crew" text */
#castCollapsible .sectionTitle-cards {
  margin: 0;
  padding-bottom: .2em;
  padding-top: .5em;
  padding-left: 3em;
  display: none;
}

/* Hide 3 dots on cast portrait */
#castContent .cardOverlayButton-br.flex {
	display: none;
}

@media (max-width: 62.5em) {
  .layout-desktop .detailPageWrapperContainer, .layout-tv .detailPageWrapperContainer {
    bottom: 0em;
    position: absolute;
  }
}

.layout-desktop #castContent .cardOverlayContainer.itemAction:hover {
	border: none !important;
}

.layout-desktop .cardOverlayContainer {
  background: rgba(255,255,255,.1);
}

/* More button in bio */
.layout-desktop #childrenContent .raised.more.raised-mini.noIcon.emby-button {
  position: fixed;
  top: 34em;
  left: 117em;
  z-index: 2;
}

#childrenCollapsible .starRatingContainer {
}

/* Hide "Series" text */
.layout-desktop #childrenCollapsible .childrenSectionHeader.sectionTitle.sectionTitle-cards {
	display: none;
}

/* Hide "Movies" text */
.layout-desktop #childrenContent .sectionTitle.sectionTitle-cards {
	display: none;
}

/* Hide More from Season text */
.layout-desktop #itemDetailPage .sectionTitle.sectionTitle-cards.padded-right {
  display: none;
}

/* Special Features text */
.layout-desktop #specialsCollapsible .sectionTitle.sectionTitle-cards.padded-right {
  display: block;
  position: fixed;
  top: 0.5em;
  left: 11.6em;
  font-size: 141%;
  opacity: 1;
  text-transform: uppercase;
  font-family: inherit;
  color: rgb(255, 230, 0);
  font-weight: 600;
  filter: drop-shadow(1px 2px 0px rgba(2, 2, 2, 0.55));
}

.layout-desktop #specialsContent .cardText {
  font-family: inherit;
  font-size: 8pt;
}

.layout-desktop .verticalSection.detailVerticalSection.emby-scroller-container {
  position: absolute;
  bottom: 0.7em;
  left: 30.5em;
  width: 89em;
  max-width: 89em;
  z-index: 10;
}

.layout-desktop #castCollapsible .emby-scrollbuttons.padded-right {
	position: relative;
	top: 3.87em;
	left: 2.3em;
    z-index: 0;
}

.layout-desktop #castCollapsible .emby-scrollbuttons-button.paper-icon-button-light {
	padding-left: 46.5em;
  padding-right: 46em;
}

.layout-desktop #guestCastCollapsible .emby-scrollbuttons.padded-right {
	display: none;
}

/* Specials */

.layout-desktop #specialsCollapsible .padded-top-focusscale.padded-bottom-focusscale.no-padding.emby-scroller {
  position: fixed;
  top: -0.5em;
  left: 29em;
  display: flex;
  width: auto;
  max-width: 62.4em;
  overflow-x: scroll !important;
  height: 10.4em;
  background: #131313c4;
  border-radius: 0.25em;
  border: 1px solid #030303;
}

.layout-desktop #specialsCollapsible .card.overflowBackdropCard.card-hoverable.card-withuserdata {
  width: 12.4em;
  padding: 0.5em;
}

.layout-desktop #specialsCollapsible .scrollSlider.focuscontainer-x.itemsContainer {
	display: flex !important;
}

.layout-desktop #specialsCollapsible .emby-scrollbuttons.padded-right {
	position: fixed;
    top: 4em;
    left: 57em;
    z-index: 0;
	display: none;
}

.layout-desktop #specialsCollapsible .emby-scrollbuttons-button.paper-icon-button-light {
	padding-left: 20em;
}

.layout-desktop .personCard .overflowPortraitCard {
    width: 40vw;
	border: 2px solid white;
}

.layout-desktop .personCard .coveredImage {
    clip-path: circle(50% at 50% 50%);
}

.layout-desktop .personCard .cardOverlayContainer {
    clip-path: circle(50% at 50% 50%);
}

.layout-desktop .personCard .cardOverlayButton-br {
    right: 20%;
}

.layout-desktop .personCard .cardPadder-overflowPortrait,
.layout-desktop .personCard .cardPadder-portrait {
    padding-bottom: 100%;
    contain: strict;
    border-radius: 50% !important;
}

.layout-desktop #castCollapsible .overflowPortraitCard {
    width: 5em;
    padding-right: 12em;
    padding-left: 1em;
    height: 4.5em;
}

.layout-desktop #castCollapsible .cardTextCentered, 
.layout-desktop #castCollapsible .cardTextCentered > .textActionButton {
  text-align: left !important;
  width: 13em;
  margin-left: -5em;
  position: relative;
  top: -2.2em;
  left: 9em;
  font-size: 10pt;
  height: 1.4em;
}

.layout-desktop #castCollapsible .cardText-first {
  margin-top: -1.5em;
}

.layout-desktop #castCollapsible .cardText-secondary {
  font-size: 86% !important;
  padding-left: 2em;
  padding-bottom: 1em;
}

.button-flat:hover {
  color: white;
}

.layout-desktop #guestCastContent .overflowPortraitCard {
	display: none !important;
}

.layout-desktop #castContent .cardScalable {
  clip-path: circle(50% at 50% 50%);
  border: 2px solid white;
  border-radius: 2em;
}

.layout-desktop #guestCastCollapsible .sectionTitle.sectionTitle-cards.padded-right {
	display: none;
}

/* More Like This */ 

.layout-desktop #similarCollapsible .cardText.cardTextCentered {
	display: none;
}
 
.layout-desktop #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX {
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: normal;
    transition: none !important;
	position: fixed;
	top: 9em;
	left: 123.65em;
    max-height: 41.5em;
	overflow-y: hidden;
	z-index: 1000;
}

.layout-desktop #similarCollapsible .cardBox {
    width: 100%;
    margin-bottom: 10px;
}

.layout-desktop #similarCollapsible .card.overflowPortraitCard.card-hoverable.card-withuserdata {
    width: 5.3em;
    margin-bottom: -1.9em;
    filter: grayscale(100%);
    opacity: 0.1;
    transition: filter 0.3s, opacity 0.3s;
}

.layout-desktop #similarCollapsible .card.overflowPortraitCard.card-hoverable.card-withuserdata:hover {
    filter: grayscale(0%);
    opacity: 1;
	margin-left: -0.6em !important;
	transition: margin-left 0.3s;
}

.layout-desktop #similarCollapsible .card.overflowSquareCard.card-hoverable {
  width: 5.15em;
  margin-bottom: -3.5em;
  filter: grayscale(100%);
  opacity: 0.2;
  transition: filter 0.3s, opacity 0.3s;
  margin-left: 0em;
  margin-top: 1.6em;
}

.layout-desktop #similarCollapsible .card.overflowSquareCard.card-hoverable:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.layout-desktop #similarCollapsible .cardScalable {
	border: 1px solid white;
	margin-right: 0.3em;
	border-radius: 0.5em;
}

.layout-desktop #similarCollapsible .cardOverlayContainer.itemAction {
	display: none;
}

.layout-desktop #similarCollapsible .emby-scrollbuttons.padded-right {
	display: none;
}

/* Scenes */

.layout-desktop #scenesCollapsible .padded-top-focusscale.padded-bottom-focusscale.no-padding.emby-scroller {
	display: none;
}

.layout-desktop #scenesCollapsible .emby-scrollbuttons.padded-right {
	display: none;
}

/* Bio Movies */
 .layout-desktop #childrenContent .itemsContainer.padded-right.vertical-wrap {
  position: fixed;
  top: 10.7em;
  left: 29em;
  width: 77em;
  max-height: 29em;
  z-index: 10;
  overflow-y: scroll;
}

.layout-desktop #childrenContent .verticalSection .itemsContainer.padded-right.vertical-wrap {
	background: transparent;
}

.layout-desktop #childrenContent .verticalSection {
	z-index: 20;
}

.layout-desktop #childrenContent .card.overflowBackdropCard.card-hoverable.card-withuserdata {
	width: 13em;
	margin-bottom: 0em;
	margin-top: -2.2em;
}

.layout-desktop #childrenContent .itemsContainer.padded-right.vertical-wrap .card.overflowSquareCard.card-hoverable {
	width: 11.3em;
	margin-left: 3.9em;
	display: inline-block;
}

.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-list {
  position: absolute;
  top: 35.2em;
  left: 29em;
  z-index: 20;
  height: 26.7em;
  display: block;
  overflow-y: auto;
  min-width: 76.2em;
  padding-right: 0em;
  background: #010101;
}

.layout-desktop #childrenContent .listItemImage-large {
    width: 13.7em;
  height: 7.6em;
}

.listItem:hover {
  filter: brightness(110%);
  background: transparent;
}

.layout-desktop #childrenContent .itemsContainer.padded-right.vertical-wrap [data-type="Episode"] {
	display: none;
}

.layout-desktop #childrenContent .itemsContainer.padded-right.vertical-wrap [data-type="Series"] {
	display: none;
}

.layout-desktop #childrenContent .secondary.listItemMediaInfo {

}

.layout-desktop #childrenContent .listItem-content {
width: 99.3em;
}

.layout-desktop #childrenContent .listItemImage.listItemImage-large.itemAction.lazy.lazy-image-fadein-fast:hover {
  filter: brightness(115%);
  transition: filter 0.3s;
  cursor: pointer;
}

.layout-desktop #childrenContent .listItemBody {

}

.layout-desktop #childrenContent .listItemBodyText {

}

.layout-desktop #childrenContent .listItem-overview {

}

.layout-desktop #childrenContent .secondary.listItem-overview.listItemBodyText, 
.mediaInfoItem, .starRatingContainer mediaInfoItem, .endsAt.mediaInfoItem {

}

/* Play button hidden before hovering */
.listItemImageButton {

}

.layout-desktop #childrenContent .listItem {

}



.layout-desktop #childrenContent .listItemImage {

}


.layout-desktop #childrenContent .listItemBody {

}



.layout-desktop #childrenContent .listItemBodyText {

}

.layout-desktop #childrenContent .listItem-indexnumberleft {

}

.listItem:hover {

}


#childrenContent .listItem {

}

#childrenContent .listItem::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #090909;
  z-index: -1;
  opacity: 1;
  border: 1px solid #070707;
}

.layout-desktop #childrenContent .listItemImage.listItemImage-large.itemAction.lazy.lazy-image-fadein-fast {

}

.layout-desktop #childrenContent .listViewUserDataButtons {

}

.layout-desktop #childrenContent .listViewUserDataButtons button {

}

.layout-desktop #childrenContent .cardBox.cardBox-bottompadded {

}  

@media all and (min-width: 70em){
.cardOverlayFab-primary {
    background-color: #00000000;
  }
  .cardOverlayButtonIcon {
    background-color: #00000000 !important;
  }
  #moviesTab .cardOverlayContainer {
    background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #seriesTab .cardOverlayContainer {
    background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #homeTab .cardOverlayContainer {
    background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
	border-radius: 0.5em;
  }
  #suggestionsTab .cardOverlayContainer {
    background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #favoritesTab .cardOverlayContainer {
    background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #genresTab .cardOverlayContainer {
    background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #studiosTab .cardOverlayContainer {
	background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #episodesTab .cardOverlayContainer {
	background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #albumsTab .cardOverlayContainer {
	background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #albumArtistsTab .cardOverlayContainer {
	background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #artistsTab .cardOverlayContainer {
	background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #playlistsTab .cardOverlayContainer {
	background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #songsTab .cardOverlayContainer {
	background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
  #channelsTab .cardOverlayContainer {
	background-color: rgba(255, 255, 255, 0.05);
	border: solid 2px white;
  }
}

@media all and (max-width: 70em){
  .cardOverlayFab-primary {
    background-color: #00000000;
  }
  .cardOverlayButtonIcon {
    background-color: #00000000 !important;
  }
  .cardOverlayContainer {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .cardOverlayButton {
    padding: 0.25em;
  }
}



.cardOverlayContainer > .cardOverlayFab-primary {
  display: none;
  background-color: rgba(255, 0, 0, 1);
  font-size: 100%;
  height: 2.5em;
  left: 51.5%;
  margin-left: -1.5em;
  margin-top: -1.5em;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 2.5em;
}

.cardOverlayButton {
  color: hsla(0,0%,100%,1);
  font-size: 88%;
  display: none;
}

.cardOverlayFab-primary {
  background-color: rgba(0,0,0,0);
  font-size: 100%;
  height: 3em;
  left: 50%;
}

.layout-desktop .button-flat.btnReplay.hide.detailButton.emby-button,
.button-flat.btnDownload.hide.detailButton.emby-button,
.button-flat.btnPlayTrailer.detailButton.emby-button,
.button-flat.btnInstantMix.hide.detailButton.emby-button,
.button-flat.btnShuffle.hide.detailButton.emby-button,
.button-flat.btnCancelSeriesTimer.hide.detailButton.emby-button,
.button-flat.btnMoreCommands.detailButton.emby-button,
.button-flat.btnPlaystate.detailButton.emby-button.playstatebutton-played {
	z-index: -2;
}

.layout-desktop #itemDetailPage .detailButton {
    padding-left: .85em !important;
    margin-right: 3.5em !important;
 }

.paper-icon-button-light:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}

.layout-desktop .recordingFields {
  position: absolute;
  top: -3.4em;
  left: 8.3em;
}

.layout-desktop .raised.recordingButton.seriesRecordingButton.emby-button {
  background: transparent;
  border-radius: 2em;
  font-family: inherit;
  font-weight: 700 !important;
  text-transform: uppercase;
  border: 2px solid white;
  max-height: 3em;
}

.layout-desktop .raised.recordingButton.seriesRecordingButton.emby-button .buttonText {
  padding-left: 0.7em;
  padding-right: 1.3em;
}

.layout-desktop .raised.recordingButton.singleRecordingButton.emby-button {
  position: absolute;
  top: 0em;
  left: 15em;
  background: transparent;
  border-radius: 2em;
  font-family: inherit;
  font-weight: 700 !important;
  text-transform: uppercase;
  border: 2px solid white;
  max-height: 3em;
}

.layout-desktop .raised.recordingButton.singleRecordingButton.emby-button .buttonText {
	padding-left: 1em;
}

.layout-desktop .listItemBody.itemAction.listItemBody-noleftpadding {

}

.layout-desktop #childrenContent .listViewUserDataButtons {

}

.layout-desktop .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX {
	display: flex;
	flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 48em;
	width: 11.5em;
	scroll-snap-type: y mandatory;
	background: #06081640;
    border-radius: 0.4em;
}

.layout-desktop .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container {
		position: absolute;
	top: -16.6em;
	left: 113.15em;
}

.layout-desktop #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container .cardText.cardTextCentered.cardText-first {
	font-size: 76%;
}

.layout-desktop .collectionItems {
  position: fixed;
  display: inline-grid;
  top: 8.15em;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.3s;
    transition-delay: 0s;
  padding-right: 0em;
  transition-delay: 2s;
  border-radius: 0.15em;
  height: 40.75em;
  overflow-y: auto;
  left: 1.8em;
  width: 27.1em;
  background: linear-gradient(208deg, rgb(10.196% 10.196% 10.196%) 0%, rgb(8.961% 8.961% 8.961%) 6.25%, rgb(7.806% 7.806% 7.806%) 12.5%, rgb(6.731% 6.731% 6.731%) 18.75%, rgb(5.735% 5.735% 5.735%) 25%, rgb(4.819% 4.819% 4.819%) 31.25%, rgb(3.983% 3.983% 3.983%) 37.5%, rgb(3.226% 3.226% 3.226%) 43.75%, rgb(2.549% 2.549% 2.549%) 50%, rgb(1.952% 1.952% 1.952%) 56.25%, rgb(1.434% 1.434% 1.434%) 62.5%, rgb(0.996% 0.996% 0.996%) 68.75%, rgb(0.637% 0.637% 0.637%) 75%, rgb(0.358% 0.358% 0.358%) 81.25%, rgb(0.159% 0.159% 0.159%) 87.5%, rgb(0.04% 0.04% 0.04%) 93.75%, rgb(0% 0% 0%) 100% );
}

.layout-desktop #itemDetailPage .collectionItems:hover {
  opacity: 1;
  transition: opacity 0.3s;
}

.layout-desktop #itemDetailPage .collectionItems .itemsContainer.collectionItemsContainer.vertical-wrap.padded-left.padded-right {
  display: contents;
  overflow-x: scroll;
  width: 20.3em;
  z-index: 1000;
  height: 41.1em;
  background: linear-gradient(208deg, rgb(10.196% 10.196% 10.196%) 0%, rgb(8.961% 8.961% 8.961%) 6.25%, rgb(7.806% 7.806% 7.806%) 12.5%, rgb(6.731% 6.731% 6.731%) 18.75%, rgb(5.735% 5.735% 5.735%) 25%, rgb(4.819% 4.819% 4.819%) 31.25%, rgb(3.983% 3.983% 3.983%) 37.5%, rgb(3.226% 3.226% 3.226%) 43.75%, rgb(2.549% 2.549% 2.549%) 50%, rgb(1.952% 1.952% 1.952%) 56.25%, rgb(1.434% 1.434% 1.434%) 62.5%, rgb(0.996% 0.996% 0.996%) 68.75%, rgb(0.637% 0.637% 0.637%) 75%, rgb(0.358% 0.358% 0.358%) 81.25%, rgb(0.159% 0.159% 0.159%) 87.5%, rgb(0.04% 0.04% 0.04%) 93.75%, rgb(0% 0% 0%) 100% );
  padding-left: 1em;
}

.layout-desktop #itemDetailPage .collectionItems .card.portraitCard.card-hoverable.card-withuserdata {
  width: 25.2em;
  margin-bottom: 0em;
  padding-left: 1.4em;
  padding-top: 1em;
}

.layout-desktop #itemDetailPage .collectionItems .cardText-first {
	font-family: inherit;
	text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: -0.2em;
}

.layout-desktop #childrenContent .listItemImageButton.itemAction.paper-icon-button-light {
	display: none;
}

.layout-desktop .programGuideSection.verticalSection.detailVerticalSection {
  position: absolute;
  top: 0em;
  width: 69.38em;
  left: 48em;
  background: #101010;
  z-index: 10;
}

.layout-desktop .cardImageContainer.coveredImage.cardContent.itemAction.lazy.lazy-image-fadein-fast,
.layout-desktop .cardImageContainer.cardContent.itemAction.lazy.lazy-image-fadein-fast {
	border-radius: 0.5em;
}

/* --- nxllxvxid edits --- */

/* Change text box selected outline color */
.emby-input:focus,
.emby-textarea:focus {
    border-color: red;
    border-width: 2px;
    transition: border-color 0.3s ease-in-out, border-width 0.3s ease-in-out;
    box-shadow: 0 0 5px red, 0 0 10px red;
}

/*Link color and behavior*/
.button-link {
  color: white;
}
.button-link:hover {
  -webkit-text-decoration: none;
  text-decoration: underline;
  color: red;
}

/* lyrics */
.layout-desktop #lyricsSection .vertical-list.itemsContainer {
  position: absolute;
  top: 35.55em;
  left: 1.72em;
  z-index: 1;
  height: 22.9em;
  display: block;
  overflow-y: auto;
  padding-right: 0em;
  background: #02000696;
  text-align: center;
  border-radius: 0.25em;
  width: 27.2em;
}

/*Item details page hover animations*/
.layout-desktop #itemDetailPage .cardScalable .cardImageContainer {
    border: 3px solid transparent;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    display: inline-block;
}

.layout-desktop #itemDetailPage .cardScalable .cardImageContainer:hover {
    border-color: red;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
    transform: scale(1.02);
}


/* --- Mobile View --- */
.layout-mobile .itemBackdrop {
    display: block;
    -webkit-animation: backdrop-fadein .8s ease-in normal both;
    animation: backdrop-fadein .8s ease-in normal both;
    background-attachment: fixed;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh !important;
    position: fixed !important;
    top: 0;
    margin-top: 0rem;
    left: 0;
    width: 100%;
    z-index: -1;
    filter: blur(0px) saturate(0%) contrast(130%) brightness(20%);
}

.backgroundContainer {
  background-color: transparent;
}

.layout-mobile h1.itemName, .layout-mobile h1.parentName {
  font-size: 1.6em;
  justify-content: left !important;
  position: relative;
  display: flex;
  margin-left: 0.8em;
}

@media (orientation: landscape) {
	.layout-mobile .detailLogo {
		display: block;
		position: relative;
		top: 3em;
		height: 18em;
		margin-bottom: -8em;
		width: 62%;
		left: 28.5%;
	}
}

@media (orientation: portrait) {
	.layout-mobile .detailLogo {
		display: block;
		position: relative;
		top: 7em;
		height: 11em;
		margin-bottom: -7em;
		width: 49%;
		left: 41.5%;
	}
}


.layout-mobile #itemDetailPage .itemName.infoText.parentNameLast {
  display: none;
  font-family: inherit;
  font-weight: 700 !important;
  text-transform: uppercase;
  justify-content: center !important;
}

.layout-mobile .detailRibbon {
  background: transparent;
  padding-top: 14em;
}

.layout-mobile .pageWithAbsoluteTabs .pageTabContent {
  padding-bottom: 5em !important;
  padding-bottom: calc(env(safe-area-inset-bottom) + 5em) !important;
  margin-top: 2em;
}

.layout-mobile [dir="ltr"] .mainDetailButtons {
        margin-left: 0;
   	padding-left: 35%;
	z-index: 10 !important;
    	position: relative;
}

.layout-mobile #similarCollapsible .cardText.cardTextCentered.cardText-first {
	text-transform: uppercase;
}

.layout-mobile #homeTab .cardText.cardTextCentered.cardText-first {
	font-weight: 700;
	text-transform: uppercase;
}

.layout-mobile #homeTab .sectionTitle.sectionTitle-cards {
  text-transform: uppercase;
  font-size: 119%;
  margin-left: 0.3em;
}



.layout-mobile .subtitle {
  margin: .2em 0 .2em;
    margin-left: 0px;
  padding-left: 0;
  justify-content: left !important;
  display: flex;
  margin-left: 1.2em;
}



@media (orientation: landscape) {
	.layout-mobile .detailRibbon {
		padding-top: 12em;
	}

	.layout-mobile .headerTabs.sectionTabs {
		margin-top: -2.1em;
	}

	.layout-mobile .itemName.parentNameLast {
		font-family: inherit;
		font-weight: 700 !important;
		font-size: 2em;
		text-transform: uppercase;
		margin-left: 3.84em;
	}

	.layout-mobile .mainDetailButtons.focuscontainer-x .button-flat {
		padding-left: 1.5em !important;
		padding-right: 1.5em !important;
	}
	
	.layout-mobile .itemName.parentNameLast {
		font-family: inherit;
		font-weight: 700 !important;
		font-size: 3em;
		text-transform: uppercase;
		margin-top: -2em;
		margin-left: 0.4em;
		width: 94%;
		text-align: left;
	}

	.layout-mobile #itemDetailPage .tagline {
		font-weight: 600;
		margin-bottom: -0.5em;
		font-size: 1.2em;
		margin-top: -0.1em;
	}

	.layout-mobile #itemDetailPage .detailButton {
		padding-right: 3em !important;
		padding-left: 1.5em !important;
	}

	.layout-mobile .detailPageSecondaryContainer.padded-bottom-page {
        padding-left: 21%;
	}
	
	.layout-mobile .detailImageContainer .card {
		position: fixed !important;
		top: 13%;
		left: 2%;
        height: 35vw;
   		width: 23vw;
	}

	.layout-mobile .nameContainer {
		position: relative;
		display: flex;
	}

	.layout-mobile .detailPageWrapperContainer {
		padding-left: 3%;
	}
	
	.layout-mobile .itemMiscInfo.itemMiscInfo-primary {
		margin-left: -2em;
		justify-content: center;
	}
	
	.layout-mobile .itemMiscInfo {
		justify-content: left;
        text-align: center;
        }
	
	.layout-mobile .mainDetailButtons.focuscontainer-x {
		margin-left: 0em;
		justify-content: left;
	}

    .layout-mobile [dir="ltr"] .infoWrapper {
        padding-left: 21%;
    }

    .layout-mobile [dir="ltr"] .mainDetailButtons {
        margin-left: 0;
   	padding-left: 21%;
	z-index: 10 !important;
    	position: relative;
		justify-content: center;
    }
}

/* --- TV Mode --- */

.layout-tv {
  font-size: 100%;
}

.layout-tv #itemDetailPage .detailImageContainer .card {
  position: fixed;
  top: 26em;
  left: 1.5em;
  width: 23.3em;
  border: 2px solid white;
  border-radius: 5px;
  filter: drop-shadow(0 0 6px rgba(2, 2, 2, 0.95));
}

.layout-tv .itemMiscInfo {
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: 2.43em;
  left: 1em;
  opacity: 1;
  font-family: inherit;
  font-weight: 600;
  font-size: 1.5em;
}

.layout-tv .detailsGroupItem.genresGroup {
  position: fixed;
  top: 3.3em;
  left: 1em;
  font-family: inherit;
  text-transform: uppercase;
  text-align: left;
  font-style: normal;
  font-size: 1.7em;
  width: 34em;
  color: #fff5;
}

.layout-tv .detailsGroupItem.genresGroup .button-link.emby-button {
	color: #ffffff8a !important;
	transition: color 0.3s;
}

.layout-tv .detailsGroupItem.genresGroup .button-link.emby-button:hover {
	color: #fff !important;
	transition: color 0.3s;
}

/* Title */

.layout-tv .itemName.parentNameLast {
  top: 1.316em !important;
  position: fixed;
  font-size: 8em;
  text-transform: uppercase;
  left: 3.5em !important;
  width: 61.6%;
  overflow: hidden;
  white-space: normal;
  line-height: 0.83em;
  max-height: 4em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  font-family: inherit;
  font-weight: 700 !important;
  font-style: normal;
}

.layout-tv .mainDetailButtons {
  font-size: 200%;
  margin: 1em 0 1.25em;
  position: fixed;
  top: 18em;
  width: 43em !important;
  justify-content: space-evenly;
  left: 10em;
}

.layout-tv #childrenCollapsible .childrenSectionHeader.sectionTitle.sectionTitle-cards {
	display: none;
}

.layout-tv #similarCollapsible .sectionTitle.sectionTitle-cards.padded-right {
	display: none;
}

/* Next Up */
.layout-tv #itemDetailPage .nextUpSection {
	display: none;
}

/* Seasons carousel */
.layout-tv #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-wrap {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0em;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    max-width: 18.7%;
    box-sizing: border-box;
    scroll-snap-type: x mandatory;
}

.layout-tv #childrenContent .childrenItemsContainer.itemsContainer.padded-right.itemsContainer-tv.vertical-wrap .overflowPortraitCard {
	width: 7.45em;
}

.layout-tv #childrenContent .cardBox.cardBox-bottompadded {
margin-right: 0.2em;
  margin-bottom: 0.5em !important;
}

.layout-tv .childrenItemsContainer.itemsContainer.padded-right.itemsContainer-tv.vertical-wrap {
position: fixed;
  top: 43.3em;
  left: 2.55em;
  max-height: 14.5em;
  width: 18.6%;
  z-index: 1;
  transition: top 0.5s;
    transition-delay: 0s;
  transition-delay: 0s;
  padding-right: 0em;
  filter: drop-shadow(0 0 6px rgba(2, 2, 2, 0.95));
}

.layout-tv .personCard .overflowPortraitCard {
    width: 40vw;
	border: 2px solid white;
}

.layout-tv .personCard .coveredImage {
    clip-path: circle(50% at 50% 50%);
}

.layout-tv .personCard .cardOverlayContainer {
    clip-path: circle(50% at 50% 50%);
}

.layout-tv .personCard .cardOverlayButton-br {
    right: 20%;
}

.layout-tv .personCard .cardPadder-overflowPortrait,
.layout-tv .personCard .cardPadder-portrait {
    padding-bottom: 100%;
    contain: strict;
    border-radius: 50% !important;
}

.layout-tv #castCollapsible .overflowPortraitCard {
    width: 24em;
    padding-right: 18em;
    padding-left: 1em;
    height: 4.5em;
}

.layout-tv #castCollapsible .cardTextCentered, 
.layout-tv #castCollapsible .cardTextCentered > .textActionButton {
  text-align: left !important;
  width: 17em;
  margin-left: -5em;
  position: relative;
  top: -2.2em;
  left: 9em;
  font-size: 10pt;
  height: 1.4em;
}

.layout-tv #castCollapsible .cardText-first {
  margin-top: -1.5em;
}

.layout-tv #castCollapsible .cardText-secondary {
  font-size: 86% !important;
  padding-left: 2em;
}

.button-flat:hover {
  color: white;
}

.layout-tv #guestCastContent .overflowPortraitCard {
	display: none !important;
}

.layout-tv #castContent .cardScalable {
  clip-path: circle(50% at 50% 50%);
  border: 2px solid white;
  border-radius: 2em;
}

.layout-tv #guestCastCollapsible .sectionTitle.sectionTitle-cards.padded-right {
	display: none;
}

.layout-tv #castCollapsible .padded-top-focusscale.padded-bottom-focusscale.no-padding.emby-scroller {
  position: absolute;
  bottom: 1.5em;
  left: 5.2em;
  width: 110.5em;
  max-width: 110.5em;
  z-index: 10;
  padding-bottom: 0em;
}

.layout-tv .verticalSection.detailVerticalSection.verticalSection-extrabottompadding {
  position: absolute;
  top: 8.5em;
  left: 25.2em;
  width: 88.5em;
  z-index: 10;
}

.layout-tv #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 100%;
  position: absolute;
  top: 0em;
  left: 0em;
  width: 98%;
  max-height: 26.35em;
  padding-bottom: 0em;
  z-index: 1000;
  padding-right: 0em;
  scroll-snap-type: y mandatory;
}

.layout-tv #childrenContent .itemsContainer.padded-right.vertical-wrap [data-type="Episode"] {
	display: none;
}

.layout-tv #childrenContent .itemsContainer.padded-right.vertical-wrap [data-type="Series"] {
	display: none;
}

.layout-tv #childrenContent .listItem-content {
  display: flex;
  justify-content: space-between;
  height: 13em;
  margin-bottom: 2em;
  background-color: transparent;
  transition: background-color 0.3s;
}

.layout-tv #childrenContent .listItemImage.listItemImage-large.itemAction.lazy.lazy-image-fadein-fast:hover {
  filter: brightness(135%);
  transition: filter 0.3s;
  cursor: pointer;
}

.layout-tv #childrenContent .listItemImage-large-tv {
  height: 8em !important;
  width: 10em !important;
}

.layout-tv #childrenContent .listItemBody {
  flex-grow: 1;
}

.layout-tv #childrenContent .listItemBodyText {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.layout-tv .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX.itemsContainer-tv {
	display: flex;
  flex-direction: column;
  align-items: center;
  white-space: normal;
  transition: none !important;
    transition-behavior: ;
  transition-behavior: ;
  position: fixed;
  top: 4.3em;
  left: 111.685em;
  max-height: 50em;
  overflow-y: hidden;
  z-index: 1000;
  transform: translateX(0px) !important;
  scroll-snap-type: y mandatory;
}

.layout-tv #similarCollapsible .itemsContainer-tv > .overflowPortraitCard, .itemsContainer-tv > .overflowSquareCard {
  width: 7em;
  margin-bottom: -1em;
  scroll-snap-align: start;
}

.layout-tv #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX.itemsContainer-tv .cardText.cardTextCentered {
	display: none;
}


.layout-tv .detailPagePrimaryContent.padded-right {
position: fixed;
  top: 44em;
  left: 27em;
  width: 75em;
}

.layout-tv #childrenContent .listItem-content {
  display: flex;
  justify-content: space-between;
  height: 13em;
  margin-bottom: 2em;
  background-color: transparent;
  transition: background-color 0.3s;
}

/* Select Tracks */
.layout-tv .trackSelections {
  width: 25em;
  max-width: 25em;
  position: fixed;
  top: 49.3em;
  left: 2.4em;
  font-family: inherit;
  text-transform: uppercase;
  font-size: 0.9em;
}

/* More from season */
.layout-tv #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection {
  position: absolute;
  top: 6.3em;
  left: 108.05em;
  width: 10%;
  z-index: 10;
}

.layout-tv .verticalSection.detailVerticalSection.moreFromSeasonSection .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX.itemsContainer-tv {
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 30em;
	width: 10.5em;
}

.layout-tv .verticalSection.detailVerticalSection.moreFromSeasonSection .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX.itemsContainer-tv .card.overflowBackdropCard.show-focus.show-animation.card-withuserdata.itemAction {
	width: 10.4em;
	margin-bottom: 1em;
}

.layout-tv .verticalSection.detailVerticalSection.moreFromSeasonSection .padded-top-focusscale.padded-bottom-focusscale.no-padding.emby-scroller {
	height:37em;
}

.layout-tv #scenesCollapsible .padded-top-focusscale.padded-bottom-focusscale.no-padding.emby-scroller {
	display: none;
}

.layout-tv #scenesCollapsible .emby-scrollbuttons.padded-right {
	display: none;
}

.layout-tv #scenesCollapsible .sectionTitle.sectionTitle-cards.padded-right {
	display: none;
}

.layout-tv .nameContainer .parentName.focuscontainer-x {
	top: 6em;
	position: fixed;
	left: 0.851em;
}

.layout-tv .itemName.infoText.subtitle.focuscontainer-x {
	position: fixed;
	top: 11em;
	left: 1.3em;
}

/* Homepage */

/* move homeTab sections left */
.layout-tv #homeTab .sections.homeSectionsContainer {
	margin-left: -2.5em;
	max-width: 129em;
        margin-top: 2em;
}

/* move scrollbuttons right */
.layout-tv #homeTab .emby-scrollbuttons.padded-right {
	right: -4em;
	top: -0.5em;
}

/* Hide My Media text on desktop */
.layout-tv #homeTab .section0 .sectionTitle.sectionTitle-cards.padded-left {
  display: none;
}

/* My Media Card size */

.layout-tv #indexPage .verticalSection.section0 .card.overflowBackdropCard.card-hoverable.card-withuserdata {
	width: 20.81em;
}

.layout-tv #indexPage .raised:hover {
	background: #000000c9;
	border: 2px solid white;
	border-radius: 0.5em;
}

.layout-tv #indexPage .homeLibraryButton {
  min-width: 13.65em;
  margin-top: 0.5em !important;
  margin-right: 1.46em !important;
  margin-bottom: 0.5em !important;
  margin-left: 0.5em !important;
}


.layout-tv #indexPage .card.overflowBackdropCard.show-focus.show-animation.card-withuserdata.itemAction {
	width: 15.6em;
}

.layout-tv #homeTab .homeLibraryText {
	font-family: inherit;
	font-size: 1.1em;
	font-weight: 500 !important;
	text-transform: uppercase;
}

.layout-tv #homeTab .homeLibraryText:hover {
	color: #f00;
	transition: color 30s;
}

.layout-tv #homeTab .raised.homeLibraryButton.emby-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 0.25em !important;
  margin-right: 1.20666em !important;
  min-width: 14.12em !important;
}

.layout-tv #homeTab .homeLibraryIcon {
  display: none;
}

/*Vertical card size on homeTab */
.layout-tv #homeTab .card.overflowPortraitCard.show-focus.show-animation.card-withuserdata.itemAction,
.layout-tv #homeTab .card.overflowSquareCard {
  width: 15.6em;
}

.layout-tv .card.portraitCard.show-focus.show-animation.card-withuserdata.itemAction {
  width: 13.8em;
}

.layout-tv .padded-right-withalphapicker {
    padding-right: max(env(safe-area-inset-right),3.5%);
  }
  
.layout-tv .cardText.cardTextCentered.cardText-first {
	text-transform: uppercase;
}

.layout-tv #homeTab .cardImageContainer.cardContent.itemAction.lazy.blurhashed.lazy-image-fadein-fast,
.layout-tv #homeTab .cardImageContainer.coveredImage.cardContent.itemAction.lazy.non-blurhashable.lazy-image-fadein-fast,
.layout-tv #moviesPage .cardImageContainer.coveredImage.cardContent.itemAction.lazy.blurhashed.lazy-image-fadein-fast,
.layout-tv #moviesPage .cardOverlayContainer.itemAction,
.layout-tv #tvRecommendedPage .cardImageContainer.coveredImage.cardContent.itemAction.lazy.blurhashed.lazy-image-fadein-fast,
.layout-tv #favoritesTab .cardImageContainer.coveredImage.cardContent.itemAction.lazy.non-blurhashable.lazy-image-fadein-fast,
.layout-tv #tvRecommendedPage .cardOverlayContainer.itemAction,
.layout-tv #tvRecommendedPage .cardImageContainer.cardContent.itemAction.lazy.blurhashed.lazy-image-fadein-fast,
.layout-tv #studiosTab .cardImageContainer.defaultCardBackground {
	border-radius: 0.5em;
}

/* Reduce space between My Media cards and Next Up */
.layout-tv .sectionTitleContainer-cards {
  margin-top: -1.5em;
  margin-bottom: -0.3em;
}

/* Adjust alignment for the cards within the Continue Watching section */
.layout-tv #homeTab .section1.verticalSection .itemsContainer .card.overflowBackdropCard {
    width: 31.35em !important;
    margin-top: 0em;
}

.layout-tv #homeTab .sectionTitle.sectionTitle-cards {
	font-size: 1em;
	font-family: inherit;
	text-transform: uppercase;
	font-weight: 500 !important;
	margin-left: 0.3em;
}

.layout-tv .alphaPickerRow-vertical {
  flex-direction: column;
  height: 54em;
  position: fixed;
  top: 11em;
  right: 3em;
}

.layout-tv #childrenCollapsible .verticalSection .card.overflowPortraitCard.show-focus.show-animation.card-withuserdata.itemAction {
	width: 8.2em;
  position: relative;
  top: 17em !important;
  left: -10.7em;
}

.layout-tv .card.show-focus:focus {
    border: 2px solid red;
    box-sizing: border-box;
   padding-left: 1em;
}

.layout-tv #similarCollapsible .card.overflowPortraitCard.show-focus.show-animation.card-withuserdata.itemAction {
padding-left: 1em;
padding-right: 0em;
padding-bottom: 0em;
}

.layout-tv .card:focus {
    outline: none;
}

.layout-tv .card.overflowBackdropCard.show-focus:focus {
  will-change: none !important;
}

.layout-tv .raised:focus {
  will-change: none !Important;
}



/* 1440p */

@media only screen and (min-width: 1950px) and (max-width: 2560px) {
	.layout-desktop #homeTab .sections.homeSectionsContainer {
		max-width: 174em !important;
	}
	
	.layout-desktop .padded-right-withalphapicker {
		padding-left: 1.5em;
		padding-right: 2em;
		width: 157em;
	}
	.layout-desktop #genresTab .itemsContainer.vertical-wrap.lazy.padded-left.padded-right {
		width: 180em;
	}
	.layout-desktop #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX {
		left: 164.3em;
		max-height: 57.3em;
	}
	.layout-desktop #similarCollapsible .card.overflowPortraitCard.card-hoverable.card-withuserdata {
		width: 7.4em;
	}
	.layout-desktop .detailLogo {
		left: 43.2em;
		width: 114.9em;
		height: 31em;
	}
	.layout-desktop .mainDetailButtons {
		top: 29em;
		left: 20em;
	}
	.layout-desktop .detailButton .detailButton-icon.play_arrow::after {
		top: 42em;
		left: 31.7em;
	}
	.layout-desktop .detailButton .detailButton-icon.theaters {
		left: 43.9em;
		top: 18.55em;
	}
	.layout-desktop .detailButton .detailButton-icon.more_vert {
		left: 36.3em;
		top: 18.55em;
	}
	.layout-desktop .detailButton .detailButton-icon.favorite {
		left: 28.8em;
		top: 18.55em;
	}
	.layout-desktop .detailButton .detailButton-icon.check.playstatebutton-icon-unplayed {
		left: 21.5em;
		top: 18.55em;
	}	
	.layout-desktop .detailButton .detailButton-icon.check.playstatebutton-icon-played {
		left: 21.5em;
		top: 18.55em;
	}
	.layout-desktop .detailsGroupItem.genresGroup {
		top: 2.93em;
	}
	.layout-desktop #itemDetailPage .detailImageContainer .card {
		width: 36em;
	}
	.layout-desktop .trackSelections {
		top: 75.3em;
	}
	.layout-desktop .trackSelections .selectContainer .detailTrackSelect {
		width: 33em;
		min-width: 33em;
	}
	.layout-desktop .detailPagePrimaryContent {
		left: 40.7em;
		top: 66.5em;
	}
	.layout-desktop .verticalSection.detailVerticalSection.emby-scroller-container {
		left: 35.5em;
		width: 126em;
		max-width: 126em;
	}
	.layout-desktop #castCollapsible .overflowPortraitCard {
		padding-right: 19em;
	}
	.layout-desktop #castCollapsible .emby-scrollbuttons-button.paper-icon-button-light {
		padding-left: 63.5em;
		padding-right: 63.5em;
	}
	.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-wrap {
		top: 46.8em;
		width: 20%;
		max-height: 19em;
	}
	.layout-desktop #childrenCollapsible .overflowPortraitCard {
		width: 12em;
	}
	.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-wrap:hover {
		top: 63.2em;
	}
	.layout-desktop #childrenContent .itemsContainer.padded-right.vertical-wrap {
		left: 38em;
	}
	.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-list {
		left: 38em;
		height: 54.45em;
	}
	.layout-desktop .detailButton-icon.explore {
		top: 18.55em;
		left: 21em;
	}
	.layout-desktop .collectionItems {
		height: 54.3em;
		width: 36.1em;
	}
	.layout-desktop #itemDetailPage .collectionItems .card.portraitCard.card-hoverable.card-withuserdata {
		width: 34.2em;
	}
	.layout-desktop #specialsCollapsible .padded-top-focusscale.padded-bottom-focusscale.no-padding.emby-scroller {
		left: 38em;
		max-width: 94.2em;
	}
	.layout-desktop #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container {
		left: 158em;
	}
	.layout-desktop #itemDetailPage .itemName.infoText.subtitle.focuscontainer-x {
		top: 15.35em;
	}
        .layout-desktop #lyricsSection .vertical-list.itemsContainer {
		position: absolute;
		top: 44.8em;
		left: 1.72em;
		z-index: 1;
		height: 40.5em;
		display: block;
		overflow-y: auto;
		width: 36em;
	}
}

/* 4k works at 150% zoom */

@media only screen and (min-width: 2600px) and (max-width: 3840px) {
	.layout-desktop #homeTab .sections.homeSectionsContainer {
		max-width: 174em !important;
	}
	
	.layout-desktop .padded-right-withalphapicker {
		padding-left: 1.5em;
		padding-right: 2em;
		width: 157em;
	}
	.layout-desktop #genresTab .itemsContainer.vertical-wrap.lazy.padded-left.padded-right {
		width: 180em;
	}
	.layout-desktop #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX {
		left: 164.3em;
		max-height: 57.3em;
	}
	.layout-desktop #similarCollapsible .card.overflowPortraitCard.card-hoverable.card-withuserdata {
		width: 7.4em;
	}
	.layout-desktop .detailLogo {
		left: 43.2em;
		width: 114.9em;
		height: 31em;
	}
	.layout-desktop .mainDetailButtons {
		top: 29em;
		left: 20em;
	}
	.layout-desktop .detailButton .detailButton-icon.play_arrow::after {
		top: 42em;
		left: 31.7em;
	}
	.layout-desktop .detailButton .detailButton-icon.theaters {
		left: 43.9em;
		top: 18.55em;
	}
	.layout-desktop .detailButton .detailButton-icon.more_vert {
		left: 36.3em;
		top: 18.55em;
	}
	.layout-desktop .detailButton .detailButton-icon.favorite {
		left: 28.8em;
		top: 18.55em;
	}
	.layout-desktop .detailButton .detailButton-icon.check.playstatebutton-icon-unplayed {
		left: 21.5em;
		top: 18.55em;
	}	
	.layout-desktop .detailButton .detailButton-icon.check.playstatebutton-icon-played {
		left: 21.5em;
		top: 18.55em;
	}
	.layout-desktop .detailsGroupItem.genresGroup {
		top: 2.93em;
	}
	.layout-desktop #itemDetailPage .detailImageContainer .card {
		width: 36em;
	}
	.layout-desktop .trackSelections {
		top: 75.3em;
	}
	.layout-desktop .trackSelections .selectContainer .detailTrackSelect {
		width: 33em;
		min-width: 33em;
	}
	.layout-desktop .detailPagePrimaryContent {
		left: 40.7em;
		top: 66.5em;
		max-width: 107em;
	}
	.layout-desktop .verticalSection.detailVerticalSection.emby-scroller-container {
		left: 35.5em;
		width: 126em;
		max-width: 126em;
	}
	.layout-desktop #castCollapsible .overflowPortraitCard {
		padding-right: 19em;
	}
	.layout-desktop #castCollapsible .emby-scrollbuttons-button.paper-icon-button-light {
		padding-left: 63.5em;
		padding-right: 63.5em;
	}
	.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-wrap {
		top: 45.8em;
		width: 20%;
		max-height: 19em;
	}
	.layout-desktop #childrenCollapsible .overflowPortraitCard {
		width: 12em;
	}
	.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-wrap:hover {
		top: 62.5em;
	}
	.layout-desktop #childrenContent .itemsContainer.padded-right.vertical-wrap {
		left: 38em;
	}
	.layout-desktop #childrenContent .childrenItemsContainer.itemsContainer.padded-right.vertical-list {
		left: 38em;
		height: 35.45em;
		top: 41em;
	}
	.layout-desktop .detailButton-icon.explore {
		top: 18.55em;
		left: 21em;
	}
	.layout-desktop .collectionItems {
		height: 54.3em;
		width: 36.1em;
	}
	.layout-desktop #itemDetailPage .collectionItems .card.portraitCard.card-hoverable.card-withuserdata {
		width: 34.2em;
	}
	.layout-desktop #specialsCollapsible .padded-top-focusscale.padded-bottom-focusscale.no-padding.emby-scroller {
		left: 38em;
		max-width: 94.2em;
	}
	.layout-desktop #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container {
		left: 158em;
	}
	.layout-desktop #itemDetailPage .itemName.infoText.subtitle.focuscontainer-x {
		top: 15.35em;
	}
        .layout-desktop #lyricsSection .vertical-list.itemsContainer {
		position: absolute;
		top: 44.8em;
		left: 1.72em;
		z-index: 1;
		height: 40.5em;
		display: block;
		overflow-y: auto;
		width: 36em;
	}
}