.accent-emby:root {
  --theme-primary-color-hue: 0 !important;
  --theme-primary-color-saturation: 100% !important;
  --theme-primary-color-lightness: 19% !important;
  --theme-accent-text-color-darkbg: #900000;
  --theme-accent-text-color-lightbg: #600000;
}
.cardOverlayButton-hover.playstatebutton-icon {
  font-size: 1.5em!important;
}
.playstatebutton-icon-played {
  color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness)) !important;
  background: none;
  border-color: hsl(var(--theme-primary-color-hue),var(--theme-primary-color-saturation),var(--theme-primary-color-lightness));
  /* border: 2px solid black !important; */
  font-size: 2em !important;
  margin: 0 !important;
}
/* ========================================================================== */
.verticalSection.section0 {
  margin-bottom: 0;
}
/* ========================================================================== */
/* Iconic Plugin  */
.iconicConfigurationPage .glyphs-layout {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
/* ========================================================================== */
div.activeDevices.itemsContainer.vertical-wrap, div.dashboardSections>div.dashboardColumn.dashboardColumn-2-40.dashboardColumn-3-27>div>div.paperList.userActivityItems.itemsContainer.flex-direction-column.flex.flex-grow, div.dashboardSection.serverActivitySection.activityContainer>div.paperList.serverActivityItems.itemsContainer.flex-direction-column.flex.flex-grow {
  flex-wrap: unset;
  padding-right: 0;
  padding-left: 0;
  justify-content: center;
}

.activeDevices {
    -webkit-column-count: 3 !important;
    -moz-column-count: 3 !important;
    column-count: 3 !important;
}
/* div.dashboardColumn.dashboardColumn-3-27, */
div.dashboardSections > div:nth-child(3) {
	display: none;
}
/* ========================================================================== */
div.cardText.cardTextCentered.cardText > button {
  color: #fff !important;
}
div.cardText.cardTextCentered.cardText > button:hover {
  color: #A00000 !important;
}
div.cardText.cardTextCentered.cardText-secondary > button {
  color: #888 !important;
}
/* ========================================================================== */
/* div.headerRight.focuscontainer-right {
    right: 20em;
    position: absolute;
    padding-right: 10em;
} */
/* ========================================================================== */
/* User Profile */
/* div.readOnlyContent, */
/* form.updatePasswordForm.passwordSection, */
div.readOnlyContent.auto-center > form.editUserProfileForm {
  max-width: 100%;
}
div.localnav > a {
    width: 24.8%;
    justify-content: center;
}
/* div.localnav.userProfileNavigation > a {
    width: 24.8%;
    justify-content: center;
} */
div.deleteAccess {
  column-count: 3;
}
div.deleteAccess > label {
  padding: 2px;
}
/* ========================================================================== */
/* Scheduled Tasks */
div.listItem.listItem-border.scheduledTaskPaperIconItem {
    background: rgba(0,0,0,0.25);
    border-top: 2px solid black !important;
    border-left: 2px solid black !important;
    border-right: 2px solid black !important;
}
div.listItem.listItem-border.scheduledTaskPaperIconItem:nth-child(odd) {
  background: rgba(0,0,0,0.35);
  border-top: 2px solid black !important;
}
div.listItem.listItem-border.scheduledTaskPaperIconItem:last-child {
  border-bottom: 2px solid black !important;
}
/* ========================================================================== */
/* Cinema Intro Plugin */
#encodingDetailsPage > div > div > form,
#tonemapOptionsPage > div > div > form,
#ffmpegOptionsPage > div > div > form,
#diagOptionsPage > div > div > form,
#cinemaModeConfigurationPage > div > div > form {
  max-width: 100%
}
/* ========================================================================== */
div.sessionBars {
  background: none;
}
/* div.sessionBars > table > tbody > tr > td:nth-child(2) > div */
div.sessionBars > table > tbody > tr > td > progress,
div.sessionBars > table > tbody > tr > td > img,
div.sessionBars > table > tbody > tr > td > div {
  border: 1px solid black !important;
}
/* div.sessionBars > table > tbody > tr:nth-child(2) > td:nth-child(2) > img
div.sessionBars > table > tbody > tr:nth-child(3) > td:nth-child(2) > img
div.sessionBars > table > tbody > tr:nth-child(4) > td:nth-child(2) > div */
/* ========================================================================== */
/* Diagnostic Options */
/* ========================================================================== */
/* Statistics Plugin */
div.page.type-interior.pluginConfigurationPage.UserBasedStatisticsPage.page-windowScroll > div > div > div,
div.page.type-interior.pluginConfigurationPage.ShowProgressUserBasedPage.page-windowScroll > div > div,
div.page.type-interior.pluginConfigurationPage.statisticsConfigurationPage.page-windowScroll > div > div > div {
  max-width: 100% !important;
}
/* #GoToUserStats */
/* body > div.mainAnimatedPages.skinBody.skinBody-withWindowScroll.skinBody-withFullDrawer > div > div > div > div:nth-child(4)  {
  max-width: 100%;
} */
.statCard-stats-title, statCard-stats-title-left {
    font-weight: bold !important;
    font-size: 1.5rem !important;
    color: #A00000 !important;
}
#generalStat > div:nth-child(2) > div > div {
    overflow-y: scroll;
    max-height: 500px;
    align-items: unset;
}
/* div.page.type-interior.pluginConfigurationPage.ShowProgressUserBasedPage.page-windowScroll > div > div {
    max-width: 100% !important;
} */
/* div.page.type-interior.pluginConfigurationPage > div > div,
div.page.type-interior.pluginConfigurationPage > div > div > div {
    max-width: 90% !important;
    margin: auto;
} */
/* ========================================================================== */
/* Playback Reporting */
#user_report_results > tr:nth-child(1) > td:nth-child(1) {
    flex-wrap: wrap;
    white-space: nowrap;
}
/* ========================================================================== */
.skinBody-withFullDrawer .auto-center {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%;
}
/* ========================================================================== */
button.btnOption.raised.formDialogFooterItem.formDialogFooterItem-autosize.button-submit.emby-button,
button.btnOption.raised.formDialogFooterItem.formDialogFooterItem-autosize.button-cancel.emby-button {
    width: calc(100% / 3);
    justify-content: center;
}
/* ========================================================================== */
div.infoBanner.restartInfoBanner.flex.align-items-center {
    justify-content: center;
}

#collapsiblePendingInstallations > div.paperList {
    text-align: center;
}
/* ========================================================================== */
.skinHeader-withBackground {
    -webkit-backdrop-filter: saturate(1.8) blur(0.5em) !important;
    backdrop-filter: saturate(1.8) blur(0.5em) !important;
}
#scripterx_action_list > div {
    background: none;
    border: none;
    box-shadow: none;
}
#scripterx_action_list > div > span > button:hover {
  transform: scale(1.025) !important;
}
#scripterx_action_list > div > span > button {
  transform: scale(1.015);
  background: url(https://css.vengefulsyndicate.com/theme.park//Resources/blur-noise.png), #030303 center center/cover no-repeat fixed !important;
  border: 2px solid #600000;
}
#lstItem_749a318d-7dad-487c-a027-e43be05906da > div > div:nth-child(3) > div:nth-child(1) {

}
.actionsheetItemPreviewText {
    color: #fff;
    text-align: center;
    font-weight: bold;
}
#custom {
    -webkit-backdrop-filter: saturate(1.8) blur(0.5em) !important;
    backdrop-filter: saturate(1.8) blur(0.5em) !important;
}
/* Fix top header width*/
.appfooter-withbackdropfilter, .skinHeader-withBackground:not(.nobackdropfilter) {
  width: calc(100% - 10px) !important;
}

body>div.mainAnimatedPages.skinBody>div.view.flex.flex-direction-column.withTabs.page>custom {
  width: calc(100% - 26px) !important;
}

/* Smaller Login Page Icons */
#loginPage .portraitCard,
#loginPage .squareCard {
  width: 10% !important;
}

/* Remove weird empty padding from users on login page? */
#loginPage .cardText-secondary {
  display: none
}

/* .playlist.itemsContainer.vertical-list {  }   */
/* .listItem {
  background-color: rgba(0, 0, 0, .25) !important;
  -moz-box-shadow: 0 0 2px #000 !important;
  -webkit-box-shadow: 0 0 2px #000 !important;
  box-shadow: 0px 0px 2px #000 !important;
} */
div.trackList.vertical-list.padded-top.padded-left.padded-right.padded-bottom.focuscontainer-left.itemsContainer {
    background-color: rgba(0, 0, 0, .25) !important;
    -moz-box-shadow: 0 0 2px #000 !important;
    -webkit-box-shadow: 0 0 2px #000 !important;
    box-shadow: 0px 0px 2px #000 !important;
}
.listItem-border {
  border-color: #000 !important;
}

div.listItem.listItem-largeImage.listItem-withContentWrapper {
  background-color: rgba(0, 0, 0, .75) !important;
  -moz-box-shadow: 0 0 2px #000 !important;
  -webkit-box-shadow: 0 0 2px #000 !important;
  box-shadow: 0px 0px 2px #000 !important;
  border: 1px solid #000 !important;
  border-radius: 8px;
  backdrop-filter: blur(2px) contrast(0.95);
}

div.playlist.itemsContainer.vertical-list {
  background-color: rgba(0, 0, 0, .5) !important;
  -moz-box-shadow: 0 0 2px #000 !important;
  -webkit-box-shadow: 0 0 2px #000 !important;
  box-shadow: 0px 0px 2px #000 !important;
  border: 1px solid #000 !important;
}

.itemProgressBar {
  background: rgba(32, 32, 32, .9) !important;
  position: relative;
  height: .3em !important;
  border: 1px solid black !important;
}

.chkCardSelectContainer .checkboxOutline {
  border-color: rgba(204, 204, 204, .8) !important
}

/* Personal Customizations
_____________________________________________________________________
/* --- Increase Home Page folder size --- */
@media (orientation: portrait) .smallBackdropCard {
  width: 33% !important;
}

/*
div.verticalSection.section2 .card {
	width: 16.5%;
}
*/
/* Glow for media item cards */
a.cardContent.mediaItem {
  border: 1px solid rgba(153, 0, 0, .5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(153, 0, 0, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(153, 0, 0, .6);
}

/* --- Active Devices: No more white username box --- */
div.card.activeSession>div>div:nth-child(2) {
  border-radius: 3px;
  border-width: 1px;
  border-color: #000;
  background: rgba(0, 0, 0, 0.10) !important;
}

/* Spinning loading circle */
.paper-spinner-0 .layer-1.paper-spinner,
.paper-spinner-0 .layer-2.paper-spinner,
.paper-spinner-0 .layer-3.paper-spinner,
.paper-spinner-0 .layer-4.paper-spinner {
  border-color: #770000;
}

/* Color ripple when selecting and unselecting checkboxes */
#ink[checked].paper-checkbox {
  color: #333
}

#ink.paper-checkbox {
  color: #990000
}

/* Ripple effect when clicking a collapsible button (eg: "Automatic Updates" under "Settings")*/
div.ripple-effect {
  color: #000;
}

/* Top bar add gradient*/
.libraryViewNav {
  background-color: rgba(16, 16, 16, .75) !important;
  background: -moz-linear-gradient(top, rgba(16, 16, 16, .75) 0%, rgba(0, 0, 0, .35) 100%);
  background: -webkit-linear-gradient(top, rgba(16, 16, 16, .75) 0%, rgba(0, 0, 0, .35) 100%);
  background: linear-gradient(to bottom, rgba(16, 16, 16, .75) 0%, rgba(0, 0, 0, .35) 100%);
}

/* ---------------------------------------------------------------------
   Custom login page
   --------------------------------------------------------------------- */
/* --- Remove the Emby Logo and text from Login Screen --- */
.logoLibraryMenuButtonText {
  display: none !important;
}

img[src*="css/images/logo.png"] {
  display: none;
}

img[src*="css/images/mblogoicon.png"] {
  display: none;
}

.imgLogoIcon {
  display: none;
}

/* ---------------------------------------------------------------------
   Alert Box On Login Page - Credit: Jambercob
   --------------------------------------------------------------------- */
.alert, .message {
  color: white;
  text-align: center;
  font-size: 16px;
  text-shadow: 2px 2px 4px #000000;
  border-radius: 3px;
}

/* The alert message box */
.alert {
  padding: 12px;
  background-color: rgba(96, 0, 0, .75);
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 25%;
  margin-right: 25%;
  border: 1px solid rgba(62, 0, 0, .5);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(153, 0, 0, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 10px rgba(0, 0, 0, .6);
}

/* The courtesy message box */
.message {
  padding: 8px;
  background-color: rgba(0, 96, 0, .75);
  margin-left: 28.5%;
  margin-right: 28.5%;
  border: 1px solid rgba(0, 62, 0, .5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(0, 153, 0, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(0, 153, 0, .6);
  width: 750px;
  height: 40px;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 5px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: #191919;
}

/* ---------------------------------------------------------------------

   --------------------------------------------------------------------- */
.cardImageContainer.editLibrary:hover {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transform: scale(1.05);
}

#loginPage h1 {
  display: none;
}
/* =========================================================================== */
/* Dashboard */
progress.transcodingProgress {
  width: 100%;
}

/* =========================================================================== */
/* Remove All Horizontal Scrolling */
/* Remove Horizontal Scrolling
div.scrollSlider {
	flex-wrap: wrap;
}

div.scrollbuttoncontainer.scrollbuttoncontainer-right {
	display: none !important;
}
*/
/* --------------------------------------------------------------------- */
.itemsContainer,
div.verticalSection.section0 div.scrollSlider,
div.verticalSection.section1 div.scrollSlider,
div.verticalSection.section2 div.scrollSlider,
div.section3 div.scrollSlider,
div.section4 div.scrollSlider,
div.section5 div.scrollSlider {
  flex-wrap: wrap;
  /* padding-right: 2.5%; */
  justify-content: center;
}

/* Temp Fix For Horizontal Scrolling */
div.verticalSection.itemNextUpSection,
div.verticalSection.moreFromSeasonSection,
div.verticalSection.peopleSection,
div.latestSection.verticalSection.autoScrollSection.focusable,
div.verticalSection.scenesSection,
div.resumeSection.verticalSection.autoScrollSection.focusable,
div.scrollSlider.flex-grow.padded-top-page.sections.scrollSliderY>div:nth-child(2)>div.padded-top-focusscale.padded-bottom-focusscale.emby-scroller.emby-scrollbuttons-scroller>div.itemsContainer.scrollSlider.focuscontainer-x.padded-left.padded-right.scrollX.hiddenScrollX.scrollSliderX.emby-scrollbuttons-scrollSlider.virtualItemsContainer,
div.itemsContainer.scrollSlider.focuscontainer-x.padded-left.padded-right.scrollX.hiddenScrollX.scrollSliderX.emby-scrollbuttons-scrollSlider.virtualItemsContainer {
  justify-content: left;
}
.epgItemsContainer {
    padding-top: 0;
    /* justify-content: left; */
    padding-left: 0;
}

#collapsiblePendingInstallations > h2,
div.sectionTitleContainer,
div.verticalSection>h2, div.favoriteSeriesSection.verticalSection>div:nth-child(1)>h2,
div.verticalSection>h2,
div.favoriteSeriesSection.verticalSection>div:nth-child(1)>h2,
div.runningTasksContainer>h2,
div.dashboardSections>div.dashboardColumn.dashboardColumn-2-60.dashboardColumn-3-46>div:nth-child(1)>div:nth-child(1), div.dashboardSections>div:nth-child(3)>div:nth-child(4)>h2 {
  background: url(https://css.vengefulsyndicate.com/theme.park/Resources/blur-noise.png), rgba(0, 0, 0, 0.75) center center/cover no-repeat fixed;
	backdrop-filter: blur(4px);
  margin: 0;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 4px;
  text-align: center;
  justify-content: center;
  border: 2px solid black;
  font-size: 120%;
  color: #A00000;
  box-shadow: 0 10px 5px -6px rgb(0 0 0 / 75%), 0 10px 10px -12px #600000;
  backdrop-filter: blur(0.5em) saturate(2.5);
}

div.verticalSection>h2, div.favoriteSeriesSection.verticalSection>div:nth-child(1)>h2 {
  font-size: 28px;
}

.sessionNowPlayingInfo {
  max-width: 75%;
}

/* Fix items not centering */
.emby-scrollbuttons-scrollSlider:after {
  border: none !important;
}

/*Remove Scroll from Home Screen*/
/*Remove Scroll from TV Suggestions and Genre tab*/
/*Remove Scroll from Movies Suggestion and Genre tabs*/
#homeTab div.scrollSlider,
#tvPage div.scrollSlider,
#moviesPage div.scrollSlider,
div.searchResults div.scrollSlider,
div.peopleSection div.scrollSlider,
#scenesCollapsible div.scrollSlider {
  flex-wrap: wrap !important;
  padding-right: 2.5% !important;
  padding-left: 2.5% !important;
}

#homeTab .scrollbuttoncontainer-right {
  display: none !important;
}

/*Resize Genres images to genre display limit*/
#tvPage div.pageTabContent.tabContent.genresContainer.is-active .overflowPortraitCard,
#moviesPage div.pageTabContent.tabContent.genresContainer.is-active .overflowPortraitCard {
  width: 9vw;
}

/*Remove Right Scroll button and Suggestions*/
#tvPage .scrollbuttoncontainer-right,
#moviesPage .scrollbuttoncontainer-right {
  display: none !important;
}

/*Remove Scroll from Recommendeds  */
div.verticalSection.similarSection div.scrollSlider {
  flex-wrap: wrap !important;
  justify-content: center;
}

#searchPage .scrollbuttoncontainer-right {
  display: none;
}

/* =========================================================================== */
/*Lighten backdrop 'cover' so image can be seen */
.backdropPage.ui-page-theme-b:not(.lightBackdropPage) {
  background-color: rgba(20, 20, 20, .88) !important;
}

/* Subtitles */
::cue {
  color: yellow !important;
  background: rgba(20, 20, 20, .88) !important;
  background-color: rgba(20, 20, 20, .88) !important;
  font-size: 90% !important;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1) !important;
}

video::-webkit-media-text-track-container {
  bottom: 50px;
}

video::-moz-media-text-track-container {
  bottom: 50px;
}

/*Hide LiveTV and Camera Upload*/
[data-id="a5c69f16648b4ab2a931b4f3ce1611f2"] {
  display: none !important
}

.btnForgotPassword {
  display: none !important;
}

/* Custom Buttons */
button.custom.emby-button {
  display: inline-block;
  text-align: center;
  padding: 0.35em 1.2em;
  box-sizing: border-box;
  font-weight: 300;
  color: #FFFFFF;
  transition: all 0.2s;
  min-width: 17.5% !important;
  background: rgba(64, 0, 0, .75) !important;
  border: 2px solid #000;
  font-size: 18px;
  padding: .5em;
}

button.custom.emby-button:hover {
  background: #900000 !important;
  border: 1px solid #000;
  -moz-box-shadow: 0 0 5px #300000 !important;
  -webkit-box-shadow: 0 0 5px #300000 !important;
  box-shadow: 0px 0px 5px #300000 !important;
  color: #fff !important;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transform: scale(1.05);
}

/*.withSectionTabs .headerTop {
    padding: .8em 0;
}

.headerMiddle {
    overflow: hidden;
    position: absolute;
     bottom: 15%;
    left: 0;
    right: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
*/
.defaultCardBackground0 {
  background-color: rgba(9, 9, 9, 0.5) !important;
}

[data-type="ForgotPassword"] {
  display: none;
}

/* smaller actor thumbs  */
div.peopleSection .portraitCard {
  max-width: 150px;
}

div.peopleSection .scrollbuttoncontainer-right, #scenesCollapsible .scrollbuttoncontainer-right {
  display: none;
}

.actionSheetItemText {
  text-align: center !important;
  justify-content: center;
  color: white;
}

.actionSheetTitle {
  text-align: center !important;
}

.actionSheetItemText,
.cardTextActionButton {
  color: white;
}

/* Search Page */
.searchContainer {
  padding: 2em;
}
.searchfields-txtSearch {
  border: 1px solid black;
}
/* Search Results */
.emby-search-tab-button.emby-tab-button-active {
  background: #900000 !important;
  color: white !important;
}

/* Change Button Color */
.cardOverlayButtonIcon, .listItemOverlayButtonIcon {
  background-color: rgb(85, 0, 0);
}

.emby-checkbox:checked+span::before {
  border-color: rgb(51, 0, 0) !important;
  background-color: rgb(102, 0, 0) !important;
}

.emby-select-withcolor:focus {
  border-color: rgb(51, 0, 0) !important;
}

body>div.mainAnimatedPages.skinBody>div>div.tabContent.flex.flex-grow.is-active>div>div.scrollSlider.flex-grow.padded-top-page.sections.scrollSliderY.homeSectionsContainer>div.verticalSection.section1.focusable>div>div.itemsContainer.scrollSlider.focuscontainer-x.padded-left.padded-right.scrollX.hiddenScrollX.scrollSliderX.emby-scrollbuttons-scrollSlider.virtualItemsContainer>div>div:nth-child(1)>div>div.cardScalable.cardPadder-backdrop>div>button>i {
  background-color: rgb(85, 0, 0) !important;
}

/* =========================================================================== */
#lstActions_onMediaItemAddedComplete {
  flex-wrap: unset;
  padding-right: 0;
  padding-left: 0;
  justify-content: center;
  border-radius: 20px;
}

/* =========================================================================== */
.listItemImage.coveredImage {
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  border-radius: 8px;
}

.listItem-hoverable:hover, .listItem-hoverable:hover .chkListItemSelectContainer {
  background-color: rgba(32,32,32,0.5);
}

div.itemLinks {
  text-align: center;
}

.dashboardSection {
  padding: 0px 1em;
}

div.flex.betaInfo {
  display: none;
}

@media (min-width: 50em) .details-additionalContent-withbackdrop .cardContent-shadow, .details-additionalContent-withbackdrop .defaultCardBackground0, .details-additionalContent-withbackdrop .visualCardBox {
  background-color: rgba(16, 16, 16, .75) !important;
  color: #fff;
}

.topDetailsContainer-withbackdrop .detailButton-icon, .topDetailsContainer-withbackdrop .emby-select-withcolor.detailTrackSelect {
  background: rgba(102, 0, 0, .75);
}

.details-additionalContent-withbackdrop, .details-additionalContent-withbackdrop .cardText-first {
  color: #fff;
  text-align: center;
}

@media (min-width: 48em) .skinBody-withFullDrawer .padded-left-page {
  padding-left: 2.7em;
  padding-right: 2.7em;
}

div.details-additionalContent.padded-bottom-page>div.verticalSection.audioVideoMediaInfo>div.mediaSources,
.cardFooterContent {
  text-align: center;
}

.missingIndicator, .unairedIndicator {
  background: #900000;
  padding: .25em .25em;
  -webkit-border-radius: 100em;
  border-radius: 100em;
  color: #fff;
  font-size: 110%;
  font-weight: 500;
  margin: 0 .25em;
  width: 96%;
  border: 1px solid black;
}

.padded-left {
  padding-left: 1.75%;
}

.padded-right {
  padding-right: 1.75%;
}

@media (min-width: 50em) .details-additionalContent-withbackdrop .cardContent-shadow, .details-additionalContent-withbackdrop .defaultCardBackground0, .details-additionalContent-withbackdrop .visualCardBox {
  background-color: rgba(16, 16, 16, .75) !important;
  color: #fff;
}

@media (min-width: 50em) .topDetailsContainer-withbackdrop .detailButton-icon, .topDetailsContainer-withbackdrop .emby-select-withcolor.detailTrackSelect {
  background: rgba(102, 0, 0, .75);
}
/* =========================================================================== */
/* Season Thumbs  */
/* body > div.mainAnimatedPages.skinBody > div > div > div.details-additionalContent.padded-bottom-page.details-additionalContent-withbackdrop > div.verticalSection.childrenSection > div.emby-scroller.padded-top-focusscale.padded-bottom-focusscale.emby-scrollbuttons-scroller > div.scrollSlider.focuscontainer-x.childrenItemsContainer.generalItemsContainer.itemsContainer.padded-left.padded-right.focusable.scrollX.hiddenScrollX.scrollSliderX.emby-scrollbuttons-scrollSlider > div > div > div.cardScalable.cardPadder-portrait {
	display: none;
}
body > div.mainAnimatedPages.skinBody > div > div > div.details-additionalContent.padded-bottom-page.details-additionalContent-withbackdrop > div.verticalSection.childrenSection > div.emby-scroller.padded-top-focusscale.padded-bottom-focusscale.emby-scrollbuttons-scroller > div.scrollSlider.focuscontainer-x.childrenItemsContainer.generalItemsContainer.itemsContainer.padded-left.padded-right.focusable.scrollX.hiddenScrollX.scrollSliderX.emby-scrollbuttons-scrollSlider > div {
    width: 20%;
    font-size: 24px !important;
}
body > div.mainAnimatedPages.skinBody > div > div > div.details-additionalContent.padded-bottom-page.details-additionalContent-withbackdrop > div.verticalSection.childrenSection > div.emby-scroller.padded-top-focusscale.padded-bottom-focusscale.emby-scrollbuttons-scroller > div.scrollSlider.focuscontainer-x.childrenItemsContainer.generalItemsContainer.itemsContainer.padded-left.padded-right.focusable.scrollX.hiddenScrollX.scrollSliderX.emby-scrollbuttons-scrollSlider > div > div > div.cardText.cardTextCentered.cardText-first {
	padding: 10px;
} */
/* =========================================================================== */
/* Chapter Thumbnails */
body > div.mainAnimatedPages.skinBody > div > div > div.details-additionalContent.padded-bottom-page.details-additionalContent-withbackdrop > div.verticalSection.scenesSection > div > div.scrollSlider.focuscontainer-x.itemsContainer.chaptersItemsContainer.padded-left.padded-right.focusable.scrollX.hiddenScrollX.scrollSliderX.emby-scrollbuttons-scrollSlider.generalItemsContainer > div {
	width: 12.5%;
}
/* =========================================================================== */
/* OSD */
/* Top OSD Header Bar 
div.skinHeader.focuscontainer-x.videoOsdHeader.videoOsd-customFont.semiTransparent {
    backdrop-filter: blur(4px) !important;
    background: url(https://css.vengefulsyndicate.com/theme.park/Resources/blur-noise.png), rgba(0,0,0,.5) center center/cover no-repeat fixed !important;
}
*/
.videoOsdBottom-video {
    backdrop-filter: blur(4px) !important;
    /* background: url(https://css.vengefulsyndicate.com/theme.park/Resources/blur-noise.png), rgba(0,0,0,.5) center center/cover no-repeat fixed !important; */
}
.videoOsdBottom-remotecontrol {
    background-color: transparent !important;
    background: transparent !important;
}
.upNextBar {
  border-bottom: 2px solid black;
  background: transparent;
}
.headerTop {
    backdrop-filter: saturate(.9) blur(0.5em)
}
/* =========================================================================== */
.missingIndicator, .unairedIndicator {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: rgba(0,0,0,0.75);
    backdrop-filter: blur(2px) grayscale(1) !important;
    font-size: 200%;
    font-weight: 500;
    color: #C00000;
    line-height: 220px;
    -webkit-border-radius: 0;
    border-radius: 0;
    align-items: center !important;
}
/* =========================================================================== */
/* .topDetailsContainer-withbackdrop .emby-select-withcolor.detailTrackSelect */
.topDetailsContainer-withbackdrop .detailButton-icon {
    background: rgba(105,0,0,.5);
    backdrop-filter: blur(4px);
    border: 1px solid black !important;
}
.details-largefont h1 {
    font-size: 1.84em;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000000;
}


.topDetailsContainer-withbackdrop {
  padding: 1em;
}

.listItemImageContainer-large {
  margin: 0 .5em 0 .5em !important;
}

/* div.headerMiddle.sectionTabs.headerMiddle-withSectionTabs,
.headerMiddle-withSectionTabs:not(.headerMiddle-tv) {
    top: 0 !important;
    position: fixed !important;
    align-content: center;
    align-items: stretch;
    width: 50% !important;
    left: 25% !important;
} */
/* =========================================================================== */
/* Shift tags position and modify appearance*/
.detailLogo {
  width: 21.3em;
  height: 5em;
  position: absolute;
  /* bottom: -6.5em; */
  right: 0 !important;
  top: 0 !important;
}
.item-tag-button {
  -webkit-border-radius: 8px !important;
  border-radius: 8px !important;
  padding: 2px 8px 2px 8px !important;
  margin: 2px !important;
  background-color: rgba(16,16,16,0.5);
  text-transform: capitalize;
}
div.tagsSection > div > a > i {
  display: none !important;
}
div.verticalSection.verticalSection-extrabottompadding.tagsSection {
  text-align: center;
  margin: 0;
  padding: 0;
  text-align-last: center;
}
div.verticalSection.verticalSection-extrabottompadding.tagsSection > h2 {
  display: none !important;
}

/* =========================================================================== */
/* Change item display ordering */
.details-additionalContent {
  flex-direction: column;
  display: flex;
}
/* Tags */
div.verticalSection.verticalSection-extrabottompadding.tagsSection {
  order: 1;
}
div.artistSongsSection {
  order: 1;
  margin-bottom: 0;
}
/* Seasons */
div.verticalSection.childrenSection {
  order: 2;
}
/* Cast & Crew */
div.verticalSection.peopleSection {
  order: 3;
}
div.verticalSection.scenesSection {
  order: 3;
}
div.appearsOnListsSection {
  order: 3;
}
div.verticalSection.moreFromSeasonSection {
  order: 4;
}
/* Similar / "More Like This" Section */
div.verticalSection.similarSection {
  order: 8;
}
div.verticalSection.audioVideoMediaInfo {
  order: 9;
}
/* Links */
div.verticalSection.linksSection.verticalSection-extrabottompadding {
  order: 10;
  margin-bottom: 0;
}
/* .verticalSection.linksSection.verticalSection-extrabottompadding > h2 {
  display: none;
} */

/* 
div. {
  order: ;
}
 */
/* Ditch horizontal scroll for artists songs */
div.artistSongsSection > div.emby-scrollbuttons-scroller > div.generalItemsContainer {
  flex-direction: row;
  padding: 0;
  margin-bottom: 0;
  max-height: fit-content;
}










	

.tabs-viewmenubar-backgroundcontainer-backdropfilter {
  border: 1px solid black;}

.tabs-viewmenubar-slider {
  padding: .25em .5em .25em .5em;}

h3.listItemBodyText {
    text-transform: capitalize;
}

/* =========================================================================== */
/* Lyrics */

.lyricsItem {
    margin: 0;
    padding: .5em;
    font-size: 140%;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
}
.lyricsScroller {
    /* -webkit-mask-image: linear-gradient(to bottom,transparent 0%,black 5%,black 90%,transparent 100%); */
    margin-top: 1.5em;
}
/* Restore Title for Music? */
h1.videoOsdParentTitle.videoOsdParentTitle-large.hide.videoOsdParentTitle-larger {
    display: flex !important;
}