.mainAnimatedPage {
  bottom: 0;
  contain: layout style size;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@-webkit-keyframes view-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes view-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes view-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes view-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes view-slideleft {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes view-slideleft {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes view-slideleft-r {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes view-slideleft-r {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes view-slideright {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes view-slideright {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes view-slideright-r {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes view-slideright-r {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.toastContainer {
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  pointer-events: none;
  position: fixed;
  z-index: 9999999;
}
@supports (width: max(1px, 1px)) {
  .toastContainer {
    padding-left: max(env(safe-area-inset-left), 1em);
  }
}
.toastContainer {
  padding-bottom: 1em;
}
@supports (width: max(1px, 1px)) {
  .toastContainer {
    padding-bottom: max(env(safe-area-inset-bottom), 1em);
  }
}
[dir="ltr"] .toastContainer {
  left: 0;
}
[dir="rtl"] .toastContainer {
  right: 0;
}
.toast {
  border-radius: 0.15em;
  box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
  box-sizing: border-box;
  cursor: default;
  font-size: 110%;
  margin: 0.25em 0;
  margin-right: auto;
  min-height: 0;
  min-height: auto;
  min-width: 20em;
  padding: 1em 1.5em;
  pointer-events: auto;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.toast:first-child {
  margin-top: 0;
}
.toast:last-child {
  margin-bottom: 0;
  -webkit-transform: translateY(16em);
  transform: translateY(16em);
}
.toast.toastVisible {
  -webkit-transform: none;
  transform: none;
}
.toast.toastHide {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.mdl-spinner {
  display: none;
  height: 1.95em;
  position: relative;
  width: 1.95em;
}
.mdlSpinnerActive {
  -webkit-animation: mdl-spinner__container-rotate 1.56823529412s linear
    infinite;
  animation: mdl-spinner__container-rotate 1.56823529412s linear infinite;
  display: inline-block;
}
@-webkit-keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.mdl-spinner__layer {
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.mdl-spinner__layer-1 {
  border-color: #00a4dc;
}
.mdlSpinnerActive .mdl-spinner__layer-1 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms
      cubic-bezier(0.4, 0, 0.2, 1) infinite both,
    mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both,
    mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both;
}
.mdl-spinner__layer-2 {
  border-color: #00a4dc;
}
.mdlSpinnerActive .mdl-spinner__layer-2 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms
      cubic-bezier(0.4, 0, 0.2, 1) infinite both,
    mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both,
    mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both;
}
.mdl-spinner__layer-3 {
  border-color: #00a4dc;
}
.mdlSpinnerActive .mdl-spinner__layer-3 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms
      cubic-bezier(0.4, 0, 0.2, 1) infinite both,
    mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both,
    mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both;
}
.mdl-spinner__layer-4 {
  border-color: #00a4dc;
}
.mdlSpinnerActive .mdl-spinner__layer-4 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms
      cubic-bezier(0.4, 0, 0.2, 1) infinite both,
    mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both,
    mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
      infinite both;
}
@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(3turn);
    transform: rotate(3turn);
  }
}
@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(3turn);
    transform: rotate(3turn);
  }
}
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
  0% {
    opacity: 0.99;
  }
  25% {
    opacity: 0.99;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 0.99;
  }
  to {
    opacity: 0.99;
  }
}
@keyframes mdl-spinner__layer-1-fade-in-out {
  0% {
    opacity: 0.99;
  }
  25% {
    opacity: 0.99;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 0.99;
  }
  to {
    opacity: 0.99;
  }
}
@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 0.99;
  }
  50% {
    opacity: 0.99;
  }
  51% {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-2-fade-in-out {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 0.99;
  }
  50% {
    opacity: 0.99;
  }
  51% {
    opacity: 0;
  }
}
@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0.99;
  }
  75% {
    opacity: 0.99;
  }
  76% {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-3-fade-in-out {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0.99;
  }
  75% {
    opacity: 0.99;
  }
  76% {
    opacity: 0;
  }
}
@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.99;
  }
  90% {
    opacity: 0.99;
  }
  to {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-4-fade-in-out {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.99;
  }
  90% {
    opacity: 0.99;
  }
  to {
    opacity: 0;
  }
}
.mdl-spinner__circle {
  -webkit-animation: none;
  animation: none;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.21em;
  bottom: 0;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mdl-spinner__circle-clipper {
  border-color: inherit;
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 50%;
}
.mdl-spinner__circle-clipper .mdl-spinner__circle {
  width: 200%;
}
.mdl-spinner__circleLeft {
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}
.mdlSpinnerActive .mdl-spinner__circleLeft {
  -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1)
    infinite both;
  animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite
    both;
}
.mdl-spinner__circleRight {
  border-left-color: transparent !important;
  left: -100%;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}
.mdlSpinnerActive .mdl-spinner__circleRight {
  -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1)
    infinite both;
  animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1)
    infinite both;
}
@-webkit-keyframes mdl-spinner__left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}
@keyframes mdl-spinner__left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}
@-webkit-keyframes mdl-spinner__right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}
@keyframes mdl-spinner__right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}
.docspinner {
  contain: layout style size;
  height: 10vh;
  left: 50%;
  margin-left: -5vh;
  margin-top: -5vh;
  position: fixed;
  top: 50%;
  width: 10vh;
  z-index: 9999999;
}
.emby-button {
  -webkit-align-items: center;
  align-items: center;
  border: 0;
  border-radius: 0.2em;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
  margin: 0.3em;
  outline: none !important;
  outline-width: 0;
  padding: 0.9em 1em;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  z-index: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1.35;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-transform-origin: center;
  transform-origin: center;
  transition: 0.2s;
}
.emby-button.show-focus:focus {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  z-index: 1;
}
.emby-button::-moz-focus-inner {
  border: 0;
}
.button-flat,
.button-link {
  background: transparent;
}
.button-link {
  cursor: pointer;
  margin: 0;
  padding: 0;
  vertical-align: initial;
}
.button-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.emby-button > .material-icons {
  font-size: 1.36em;
}
.button-link > .material-icons {
  font-size: 1em;
}
.fab {
  border-radius: 50%;
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 0.6em;
  text-align: center;
}
.emby-button.block,
.fab {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.emby-button.block {
  display: block;
  margin: 0.25em 0;
  width: 100%;
}
.paper-icon-button-light {
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 50%;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  height: auto;
  margin: 0 0.29em;
  min-height: 0;
  min-height: auto;
  min-width: 0;
  min-width: auto;
  outline: none !important;
  overflow: hidden;
  padding: 0.556em;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: auto;
  z-index: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform-origin: center;
  transform-origin: center;
  transition: 0.2s;
}
.paper-icon-button-light.show-focus:focus {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  z-index: 1;
}
.paper-icon-button-light::-moz-focus-inner {
  border: 0;
}
.paper-icon-button-light:disabled {
  cursor: default;
  opacity: 0.3;
}
.paper-icon-button-light > .material-icons {
  font-size: 1.6695652174em;
  position: relative;
  vertical-align: middle;
  z-index: 1;
}
.paper-icon-button-light > div {
  display: inline;
  margin: 0 auto;
  max-height: 100%;
  position: relative;
  -webkit-transform: scale(1.8);
  transform: scale(1.8);
  vertical-align: middle;
  z-index: 1;
}
.emby-button-foreground {
  position: relative;
  z-index: 1;
}
.btnFilterWithBubble {
  position: relative;
}
.filterButtonBubble {
  -webkit-align-items: center;
  align-items: center;
  background: #03a9f4;
  border-radius: 100em;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: -webkit-flex;
  display: flex;
  font-size: 82%;
  font-weight: 700;
  height: 1.6em;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.6em;
  z-index: 100000000;
}
.dialogContainer {
  -webkit-align-items: center;
  align-items: center;
  bottom: 0;
  contain: strict;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  overflow: hidden;
  overscroll-behavior: contain;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999 !important;
}
.dialog {
  border-radius: 0.2em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  border: 0;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
  contain: style paint;
  padding: 0;
  will-change: transform, opacity;
}
.dialog-fixedSize {
  border-radius: 0;
  contain: layout style paint;
  max-height: none;
  max-width: none;
}
.dialog-fullscreen {
  bottom: 0;
  box-shadow: none;
  left: 0;
  margin: 0;
  position: fixed !important;
  right: 0;
  top: 0;
}
@-webkit-keyframes scaledown {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes scaledown {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@-webkit-keyframes scaleup {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes scaleup {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes slideup {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes slideup {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes slidedown {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
}
@keyframes slidedown {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
}
@media (max-width: 80em), all and (max-height: 45em) {
  .dialog-fixedSize,
  .dialog-fullscreen-lowres {
    bottom: 0 !important;
    box-shadow: none;
    height: auto !important;
    left: 0 !important;
    margin: 0 !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    width: auto !important;
  }
}
@media (min-width: 80em) and (min-height: 45em) {
  .dialog-small {
    height: 80%;
    width: 60%;
  }
}
.noScroll {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.dialogBackdrop {
  background-color: #000;
  bottom: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  opacity: 0;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  transition: opacity 0.2s ease-out;
  will-change: opacity;
  z-index: 999998 !important;
}
.dialogBackdropOpened {
  opacity: 0.5;
}
.scrollX {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.smoothScrollX {
  scroll-behavior: smooth;
}
.hiddenScrollX,
.layout-tv .scrollX {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hiddenScrollX-forced {
  overflow: -moz-scrollbars-none;
}
.hiddenScrollX::-webkit-scrollbar,
.layout-tv .scrollX::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}
.scrollY,
.smoothScrollY {
  overflow-x: hidden;
  overflow-y: auto;
}
.smoothScrollY {
  scroll-behavior: smooth;
}
.hiddenScrollY,
.layout-tv .smoothScrollY {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hiddenScrollY-forced {
  overflow: -moz-scrollbars-none;
}
.hiddenScrollY::-webkit-scrollbar,
.layout-tv .scrollY::-webkit-scrollbar,
.layout-tv .smoothScrollY::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.emby-input {
  box-sizing: border-box;
  display: block;
  font-family: inherit;
  font-size: 110%;
  font-weight: inherit;
  margin: 0;
  margin-bottom: 0 !important;
  outline: none !important;
  padding: 0.4em 0.25em;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
}
.emby-input[type="color"] {
  height: 2.5em;
  padding: 0;
}
.emby-input::-moz-focus-inner {
  border: 0;
}
.emby-input:required {
  box-shadow: none;
}
.inputContainer {
  margin-bottom: 1.8em;
}
.inlineForm {
  display: -webkit-flex;
  display: flex;
}
.inlineForm .inputContainer,
.inlineForm .selectContainer {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0 0.5em 1.8em;
}
[dir="ltr"] .inlineForm .inputContainer:first-child,
[dir="ltr"] .inlineForm .selectContainer:first-child,
[dir="rtl"] .inlineForm .inputContainer:last-child,
[dir="rtl"] .inlineForm .selectContainer:last-child {
  margin-left: 0;
}
[dir="ltr"] .inlineForm .inputContainer:last-child,
[dir="ltr"] .inlineForm .selectContainer:last-child,
[dir="rtl"] .inlineForm .inputContainer:first-child,
[dir="rtl"] .inlineForm .selectContainer:first-child {
  margin-right: 0;
}
.inputLabel {
  display: inline-block;
  margin-bottom: 0.25em;
}
.emby-input + .fieldDescription {
  margin-top: 0.25em;
}
.emby-input-iconbutton {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.formDialog {
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.formDialog,
.formDialogHeader {
  display: -webkit-flex;
  display: flex;
}
.formDialogHeader {
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding: 1em 0.5em;
}
.formDialogHeaderTitle {
  margin-bottom: 0;
  margin-top: 0;
}
[dir="ltr"] .formDialogHeaderTitle {
  margin-left: 0.25em;
}
[dir="rtl"] .formDialogHeaderTitle {
  margin-right: 0.25em;
}
[dir="ltr"] .formDialogHeaderTitle:first-child {
  margin-left: 1em;
}
[dir="rtl"] .formDialogHeaderTitle:first-child {
  margin-right: 1em;
}
.formDialogContent:not(.no-grow) {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.dialogContentInner {
  padding: 0.5em 1em 20em 1em;
}
.dialogContentInner-mini {
  padding-bottom: 10em;
}
.dialog-content-centered {
  margin: 0 auto;
  max-width: 53em;
}
.dialogContentTitle {
  margin-top: 1em;
}
.formDialogFooter {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  left: 0;
  padding: 1em 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.formDialogFooter,
.layout-tv .formDialogFooter {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
.layout-tv .formDialogFooter {
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.formDialogFooter-flex {
  position: static;
  width: 100%;
}
.formDialogFooter-vertical {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-bottom: 1.5em;
  padding-top: 0.5em;
  width: 80% !important;
}
.formDialogFooterItem {
  -webkit-flex-basis: 12em;
  flex-basis: 12em;
  margin: 0.5em !important;
  text-align: center;
}
.formDialogFooterItem-vertical {
  -webkit-justify-content: center;
  justify-content: center;
  margin: 1em !important;
  max-width: none !important;
  width: 100%;
}
.formDialogFooterItem-nomarginbottom {
  margin-bottom: 0 !important;
}
.formDialogFooterItem-autosize {
  -webkit-flex-basis: initial;
  flex-basis: auto;
  -webkit-flex-grow: initial;
  flex-grow: 0;
  padding-left: 2em;
  padding-right: 2em;
}
@media (min-width: 50em) {
  .formDialogFooterItem {
    max-width: 80%;
  }
  .dialogContentInner {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
@media (min-width: 80em) {
  .formDialogFooterItem {
    max-width: 70%;
  }
  .dialogContentInner {
    padding-left: 2em;
    padding-right: 2em;
  }
}
.flex {
  display: -webkit-flex;
  display: flex;
}
.inline-flex {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.flex-direction-column {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-direction-row {
  -webkit-flex-direction: row;
  flex-direction: row;
}
.flex-grow {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.flex-shrink-zero {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.align-items-center {
  -webkit-align-items: center;
  align-items: center;
}
.align-items-flex-start {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.align-items-flex-end {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.justify-content-center {
  -webkit-justify-content: center;
  justify-content: center;
}
.justify-content-flex-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.justify-content-space-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-wrap-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.align-self-flex-end {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.skip-button-container {
  bottom: 8rem;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  z-index: 10000;
}
.skip-button {
  -webkit-align-items: center;
  align-items: center;
  background-color: #303030;
  border: none;
  border-radius: 0.2em;
  color: hsla(0, 0%, 100%, 0.87);
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  font-size: 1.2em;
  font-weight: 700;
  gap: 3px;
  margin-left: auto;
  margin-right: 6rem;
  padding: 12px 20px;
  pointer-events: auto;
  transition: opacity 0.2s ease-out;
  z-index: 10000;
}
.no-transition {
  transition: none;
}
.skip-button-hidden {
  opacity: 0;
}
.backdropContainer {
  contain: layout style size;
}
.backdropImage {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  contain: layout style;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.backdropImageFadeIn {
  -webkit-animation: backdrop-fadein 0.8s ease-in normal both;
  animation: backdrop-fadein 0.8s ease-in normal both;
}
@-webkit-keyframes backdrop-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes backdrop-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.listItem,
.listItemBody,
.listItemMediaInfo {
  contain: layout style;
  display: -webkit-flex;
  display: flex;
}
.listItemMediaInfo {
  margin-right: 1em;
}
.listItem,
.listItemMediaInfo {
  -webkit-align-items: center;
  align-items: center;
}
.listItem {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none !important;
  overflow: hidden;
  vertical-align: middle;
}
[dir="ltr"] .listItem {
  padding: 0.25em 0.25em 0.25em 0.5em;
  text-align: left;
}
[dir="rtl"] .listItem {
  padding: 0.25em 0.5em 0.25em 0.25em;
  text-align: right;
}
.listItem-withContentWrapper {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.listItem[data-action="none"] {
  cursor: default;
}
.listItem-content {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.listItem-button {
  width: 100%;
}
.listItem-indexnumberleft {
  margin-right: 1em;
  min-width: 2%;
  text-align: center;
}
.listItem-border {
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 0.1em 0;
  margin: 0;
  padding: 0;
}
.listItem-border.show-focus:focus {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.listItemAside,
.listItemIcon,
.listItemImage {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.listItemBody,
.listItemButton,
.listItemIcon,
.listItemImage {
  display: inline-block;
  vertical-align: middle;
}
.listItemButton {
  contain: layout style;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0;
}
.listViewDragHandle {
  touch-action: none;
}
[dir="ltr"] .listViewDragHandle {
  margin-left: -0.25em !important;
}
[dir="rtl"] .listViewDragHandle {
  margin-right: -0.25em !important;
}
.listItemBody {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  padding: 0.85em 0.75em;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.layout-tv .listItemBody {
  padding: 0.35em 0.75em;
}
.listItemBody-noleftpadding {
  padding-left: 0 !important;
}
.listItemBodyText {
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  padding: 0.1em 0;
  text-overflow: ellipsis;
}
.layout-desktop .listItemBodyText {
  line-height: 1.2em;
}
.listItemBodyText-nowrap {
  white-space: nowrap;
}
.listItemImage {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 4em;
  min-height: 2.78em;
  min-width: 2.78em;
  position: relative;
  width: 4em;
}
.listItemImage-large {
  background-position: 50%;
  height: 13vw;
  margin-right: 0.75em;
  width: 19.5vw;
}
.listItemImage-channel {
  background-size: contain;
}
.listItemImageButton {
  -webkit-align-self: center;
  align-self: center;
  background: rgba(0, 0, 0, 0.4);
  color: hsla(0, 0%, 100%, 0.6);
  display: -webkit-flex;
  display: flex;
  font-size: 1.6em;
  justify-self: center;
  margin: auto;
  transition: 0.2s ease-out;
}
.listItemImageButton:hover {
  background: rgba(0, 164, 220, 0.2);
  color: #00a4dc;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.listItemImageButton-icon {
  -webkit-align-items: center;
  align-items: center;
  border-radius: 100em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0.2em;
}
.listItemImage .cardImageIcon {
  font-size: 3em;
  margin: auto;
}
@media (max-width: 64em) {
  .listItemImage-large {
    height: 16vw;
    margin-right: 0 !important;
    width: 22vw;
  }
  .listItemImageButton,
  .listItemIndicators {
    font-size: 0.6em !important;
  }
  .listItemBody {
    padding-left: 0.75em;
  }
}
@media (max-width: 50em) {
  .listItemBody {
    padding-right: 0.5em;
  }
  .listItemMediaInfo {
    display: none;
  }
}
@media (max-width: 40em) {
  [data-type="Movie"] .listItemImage,
  [data-type="Series"] .listItemImage {
    display: none;
  }
}
.listItemImage-large-tv {
  height: 20vw !important;
  width: 30vw !important;
}
.listItemIcon {
  font-size: 143%;
  height: 1em !important;
  width: 1em !important;
}
[dir="ltr"] .listItemIcon {
  margin: 0 0.25em 0 0;
}
[dir="rtl"] .listItemIcon {
  margin: 0 0 0 0.25em;
}
.listItemIcon:not(.listItemIcon-transparent) {
  background-color: #00a4dc;
  border-radius: 100em;
  color: #fff;
  padding: 0.5em;
}
[dir="ltr"] .listItemIcon:not(.listItemIcon-transparent) {
  margin: 0 0.2em 0 0.4em;
}
[dir="rtl"] .listItemIcon:not(.listItemIcon-transparent) {
  margin: 0 0.4em 0 0.2em;
}
.listItemProgressBar {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
.listItem:focus {
  border-radius: 0.2em;
}
.listItem:focus .secondary {
  color: inherit !important;
}
.listItem-focusscale {
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.listItem-focusscale:focus {
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
}
.paperList {
  margin: 0.5em auto;
}
.paperList-clear {
  background-color: transparent !important;
}
.listGroupHeader-first {
  margin-top: 0;
}
.listItemIndicators {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  right: 0.324em;
  top: 0.324em;
}
.listItem-bottomoverview {
  font-size: 88%;
  margin-bottom: 1em;
  margin-top: 0.2em;
}
@media (max-width: 50em) {
  .listItem .criticRating,
  .listItem .endsAt,
  .listItem-overview {
    display: none !important;
  }
}
@media (min-width: 50em) {
  .listItem-bottomoverview {
    display: none !important;
  }
}
.listItemCheckboxContainer {
  width: auto !important;
}
[dir="ltr"] .listItemMediaInfo + .timerIndicator {
  margin-left: 0.25em;
}
[dir="rtl"] .listItemMediaInfo + .timerIndicator {
  margin-right: 0.25em;
}
#ulDirectoryPickerList a {
  padding-bottom: 0.4em;
  padding-top: 0.4em;
}
.lblDirectoryPickerPath {
  white-space: nowrap;
}
.emby-checkbox-label {
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-inline-flex;
  display: inline-flex;
  height: 2.35em;
  margin: 0;
  padding: 0;
  padding-left: 2.4em;
  position: relative;
  vertical-align: middle;
  width: 100%;
  z-index: 1;
}
.checkboxFieldDescription {
  padding-left: 2.4em;
}
.checkboxContainer {
  display: -webkit-flex;
  display: flex;
}
.checkboxContainer,
.checkboxListContainer {
  margin-bottom: 1.8em;
}
.checkboxContainer-withDescription {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.emby-checkbox {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  height: 1px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 1px;
}
.checkboxOutline {
  -webkit-align-items: center;
  align-items: center;
  border: 0.14em solid currentcolor;
  border-radius: 0.14em;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  height: 1.83em;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 3px;
  width: 1.83em;
  z-index: 2;
}
.checkboxIcon {
  color: #fff;
  font-size: 1.6em;
}
.checkboxIcon-checked,
.emby-checkbox-label .checkboxIcon-checked {
  display: none;
}
.emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-checked {
  display: -webkit-flex !important;
  display: flex !important;
}
.emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-unchecked {
  display: none !important;
}
.emby-checkbox:checked[disabled] + span + .checkboxOutline > .checkboxIcon {
  background-color: rgba(0, 0, 0, 0.26);
}
.checkboxLabel {
  margin: 0;
  position: relative;
}
.checkboxList > .emby-checkbox-label {
  display: -webkit-flex;
  display: flex;
  margin: 0.5em 0;
}
.checkboxList-verticalwrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.checkboxList-verticalwrap > .emby-checkbox-label {
  display: -webkit-inline-flex;
  display: inline-flex;
  margin: 0.3em 0 0.3em 0;
  width: 12em;
}
.checkboxList > .sectioncheckbox > .emby-checkbox-label {
  display: -webkit-flex;
  display: flex;
  margin: 0.5em 0;
}
.checkboxList-paperList {
  padding: 1em !important;
}
.checkboxListLabel {
  margin-bottom: 0.25em;
}
@-webkit-keyframes repaintChrome {
  0% {
    margin: 0;
  }
  to {
    margin: 0;
  }
}
@keyframes repaintChrome {
  0% {
    margin: 0;
  }
  to {
    margin: 0;
  }
}
button {
  -webkit-border-fit: border !important;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.card {
  background: none !important;
  background-color: transparent !important;
  border: 0;
  color: inherit !important;
  display: block;
  font-family: inherit !important;
  font-size: inherit !important;
  margin: 0;
  padding: 0;
  text-transform: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  contain: layout style;
  cursor: pointer;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-weight: inherit !important;
  outline: none !important;
}
.card:not(.show-animation) {
  contain: layout style paint;
}
.itemsContainer,
.vertical-list {
  display: -webkit-flex;
  display: flex;
}
.vertical-list {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.vertical-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.vertical-wrap.centered {
  -webkit-justify-content: center;
  justify-content: center;
}
.cardScalable {
  contain: layout style;
  position: relative;
}
.cardPadder-backdrop,
.cardPadder-mixedBackdrop,
.cardPadder-overflowBackdrop,
.cardPadder-overflowSmallBackdrop,
.cardPadder-smallBackdrop {
  contain: strict;
  padding-bottom: 56.25%;
}
.cardPadder-mixedSquare,
.cardPadder-overflowSquare,
.cardPadder-square,
.overflowSquareCard-textCardPadder {
  contain: strict;
  padding-bottom: 100%;
}
.cardPadder-mixedPortrait,
.cardPadder-overflowPortrait,
.cardPadder-portrait,
.overflowPortraitCard-textCardPadder {
  contain: strict;
  padding-bottom: 150%;
}
.cardPadder-banner {
  contain: strict;
  padding-bottom: 18.5%;
}
.cardBox {
  border: 0 solid transparent;
  margin: 0.6em;
  padding: 0 !important;
  transition: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  contain: layout;
  contain: style;
  outline: none !important;
}
.card.show-animation .cardBox {
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  will-change: transform;
}
.card.show-focus:not(.show-animation) .cardBox {
  margin: 0.4em;
}
.card.show-focus:not(.show-animation) .cardBox.visualCardBox,
.card.show-focus:not(.show-animation)
  .cardBox:not(.visualCardBox)
  .cardScalable {
  border: 0.5em solid transparent;
  border-radius: 0.7em;
}
.card.show-animation:focus > .cardBox {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}
.cardBox-bottompadded {
  margin-bottom: 1.8em !important;
}
@media (max-width: 50em) {
  .cardBox-bottompadded {
    margin-bottom: 1.2em !important;
  }
}
.card:focus {
  font-weight: inherit !important;
  position: relative !important;
  z-index: 10 !important;
}
.btnCardOptions {
  bottom: 0.25em;
  margin: 0 !important;
  position: absolute;
  right: 0;
  z-index: 1;
}
.mediaSourceIndicator {
  background: #38c;
  border-radius: 50%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 88%;
  font-weight: 500;
  height: 2em;
  left: 0.3em;
  position: absolute;
  text-align: center;
  top: 0.3em;
  vertical-align: middle;
  width: 2em;
  z-index: 1;
}
.cardImageContainer,
.mediaSourceIndicator {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.cardImageContainer {
  background-clip: content-box !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.2em;
  color: inherit;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.cardContent.cardImageContainer {
  display: -webkit-flex;
  display: flex;
}
.cardScalable .cardImageContainer {
  contain: strict;
  height: 100%;
  width: 100%;
}
.chapterCardImageContainer {
  background-color: #000;
  border-radius: 0;
}
.textCardImageContainer {
  background-color: #333;
}
.cardContent {
  border: 0 !important;
  border-radius: 0.2em;
  bottom: 0;
  color: inherit;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: inherit;
  height: 100%;
  left: 0;
  margin: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  contain: strict;
  outline: none !important;
}
.defaultCardBackground {
  display: -webkit-flex;
  display: flex;
}
.cardContent:not(.defaultCardBackground) {
  background-color: transparent;
}
.cardPadder {
  position: relative;
}
.cardBox:not(.visualCardBox) .cardPadder {
  background-color: #242424;
  border-radius: 0.2em;
}
.blurhash-canvas {
  border-radius: 0.2em;
}
.cardBox:not(.visualCardBox) .cardPadder,
.cardContent-shadow {
  box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
}
.cardImage {
  background-repeat: no-repeat;
  border: none;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cardImage,
.coveredImage {
  background-position: 50%;
  background-size: cover;
}
.coveredImage.coveredImage-contain {
  background-size: contain;
}
.cardFooter {
  padding: 0.3em 0.3em 0.5em 0.3em;
  position: relative;
}
.visualCardBox {
  border-radius: 0.2em;
  box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
}
.innerCardFooter {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  text-align: left;
  z-index: 1;
}
.innerCardFooterClear {
  background-color: transparent;
}
.fullInnerCardFooter {
  right: 0;
}
.cardText {
  overflow: hidden;
  padding: 0.06em 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[dir="ltr"] .cardText {
  text-align: left;
}
[dir="rtl"] .cardText {
  text-align: right;
}
.dialog .cardText {
  text-overflow: clip;
}
.cardText-secondary {
  font-size: 86%;
}
.cardText-first {
  padding-top: 0.24em;
}
.textActionButton {
  background: transparent;
  border: 0 !important;
  cursor: pointer;
  padding: 0 !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  outline: none !important;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: middle;
}
.textActionButton:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.cardText > .textActionButton {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  width: 100%;
}
.innerCardFooter > .cardText {
  padding: 0.3em 0.5em;
}
.cardFooter-withlogo {
  padding-left: 4em;
  position: relative;
}
.cardFooterLogo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70% auto;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 4.5em;
}
.cardTextCentered,
.cardTextCentered > .textActionButton {
  text-align: center !important;
}
.cardText-rightmargin {
  margin-right: 2em;
}
.cardImageContainer > .cardDefaultText {
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  white-space: normal;
}
.cardImageIcon {
  color: inherit;
  font-size: 5em;
}
.cardPadder .cardImageIcon {
  color: #111;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cardImageContainer .cardImageIcon {
  margin: auto;
}
.cardIndicators {
  -webkit-align-items: center;
  align-items: center;
  contain: layout style;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0.225em;
  z-index: 1;
}
[dir="ltr"] .cardIndicators {
  right: 0.225em;
}
[dir="rtl"] .cardIndicators {
  left: 0.225em;
}
.cardProgramAttributeIndicators {
  display: -webkit-flex;
  display: flex;
  font-size: 92%;
  position: absolute;
  text-transform: uppercase;
  top: 0;
}
[dir="ltr"] .cardProgramAttributeIndicators {
  left: 0;
}
[dir="rtl"] .cardProgramAttributeIndicators {
  right: 0;
}
.programAttributeIndicator {
  color: #fff;
  font-weight: 500;
  padding: 0.18em 0.5em;
}
.cardOverlayButton {
  color: hsla(0, 0%, 100%, 0.76);
  font-size: 88%;
  margin: 0;
  padding: 0.75em;
  z-index: 1;
}
.cardOverlayButton-br {
  bottom: 0;
  position: absolute;
}
[dir="ltr"] .cardOverlayButton-br {
  right: 0;
}
[dir="rtl"] .cardOverlayButton-br {
  left: 0;
}
.cardOverlayButtonIcon {
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7) !important;
  border-radius: 100em;
  font-size: 1.6695652174em !important;
  height: 1.5em !important;
  -webkit-justify-content: center;
  justify-content: center;
  width: 1.5em !important;
}
.cardOverlayButton-centered,
.cardOverlayButtonIcon,
.cardOverlayButtonIcon.material-icons {
  display: -webkit-flex;
  display: flex;
}
.cardOverlayButton-centered {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border: 0.06em solid hsla(0, 0%, 100%, 0.6);
  bottom: auto;
  color: hsla(0, 0%, 100%, 0.76);
  font-size: 112%;
  height: 2.6em;
  left: 50%;
  margin: -1.3em 0 0 -1.3em;
  padding: 0.38em !important;
  position: static;
  position: absolute;
  right: auto;
  top: 50%;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  width: 2.6em;
}
.backdropCard,
.bannerCard {
  width: 100%;
}
.smallBackdropCard,
.squareCard {
  width: 50%;
}
.portraitCard {
  width: 33.3333333333%;
}
.mixedPortraitCard {
  width: 12em;
}
.mixedSquareCard {
  width: 18em;
}
.mixedBackdropCard {
  width: 32em;
}
@media (min-width: 25em) {
  .backdropCard {
    width: 50%;
  }
}
@media (min-width: 31.25em) {
  .portraitCard,
  .smallBackdropCard,
  .squareCard {
    width: 33.3333333333%;
  }
}
@media (min-width: 43.75em) {
  .portraitCard,
  .squareCard {
    width: 25%;
  }
}
@media (min-width: 48.125em) {
  .backdropCard {
    width: 33.3333333333%;
  }
}
@media (min-width: 50em) {
  .bannerCard {
    width: 50%;
  }
  .portraitCard,
  .squareCard {
    width: 20%;
  }
  .smallBackdropCard {
    width: 25%;
  }
}
@media (min-width: 62.5em) {
  .smallBackdropCard {
    width: 20%;
  }
}
@media (min-width: 75em) {
  .backdropCard {
    width: 25%;
  }
  .portraitCard,
  .squareCard {
    width: 16.6666666667%;
  }
  .bannerCard {
    width: 33.3333333333%;
  }
  .smallBackdropCard {
    width: 16.6666666667%;
  }
}
@media (min-width: 87.5em) {
  .portraitCard,
  .smallBackdropCard,
  .squareCard {
    width: 14.2857142857%;
  }
}
@media (min-width: 100em) {
  .smallBackdropCard {
    width: 12.5%;
  }
  .backdropCard {
    width: 20%;
  }
  .portraitCard,
  .squareCard {
    width: 12.5%;
  }
}
@media (min-width: 120em) {
  .portraitCard,
  .squareCard {
    width: 11.1111111111%;
  }
}
@media (min-width: 131.25em) {
  .bannerCard {
    width: 25%;
  }
  .portraitCard,
  .squareCard {
    width: 10%;
  }
}
@media (min-width: 156.25em) {
  .backdropCard {
    width: 16.6666666667%;
  }
}
.itemsContainer-tv > .backdropCard {
  width: 25%;
}
.itemsContainer-tv > .portraitCard,
.itemsContainer-tv > .squareCard {
  width: 16.6666666667%;
}
.overflowBackdropCard,
.overflowSmallBackdropCard {
  width: 72vw;
}
.overflowPortraitCard,
.overflowSquareCard {
  width: 40vw;
}
@media (min-width: 25em) {
  .overflowPortraitCard {
    width: 31.2vw;
  }
}
@media (min-width: 35em) {
  .overflowSquareCard {
    width: 31.2vw;
  }
  .overflowBackdropCard {
    width: 45.5vw;
  }
  .overflowSmallBackdropCard {
    width: 30vw;
  }
}
@media (min-width: 43.75em) {
  .overflowPortraitCard,
  .overflowSquareCard {
    width: 23.1vw;
  }
}
@media (min-width: 48.125em) {
  .overflowBackdropCard,
  .overflowSmallBackdropCard {
    width: 30vw;
  }
}
@media (orientation: landscape) {
  .overflowBackdropCard,
  .overflowSmallBackdropCard {
    width: 30vw;
  }
  .overflowPortraitCard,
  .overflowSquareCard {
    width: 23.1vw;
  }
}
@media (orientation: landscape) and (min-width: 48.125em) {
  .overflowBackdropCard,
  .overflowSmallBackdropCard {
    width: 23.1vw;
  }
}
@media (orientation: landscape) and (min-width: 50em) {
  .overflowSmallBackdropCard {
    width: 15.5vw;
  }
}
@media (min-width: 50em) {
  .overflowPortraitCard,
  .overflowSquareCard {
    width: 18.5vw;
  }
}
@media (min-width: 75em) {
  .overflowBackdropCard,
  .overflowSmallBackdropCard {
    width: 23.1vw;
  }
  .overflowPortraitCard,
  .overflowSquareCard {
    width: 15.5vw;
  }
}
@media (min-width: 87.5em) {
  .overflowPortraitCard,
  .overflowSquareCard {
    width: 13.3vw;
  }
}
@media (min-width: 100em) {
  .overflowBackdropCard,
  .overflowSmallBackdropCard {
    width: 18.7vw;
  }
  .overflowPortraitCard,
  .overflowSquareCard {
    width: 11.6vw;
  }
}
@media (min-width: 120em) {
  .overflowPortraitCard,
  .overflowSquareCard {
    width: 10.41vw;
  }
}
@media (min-width: 131.25em) {
  .overflowPortraitCard,
  .overflowSquareCard {
    width: 9.3vw;
  }
}
@media (min-width: 156.25em) {
  .overflowBackdropCard,
  .overflowSmallBackdropCard {
    width: 15.6vw;
  }
}
.itemsContainer-tv > .overflowBackdropCard {
  width: 23.5vw;
}
.overflowBackdropCard-textCard {
  width: 15.5vw !important;
}
.overflowBackdropCard-textCardPadder {
  padding-bottom: 87.75%;
}
.itemsContainer-tv > .overflowPortraitCard,
.itemsContainer-tv > .overflowSquareCard {
  width: 15.6vw;
}
.itemsContainer-tv > .overflowSmallBackdropCard {
  width: 18.8vw;
}
.cardOverlayContainer {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.2em;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.visualCardBox .blurhash-canvas,
.visualCardBox .cardContent,
.visualCardBox .cardOverlayContainer {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card-hoverable:hover .cardOverlayContainer {
  opacity: 1;
}
.cardOverlayButton-hover {
  background: transparent;
  opacity: 0;
  padding: 0.25em;
  transition: 0.2s;
}
.cardOverlayButtonIcon-hover {
  background: transparent !important;
}
.card-hoverable:hover .cardOverlayButton-hover {
  opacity: 1;
}
.cardOverlayContainer > .cardOverlayFab-primary {
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 130%;
  height: 3em;
  left: 50%;
  margin-left: -1.5em;
  margin-top: -1.5em;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 3em;
}
.cardOverlayContainer > .cardOverlayFab-primary:hover {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  transition: 0.2s;
}
.screensaver-noScroll {
  overflow: hidden !important;
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.splashLogo {
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
  background-image: url(../images/icon-transparent.baba78f2a106d9baee83.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30%;
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30%;
}
@media screen and (min-device-width: 992px) {
  .splashLogo {
    background-image: url(../images/banner-light.b103d4d1c6c06fcb73f0.png);
  }
}
html {
  line-height: 1.35;
}
body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background-color: transparent !important;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.clipForScreenReader {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.material-icons {
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}
.backgroundContainer {
  bottom: 0;
  contain: strict;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.layout-mobile,
.layout-tv {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mainAnimatedPage {
  contain: style size !important;
}
.pageContainer {
  overflow-x: visible !important;
}
.bodyWithPopupOpen {
  overflow-y: hidden !important;
}
div[data-role="page"] {
  outline: 0;
}
.pageTitle {
  font-family: inherit;
  margin-top: 0;
}
.fieldDescription {
  font-weight: 400;
  padding-left: 0.15em;
  white-space: normal !important;
}
.fieldDescription + .fieldDescription {
  margin-top: 0.3em;
}
.content-primary,
.padded-bottom-page,
.page,
.pageWithAbsoluteTabs .pageTabContent {
  padding-bottom: 5em !important;
  padding-bottom: calc(env(safe-area-inset-bottom) + 5em) !important;
}
@media (min-width: 50em) {
  .readOnlyContent,
  form {
    max-width: 54em;
  }
}
.mediaInfoContent {
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}
.headroom {
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  will-change: transform;
}
.headroom--pinned {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.headroom--unpinned {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.drawerContent {
  padding-bottom: 4em;
}
.force-scroll {
  overflow-y: scroll;
}
.hide-scroll {
  overflow-y: hidden;
}
.w-100 {
  width: 100%;
}
.margin-auto-x {
  margin-left: auto;
  margin-right: auto;
}
.margin-auto-y {
  margin-bottom: auto;
  margin-top: auto;
}
.guideVerticalScroller {
  padding-bottom: 15em;
}
@media (min-width: 62.5em) {
  #guideTab {
    padding-left: 0.5em;
  }
}
#channelsTab .cardImageContainer {
  background-size: contain;
}
.dashboardColumn,
.dashboardSections {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.dashboardFooter {
  margin-top: 3.5em;
  text-align: center;
}
.dashboardFooter a {
  margin: 0 0.7em;
}
progress {
  -webkit-appearance: none;
  appearance: none;
  background: #ccc !important;
  border: none;
  border-radius: 0.2em;
  margin: 0;
}
progress[role]:after {
  background-image: none;
}
progress::-webkit-progress-bar {
  background: #ccc;
}
progress::-moz-progress-bar {
  background-color: #00a4dc;
}
progress::-webkit-progress-value {
  background-color: #00a4dc;
}
progress[aria-valuenow]:before {
  background-color: #00a4dc;
  border-radius: 0.4em;
}
.localnav {
  margin-bottom: 2.2em !important;
}
@media (min-width: 50em) {
  .type-interior > .ui-panel-content-wrap > div[data-role="content"],
  .type-interior > div[data-role="content"] {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
}
.dashboardDocument .dashboardEntryHeaderButton,
.dashboardDocument .lnkManageServer {
  display: none !important;
}
.adminDrawerLogo {
  display: none;
}
.layout-mobile .adminDrawerLogo {
  border-bottom: 1px solid #e0e0e0;
  display: block;
  margin-bottom: 1em;
  padding: 1.5em 1em 1.2em;
}
.adminDrawerLogo img {
  height: 4em;
}
a[data-role="button"] {
  background: #292929 !important;
  background-clip: padding-box;
  -webkit-font-smoothing: antialiased;
  cursor: pointer !important;
  display: inline-block;
  font-family: inherit !important;
  font-weight: 500 !important;
  margin: 0 0.25em !important;
  padding: 0.8em 1em;
  text-align: center;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div[data-role="controlgroup"] a[data-role="button"] {
  border-radius: 0;
  box-shadow: none !important;
  display: inline-block !important;
  margin: 0 !important;
}
div[data-role="controlgroup"] a[data-role="button"]:first-child {
  border-bottom-left-radius: 0.3125em;
  border-top-left-radius: 0.3125em;
}
div[data-role="controlgroup"] a[data-role="button"]:last-child {
  border-bottom-right-radius: 0.3125em;
  border-top-right-radius: 0.3125em;
}
[dir="ltr"]
  div[data-role="controlgroup"]
  a[data-role="button"]
  + a[data-role="button"] {
  border-left-width: 0 !important;
  margin: 0 0 0 -0.4em !important;
}
[dir="rtl"]
  div[data-role="controlgroup"]
  a[data-role="button"]
  + a[data-role="button"] {
  border-right-width: 0 !important;
  margin: 0 -0.4em 0 0 !important;
}
div[data-role="controlgroup"] a.ui-btn-active {
  background: #00a4dc !important;
  color: #292929 !important;
}
.sessionAppInfo img {
  margin-right: 8px;
  max-height: 2.5em;
  max-width: 2.5em;
}
.appLinks img {
  height: 36px;
}
.wizardContent h2 img {
  height: 2.5em;
  margin-right: 0.5em;
  position: relative;
  top: -0.3em;
  vertical-align: middle;
}
.header .imageLink {
  display: inline-block;
}
.header .imageLink img {
  height: 2.1em;
  vertical-align: middle;
}
.content-primary {
  padding-left: 1em;
  padding-right: 1em;
}
.content-primary ul:first-child,
.type-interior .content-primary > .sectionTitleContainer {
  margin-top: 0;
}
.dashboardColumn,
.dashboardSections {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.dashboardColumn {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.dashboardActionsContainer {
  margin: 1em -0.3em 0;
}
.sessionNowPlayingContent {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.2em;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.activeSession:not(.playingSession) .sessionNowPlayingContent {
  display: none;
}
.dashboardSection {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 0 2em;
}
.dashboardSection h3 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.dashboardSection .sectionTitleTextButton > .material-icons.material-icons {
  font-size: 1.17em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  padding-top: 0;
}
.activeRecordingItems > .card {
  width: 50%;
}
.localUsers .cardText-secondary {
  min-height: 3em;
  white-space: pre-wrap;
}
.localUsers .cardBox {
  height: 100%;
}
.customCssContainer textarea {
  resize: none;
}
@media (min-width: 70em) {
  .dashboardSections {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .dashboardColumn-2-60 {
    -webkit-flex-grow: 2;
    flex-grow: 2;
  }
  .dashboardSection {
    padding: 0 1.5em;
  }
  .activeRecordingItems > .card {
    width: 25%;
  }
}
.wizardContent {
  background: #fff;
  margin: 0 auto;
  max-width: 62em;
  padding: 0.5em 2em 1em;
}
.wizardNavigation {
  text-align: right;
}
.wizardContent form {
  max-width: 100%;
}
.scheduledTaskPaperIconItem {
  outline: 0 !important;
}
.activeSession {
  min-width: 10rem;
  width: 100% !important;
}
.activitylogUserPhoto {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  height: 1.71em;
  margin-right: 0.5em;
  width: 1.71em;
}
@media (min-width: 50em) {
  .activeSession {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 25rem;
  }
}
.sessionCardFooter {
  padding-bottom: 1em !important;
  padding-top: 0.5em !important;
  position: relative;
  text-align: center;
}
.sessionAppInfo {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
  padding: 1em;
}
.sessionCardButtons {
  min-height: 2.7em;
}
.sessionCardButton {
  margin: 0;
}
.sessionNowPlayingInnerContent {
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.darkenContent {
  background: rgba(0, 0, 0, 0.7);
  color: #ddd;
}
.sessionAppName {
  max-width: 200px;
  vertical-align: top;
}
.sessionNowPlayingDetails {
  display: -webkit-flex;
  display: flex;
}
.sessionNowPlayingInfo {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 1em;
  text-overflow: ellipsis;
}
.sessionNowPlayingName {
  font-size: 0.8em;
}
.sessionNowPlayingTime {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding: 1em;
  text-overflow: ellipsis;
}
.playbackProgress,
.transcodingProgress {
  background: transparent !important;
  margin: 0;
  width: 100%;
}
.activeSession .backgroundProgress,
.activeSession .playbackProgress,
.activeSession .transcodingProgress {
  bottom: 0;
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.playbackProgress > div {
  background-color: #00a4dc;
  z-index: 1000;
}
.transcodingProgress > div {
  background-color: #dd4919;
  z-index: 10;
}
.backgroundProgress > div {
  background-color: #303030;
}
@media (max-width: 34.375em) {
  .sessionAppName {
    max-width: 160px;
  }
}
@media (max-width: 31.25em) {
  .sessionAppName {
    max-width: 150px;
  }
}
.disabledUser {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.disabledUserBanner {
  margin: 0 0 2em;
}
.appLinks a {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}
.appLinks a + a {
  margin-left: 5px;
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.rotatingCircle {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.pluginPreviewImg {
  box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
}
.ui-bar-a {
  padding: 0 20px;
  text-align: center;
}
.detailTableBodyCell,
.detailTableHeaderCell {
  border-spacing: 0;
  padding: 0.4em;
}
.detailTable {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
.detailTableHeaderCell {
  font-weight: 700;
  text-align: left;
  vertical-align: top;
}
.headerUserImage,
.navMenuOption,
.pageTitle {
  vertical-align: middle;
}
.detailButton,
.itemLinks,
.listPaging,
.sectionTabs,
.viewSettings {
  text-align: center;
}
.headerSelectedPlayer,
.itemMiscInfo,
.navMenuOptionText {
  overflow: hidden;
  text-overflow: ellipsis;
}
.libraryPage {
  padding-top: 7em !important;
}
.itemDetailPage {
  padding-top: 0 !important;
}
.layout-tv .itemDetailPage {
  padding-top: 4.2em !important;
}
.standalonePage {
  padding-top: 4.5em !important;
}
.wizardPage {
  padding-top: 7em !important;
}
.libraryPage:not(.noSecondaryNavPage) {
  padding-top: 7.5em !important;
}
.absolutePageTabContent {
  bottom: 0;
  left: 0;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: 6.9em !important;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  z-index: 1;
}
.pageTabContent:not(.is-active) {
  display: none !important;
}
.headerUserImage {
  background-size: contain;
  display: inline-block;
}
.headerUserButtonRound div,
.headerUserImage {
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 100em;
}
.headerUserButtonRound div {
  background-size: cover;
}
.headerButton {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.hideMainDrawer .mainDrawerButton {
  display: none;
}
.headerLeft {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}
.headerLeft,
.headerRight {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
}
.headerRight {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.noHeaderRight .headerRight,
.noHomeButtonHeader .headerHomeButton {
  display: none !important;
}
.pageTitle {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  height: 1.7em;
}
[dir="ltr"] .pageTitle {
  margin: 0 0 0 0.5em;
}
[dir="rtl"] .pageTitle {
  margin: 0 0.5em 0 0;
}
.pageTitleWithDefaultLogo {
  margin-top: 0;
}
.headerLeft,
.skinHeader {
  display: -webkit-flex;
  display: flex;
}
.detailButton,
.skinHeader {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.pageTitleWithLogo {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13.2em;
}
[dir="rtl"] .pageTitleWithLogo {
  background-position: 100%;
}
.skinHeader {
  border: 0;
  contain: layout style paint;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  left: 0;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-top: env(safe-area-inset-top);
  position: fixed;
  right: 0;
  top: 0;
  transition: background 0.5s ease-in-out;
  z-index: 999;
}
.layout-tv .skinHeader {
  position: relative;
}
.hiddenViewMenuBar .skinHeader {
  display: none;
}
.headerTop {
  padding: 0.54em 0;
}
.sectionTabs {
  width: 100%;
}
.layout-tv .sectionTabs {
  width: 55%;
}
.selectedMediaFolder {
  background-color: #f2f2f2 !important;
}
.navMenuOption {
  -webkit-align-items: center;
  align-items: center;
  border-radius: 0 !important;
  color: inherit;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-weight: 400 !important;
  margin: 0 !important;
  -webkit-text-decoration: none;
  text-decoration: none;
}
[dir="ltr"] .navMenuOption {
  padding: 0.9em 0 0.9em 2.4em !important;
}
[dir="rtl"] .navMenuOption {
  padding: 0.9em 2.4em 0.9em 0 !important;
}
.navMenuOptionIcon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
[dir="ltr"] .navMenuOptionIcon {
  margin-right: 1em;
}
[dir="rtl"] .navMenuOptionIcon {
  margin-left: 1em;
}
.navMenuOptionText {
  line-height: 1.35em;
  white-space: nowrap;
}
.sidebarHeader {
  font-size: 1em;
  margin: 1em 0 0.5em;
}
[dir="ltr"] .sidebarHeader {
  padding-left: 1.2em;
}
[dir="rtl"] .sidebarHeader {
  padding-right: 1.2em;
}
.dashboardDocument .skinBody {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: left 0.3s ease-in-out, padding 0.3s ease-in-out;
}
[dir="rtl"] .dashboardDocument .skinBody {
  transition: right 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.dashboardDocument .skinBody > .page {
  pointer-events: all;
}
.centerMessage {
  margin: auto;
  padding: 5em 0;
  text-align: center;
  width: 30%;
}
.mainDrawer-scrollContainer {
  padding-bottom: 10vh;
}
@media (min-width: 40em) {
  .dashboardDocument .adminDrawerLogo,
  .dashboardDocument .mainDrawerButton {
    display: none !important;
  }
  .dashboardDocument .mainDrawer {
    box-shadow: none !important;
    font-size: 94%;
    left: 0 !important;
    top: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    width: 20.205em !important;
    z-index: inherit !important;
  }
  [dir="ltr"] .dashboardDocument .mainDrawer {
    left: 0 !important;
  }
  [dir="rtl"] .dashboardDocument .mainDrawer {
    right: 0 !important;
  }
  .dashboardDocument .mainDrawer-scrollContainer {
    margin-top: 5em !important;
  }
  [dir="ltr"] .dashboardDocument .skinBody {
    left: 20em;
  }
  [dir="rtl"] .dashboardDocument .skinBody {
    right: 20em;
  }
}
@media (max-width: 100em) {
  .withSectionTabs .headerTop {
    padding-bottom: 0.55em;
  }
  .sectionTabs {
    font-size: 83.5%;
  }
  .layout-tv .sectionTabs {
    width: 100%;
  }
}
@media (min-width: 100em) {
  .headerTop {
    padding: 0.8em 0.8em;
  }
  .headerTabs {
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: -4.3em;
    position: relative;
    width: auto;
  }
  .libraryPage:not(.noSecondaryNavPage) {
    padding-top: 4.6em !important;
  }
  .pageWithAbsoluteTabs:not(.noSecondaryNavPage) {
    padding-top: 6.7em !important;
  }
  .absolutePageTabContent {
    top: 5.7em !important;
  }
  .dashboardDocument .mainDrawer-scrollContainer {
    margin-top: 4.65em !important;
  }
}
.headerSelectedPlayer {
  max-width: 10em;
  white-space: nowrap;
}
@media (max-width: 37.5em) {
  .headerSelectedPlayer {
    display: none;
  }
}
.hidingAnimatedTab {
  visibility: hidden;
}
.headerArrowImage {
  height: 20px;
}
[dir="ltr"] .headerArrowImage {
  margin-left: 0.5em;
}
[dir="rtl"] .headerArrowImage {
  margin-right: 0.5em;
}
.backdropContainer {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.libraryPage .header {
  padding-bottom: 0;
}
.flexPageTabContent.is-active {
  display: -webkit-flex !important;
  display: flex !important;
}
.viewSettings {
  margin: 0 0 0.25em;
}
.listTopPaging,
.viewControls {
  display: inline-block;
}
[dir="ltr"] .viewControls + .listTopPaging {
  margin-left: 0.5em !important;
}
[dir="rtl"] .viewControls + .listTopPaging {
  margin-right: 0.5em !important;
}
.criticReview {
  background: #222;
  border-radius: 0.3em;
  margin: 1.5em 0;
  position: relative;
}
[dir="ltr"] .criticReview {
  padding: 0.8em 0.8em 0.8em 3em;
}
[dir="rtl"] .criticReview {
  padding: 0.8em 3em 0.8em 0.8em;
}
.detailLogo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 16vh;
  position: absolute;
  right: 25vw;
  top: 10vh;
  width: 25vw;
}
.criticReview:first-child {
  margin-top: 0.5em;
}
.criticReview img {
  width: 2.4em;
}
.criticRatingScore {
  margin-bottom: 0.5em;
}
.itemTag {
  display: inline-block;
  margin-right: 1em;
}
.itemOverview {
  white-space: pre-wrap;
}
.itemLinks {
  padding: 0;
}
.itemLinks p {
  margin: 0.5em 0;
}
.reviewLink,
.reviewerName {
  margin-top: 0.5em;
}
.reviewerName {
  color: #ccc;
}
[dir="ltr"] .reviewDate {
  margin-left: 1em;
}
[dir="rtl"] .reviewDate {
  margin-right: 1em;
}
.reviewScore {
  position: absolute;
}
[dir="ltr"] .reviewScore {
  left: 0.8em;
}
[dir="rtl"] .reviewScore {
  right: 0.8em;
}
.itemBackdrop {
  -webkit-animation: backdrop-fadein 0.8s ease-in normal both;
  animation: backdrop-fadein 0.8s ease-in normal both;
  background-attachment: fixed;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 40vh;
  position: relative;
}
.layout-mobile .itemBackdrop {
  background-attachment: scroll;
  background-position: top;
  margin-top: 3rem;
}
@media (orientation: portrait) and (max-width: 40em) {
  .layout-mobile .itemBackdrop {
    height: 30vh;
  }
}
.layout-tv .itemBackdrop {
  display: none;
}
.detailPageContent {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
[dir="ltr"] .layout-desktop .detailPageContent .emby-scroller,
[dir="ltr"] .layout-tv .detailPageContent .emby-scroller {
  margin-left: 0;
}
[dir="rtl"] .layout-desktop .detailPageContent .emby-scroller,
[dir="rtl"] .layout-tv .detailPageContent .emby-scroller {
  margin-right: 0;
}
[dir="ltr"] .detailPageContent {
  padding-left: 32.45vw;
  padding-right: 2%;
}
[dir="rtl"] .detailPageContent {
  padding-left: 2%;
  padding-right: 32.45vw;
}
.layout-mobile .detailPageContent {
  padding-left: 5%;
  padding-right: 5%;
}
.detailSectionContent a {
  color: inherit;
}
.personBackdrop {
  background-size: contain;
}
.itemBackdropProgressBar {
  bottom: 0;
  left: 0;
  position: absolute !important;
  right: 0;
}
.desktopMiscInfoContainer {
  bottom: 0.75em;
  position: absolute;
}
.parentName {
  display: block;
  margin: 0 0 0;
}
.layout-mobile .parentName {
  margin: 0.6em 0 0;
}
.musicParentName {
  margin: 0.15em 0 0.2em;
}
.layout-mobile .musicParentName {
  margin: -0.25em 0 0.25em;
}
.mainDetailButtons {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  margin: 1em 0;
}
.itemName {
  font-weight: 600;
  margin: 0.5em 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layout-mobile .itemName {
  overflow: visible;
  white-space: normal;
}
.itemName.originalTitle {
  margin: 0.2em 0 0.2em;
}
.itemName.parentNameLast {
  margin: 0 0 0;
}
.layout-mobile .itemName.parentNameLast {
  margin: 0.4em 0 0.4em;
}
.layout-mobile h1.itemName,
.layout-mobile h1.parentName {
  font-size: 1.6em;
}
.itemName.parentNameLast.withOriginalTitle {
  margin: 0 0 0;
}
.layout-mobile .itemName.parentNameLast.withOriginalTitle {
  margin: 0.6em 0 0;
}
.layout-mobile .itemName.originalTitle {
  margin: 0.5em 0 0.5em;
}
.nameContainer {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.itemMiscInfo,
.nameContainer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.itemMiscInfo {
  -webkit-align-items: center;
  align-items: center;
}
@media (orientation: portrait) and (max-width: 40em) {
  .layout-mobile .itemMiscInfo {
    margin-bottom: 0 !important;
  }
  .layout-mobile .itemMiscInfo .mediaInfoItem {
    margin-top: 0.5em;
  }
}
.layout-mobile .itemMiscInfo,
.layout-mobile .itemName,
.layout-mobile .mainDetailButtons,
.layout-mobile .parentName {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.layout-mobile .mainDetailButtons {
  margin-bottom: 0.5em;
  margin-top: 1em;
}
.layout-mobile [dir="ltr"] .mainDetailButtons {
  margin-left: 0;
  padding-left: 37.5%;
}
@media (min-width: 43.75em) {
  .layout-mobile [dir="ltr"] .mainDetailButtons {
    padding-left: 25%;
  }
}
@media (min-width: 50em) {
  .layout-mobile [dir="ltr"] .mainDetailButtons {
    padding-left: 20%;
  }
}
@media (min-width: 75em) {
  .layout-mobile [dir="ltr"] .mainDetailButtons {
    padding-left: 16.6666666667%;
  }
}
@media (min-width: 87.5em) {
  .layout-mobile [dir="ltr"] .mainDetailButtons {
    padding-left: 14.2857142857%;
  }
}
@media (min-width: 100em) {
  .layout-mobile [dir="ltr"] .mainDetailButtons {
    padding-left: 12.5%;
  }
}
@media (min-width: 120em) {
  .layout-mobile [dir="ltr"] .mainDetailButtons {
    padding-left: 11.1111111111%;
  }
}
@media (min-width: 131.25em) {
  .layout-mobile [dir="ltr"] .mainDetailButtons {
    padding-left: 10%;
  }
}
@media (max-width: 32em) {
  .layout-mobile [dir="ltr"] .mainDetailButtons {
    margin-bottom: 0;
    padding-left: 0;
  }
}
.layout-mobile [dir="rtl"] .mainDetailButtons {
  margin-right: 0;
  padding-left: 0;
  padding-right: 37.5%;
}
@media (min-width: 43.75em) {
  .layout-mobile [dir="rtl"] .mainDetailButtons {
    padding-right: 25%;
  }
}
@media (min-width: 50em) {
  .layout-mobile [dir="rtl"] .mainDetailButtons {
    padding-right: 20%;
  }
}
@media (min-width: 75em) {
  .layout-mobile [dir="rtl"] .mainDetailButtons {
    padding-right: 16.6666666667%;
  }
}
@media (min-width: 87.5em) {
  .layout-mobile [dir="rtl"] .mainDetailButtons {
    padding-right: 14.2857142857%;
  }
}
@media (min-width: 100em) {
  .layout-mobile [dir="rtl"] .mainDetailButtons {
    padding-right: 12.5%;
  }
}
@media (min-width: 120em) {
  .layout-mobile [dir="rtl"] .mainDetailButtons {
    padding-right: 11.1111111111%;
  }
}
@media (min-width: 131.25em) {
  .layout-mobile [dir="rtl"] .mainDetailButtons {
    padding-right: 10%;
  }
}
@media (max-width: 32em) {
  .layout-mobile [dir="rtl"] .mainDetailButtons {
    margin-bottom: 0;
    padding-right: 0;
  }
}
.subtitle {
  margin: 0.15em 0 0.2em;
  margin-left: -1em;
  padding-left: 1em;
}
.layout-mobile .subtitle {
  margin: 0.2em 0 0.2em;
  padding-left: 0;
}
.detailRibbon {
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  z-index: 2;
}
.layout-mobile .detailRibbon {
  display: block;
  padding: 0.5rem 5%;
  position: relative;
}
.layout-desktop .detailRibbon {
  height: 7.2em;
  margin-top: -7.2em;
  position: relative;
}
.layout-tv .detailRibbon {
  display: block;
}
.layout-desktop [dir="rtl"] .detailRibbon,
.layout-tv [dir="rtl"] .detailRibbon {
  padding-right: 32.45vw;
}
.layout-desktop [dir="ltr"] .detailRibbon,
.layout-tv [dir="ltr"] .detailRibbon {
  padding-left: 32.45vw;
}
.infoWrapper {
  -webkit-flex: 1 0 0;
  flex: 1 0 0;
  max-width: 100%;
  min-width: 0;
}
@media (max-width: 32em) {
  .layout-mobile .infoWrapper {
    position: relative;
  }
}
.layout-mobile [dir="ltr"] .infoWrapper {
  padding-left: 37.5%;
}
@media (min-width: 43.75em) {
  .layout-mobile [dir="ltr"] .infoWrapper {
    padding-left: 25%;
  }
}
@media (min-width: 50em) {
  .layout-mobile [dir="ltr"] .infoWrapper {
    padding-left: 20%;
  }
}
@media (min-width: 75em) {
  .layout-mobile [dir="ltr"] .infoWrapper {
    padding-left: 16.6666666667%;
  }
}
@media (min-width: 87.5em) {
  .layout-mobile [dir="ltr"] .infoWrapper {
    padding-left: 14.2857142857%;
  }
}
@media (min-width: 100em) {
  .layout-mobile [dir="ltr"] .infoWrapper {
    padding-left: 12.5%;
  }
}
@media (min-width: 120em) {
  .layout-mobile [dir="ltr"] .infoWrapper {
    padding-left: 11.1111111111%;
  }
}
@media (min-width: 131.25em) {
  .layout-mobile [dir="ltr"] .infoWrapper {
    padding-left: 10%;
  }
}
.layout-mobile [dir="rtl"] .infoWrapper {
  padding-left: 0;
  padding-right: 37.5%;
}
@media (min-width: 43.75em) {
  .layout-mobile [dir="rtl"] .infoWrapper {
    padding-right: 25%;
  }
}
@media (min-width: 50em) {
  .layout-mobile [dir="rtl"] .infoWrapper {
    padding-right: 20%;
  }
}
@media (min-width: 75em) {
  .layout-mobile [dir="rtl"] .infoWrapper {
    padding-right: 16.6666666667%;
  }
}
@media (min-width: 87.5em) {
  .layout-mobile [dir="rtl"] .infoWrapper {
    padding-right: 14.2857142857%;
  }
}
@media (min-width: 100em) {
  .layout-mobile [dir="rtl"] .infoWrapper {
    padding-right: 12.5%;
  }
}
@media (min-width: 120em) {
  .layout-mobile [dir="rtl"] .infoWrapper {
    padding-right: 11.1111111111%;
  }
}
@media (min-width: 131.25em) {
  .layout-mobile [dir="rtl"] .infoWrapper {
    padding-right: 10%;
  }
}
.infoText {
  max-width: 100%;
  min-width: 0;
}
.detailPagePrimaryContainer {
  position: relative;
}
.detailPageSecondaryContainer {
  padding-top: 1.25em;
}
.layout-desktop .detailPageSecondaryContainer {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.layout-mobile .detailPageSecondaryContainer {
  padding-top: 1em;
}
.detailImageContainer .card {
  float: left;
  max-height: 80vh;
  max-width: 25vw;
  position: relative;
  top: 20%;
  z-index: 3;
}
.detailImageContainer .card .cardBox {
  margin: 0;
}
.layout-mobile .detailImageContainer .card {
  bottom: 1rem;
  -webkit-filter: drop-shadow(0 0 0.5rem #000);
  filter: drop-shadow(0 0 0.5rem #000);
  left: 5%;
  max-width: 30vw;
  position: absolute;
  top: auto;
}
@media (max-width: 32em) {
  .layout-mobile .detailImageContainer .card {
    bottom: 0;
    left: 0;
  }
}
.layout-mobile .detailImageContainer .card.backdropCard {
  top: 1.6em;
}
.layout-desktop .detailImageContainer .card {
  left: 3.3%;
  margin-bottom: -12.96em;
  max-height: none;
  top: -12.96em;
  width: 25vw;
}
.layout-tv .detailImageContainer .card {
  left: 5%;
  margin-right: -25vw;
  top: 0;
  width: 25vw;
}
[dir="rtl"] .detailImageContainer .card {
  left: auto;
}
.layout-mobile [dir="rtl"] .detailImageContainer .card,
.layout-tv [dir="rtl"] .detailImageContainer .card {
  right: 5%;
}
.layout-desktop [dir="rtl"] .detailImageContainer .card {
  right: 3.3%;
}
.detailPagePrimaryContent {
  padding-top: 1.25em;
  position: relative;
}
[dir="ltr"] .detailPagePrimaryContent {
  padding-left: 32.45vw;
  padding-right: 2%;
}
[dir="rtl"] .detailPagePrimaryContent {
  padding-left: 2%;
  padding-right: 32.45vw;
}
.layout-mobile .detailPagePrimaryContent {
  padding-left: 5% !important;
  padding-right: 5% !important;
}
.detailPagePrimaryContent:after {
  clear: both;
  content: "";
  display: table;
}
.layout-mobile .detailLogo,
.layout-tv .detailLogo {
  display: none;
}
@media (max-width: 68.75em) {
  .detailLogo {
    display: none;
  }
}
.itemDetailImage {
  box-shadow: 0 0.1em 0.5em 0 rgba(0, 0, 0, 0.75);
  width: 100% !important;
}
[dir="rtl"] .itemDetailImage {
  box-shadow: 0 0 0.5em 0.1em rgba(0, 0, 0, 0.75);
}
div.itemDetailGalleryLink.defaultCardBackground {
  text-align: center;
}
.itemDetailGalleryLink.defaultCardBackground {
  height: 23vw;
}
.sectionTitleTextButton > .material-icons {
  font-size: 1.5em;
  margin-bottom: 0.35em;
  margin-top: 0;
}
.layout-mobile .sectionTitleTextButton > .material-icons {
  margin-bottom: 0;
  padding-top: 0.5em;
}
.itemDetailGalleryLink.defaultCardBackground > .material-icons {
  font-size: 15vw;
  margin-top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 62.5em) {
  .detailPageWrapperContainer {
    position: relative;
  }
  .layout-desktop .itemBackdrop {
    height: 40vh;
  }
  .layout-desktop .detailPageWrapperContainer,
  .layout-tv .detailPageWrapperContainer {
    margin-top: 0.1em;
  }
  .layout-desktop .detailImageContainer .card,
  .layout-tv .detailImageContainer .card {
    top: 10%;
  }
  .btnPlaySimple {
    display: none !important;
  }
}
@media (max-width: 75em) {
  .lnkSibling {
    display: none !important;
  }
}
.emby-button.detailFloatingButton {
  color: hsla(0, 0%, 100%, 0.76);
  font-size: 1.4em;
  margin-right: 0.5em !important;
}
.emby-button.detailFloatingButton .material-icons {
  font-size: 3.5em;
}
@media (max-width: 62.5em) {
  .parentName {
    margin-bottom: 0;
  }
  .itemDetailPage {
    padding-top: 0 !important;
  }
}
@media (min-width: 31.25em) {
  .mobileDetails {
    display: none;
  }
}
@media (max-width: 31.25em) {
  .desktopDetails {
    display: none !important;
  }
}
.empty {
  margin: 0;
}
.detailCollapsibleSection:not(.hide) + .detailCollapsibleSection {
  margin-top: -2em;
}
.detailPageCollabsible {
  margin-top: 0;
}
.recordingFields button {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
[dir="ltr"] .recordingFields button {
  margin-left: 0;
  margin-right: 0.5em;
}
[dir="rtl"] .recordingFields button {
  margin-left: 0.5em;
  margin-right: 0;
}
.mainDetailButtons.hide + .recordingFields {
  margin-top: 1.5em !important;
}
.detailButton {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0.7em 0.7em !important;
}
@media (min-width: 29em) {
  .detailButton {
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
  }
}
@media (min-width: 32em) {
  .detailButton {
    padding-left: 0.8em !important;
    padding-right: 0.8em !important;
  }
}
@media (min-width: 35em) {
  .detailButton {
    padding-left: 0.85em !important;
    padding-right: 0.85em !important;
  }
}
.detailButton-content {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}
.detailButton-icon {
  font-size: 1.6em !important;
  height: 1em;
  width: 1em;
}
.detailImageProgressContainer {
  bottom: 0;
  margin-top: -0.4vw;
  width: 100%;
}
.detailButton-text {
  font-size: 80%;
  font-weight: 400;
  margin-top: 0.7em;
}
@media (max-width: 62.5em) {
  .detailButtonHideonMobile {
    display: none !important;
  }
}
@media (min-width: 100em) {
  .personBackdrop {
    display: none !important;
  }
  .mainDetailButtons {
    font-size: 108%;
    margin: 1.25em 0;
  }
  .layout-tv .mainDetailButtons {
    font-size: 108%;
    margin: 1em 0 1.25em;
  }
}
@media (max-width: 50em) {
  .editorMenuLink {
    display: none;
  }
}
@media (max-width: 31.25em) {
  .mobileDetails .itemMiscInfo {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .itemMiscInfo .endsAt {
    display: none;
  }
}
.detailVerticalSection .emby-scrollbuttons {
  padding-top: 0.4em;
}
.layout-tv .detailVerticalSection {
  margin-bottom: 3.4em !important;
}
.detailPageWrapperContainer {
  border-collapse: collapse;
  border-spacing: 0;
}
.layout-desktop .detailPageWrapperContainer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 60vh;
}
.mediaInfoContent .btnCopy .material-icons {
  font-size: inherit;
}
.mediaInfoStream {
  display: inline-block;
  margin: 0 3em 0 0;
  vertical-align: top;
}
.mediaInfoStreamType {
  display: block;
  margin: 0.622em 0;
}
.layout-tv .mediaInfoStreamType {
  margin: 1em 0;
}
.mediaInfoAttribute,
.mediaInfoLabel {
  display: inline-block;
}
.mediaInfoLabel {
  font-weight: 600;
}
[dir="ltr"] .mediaInfoLabel {
  margin-right: 1em;
}
[dir="rtl"] .mediaInfoLabel {
  margin-left: 1em;
}
.recordingProgressBar::-moz-progress-bar {
  background-color: #c33;
}
.recordingProgressBar::-webkit-progress-value {
  background-color: #c33;
}
.recordingProgressBar[aria-valuenow]:before {
  background-color: #c33;
}
.timelineHeader {
  line-height: 1.25em;
  line-height: normal;
  margin-bottom: 0.25em;
}
.itemsContainer {
  margin: 0 auto;
}
@media (max-height: 31.25em) {
  .itemBackdrop {
    height: 52vh;
  }
}
.listViewUserDataButtons {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
}
.bulletSeparator {
  margin: 0 0.35em;
}
.mediaInfoIcons {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1em 0;
}
.verticalSection-extrabottompadding {
  margin-bottom: 2.7em;
}
.layout-mobile .verticalSection-extrabottompadding {
  margin-bottom: 1em;
}
.sectionTitleButton,
.sectionTitleIconButton {
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-right: 0 !important;
  vertical-align: middle;
}
.sectionTitleContainer {
  margin: 1.25em 0;
}
.sectionTitleContainer > .sectionTitle {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.sectionTitleContainer-cards {
  margin: 0;
  padding-top: 1.25em;
}
div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
  margin: 0;
  padding-bottom: 0.2em;
  padding-top: 0.5em;
}
.layout-mobile :not(.sectionTitleContainer-cards) > .sectionTitle-cards {
  margin: 0;
  padding-top: 0.5em;
}
.sectionTitleButton {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
[dir="ltr"] .sectionTitleButton {
  margin-left: 1.5em !important;
}
[dir="rtl"] .sectionTitleButton {
  margin-right: 1.5em !important;
}
[dir="ltr"] .sectionTitleButton + .sectionTitleButton {
  margin-left: 0.5em !important;
}
[dir="rtl"] .sectionTitleButton + .sectionTitleButton {
  margin-right: 0.5em !important;
}
.sectionTitleIconButton {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 84% !important;
  padding: 0.5em !important;
}
[dir="ltr"] .sectionTitleIconButton {
  margin-left: 1.5em !important;
}
[dir="rtl"] .sectionTitleIconButton {
  margin-right: 1.5em !important;
}
.horizontalItemsContainer {
  display: -webkit-flex;
  display: flex;
}
.sectionTitleTextButton {
  color: inherit !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  margin: 0 !important;
}
.sectionTitleTextButton:not(.padded-left) {
  padding: 0 !important;
}
.sectionTitleTextButton.padded-left {
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
}
.sectionTitleTextButton > .sectionTitle {
  margin-bottom: 0.35em;
  margin-top: 0;
}
[dir="ltr"] .padded-left {
  padding-left: 3.3%;
}
@supports (width: max(1px, 1px)) {
  [dir="ltr"] .padded-left {
    padding-left: max(env(safe-area-inset-left), 3.3%);
  }
}
[dir="rtl"] .padded-left {
  padding-right: 3.3%;
}
@supports (width: max(1px, 1px)) {
  [dir="rtl"] .padded-left {
    padding-right: max(env(safe-area-inset-right), 3.3%);
  }
}
[dir="ltr"] .padded-right {
  padding-right: 3.3%;
}
@supports (width: max(1px, 1px)) {
  [dir="ltr"] .padded-right {
    padding-right: max(env(safe-area-inset-right), 3.3%);
  }
}
[dir="rtl"] .padded-right {
  padding-left: 3.3%;
}
@supports (width: max(1px, 1px)) {
  [dir="rtl"] .padded-right {
    padding-left: max(env(safe-area-inset-left), 3.3%);
  }
}
.padded-top {
  padding-top: 1em;
}
.padded-bottom {
  padding-bottom: 1em;
}
.layout-tv .padded-top-focusscale {
  margin-top: -1.5em;
  padding-top: 1.5em;
}
.layout-tv .padded-bottom-focusscale {
  margin-bottom: -1.5em;
  padding-bottom: 1.5em;
}
@media (min-height: 31.25em) {
  [dir="ltr"] .padded-right-withalphapicker {
    padding-right: 7.5%;
  }
  @supports (width: max(1px, 1px)) {
    [dir="ltr"] .padded-right-withalphapicker {
      padding-right: max(env(safe-area-inset-right), 7.5%);
    }
  }
  [dir="rtl"] .padded-right-withalphapicker {
    padding-left: 7.5%;
  }
  @supports (width: max(1px, 1px)) {
    [dir="rtl"] .padded-right-withalphapicker {
      padding-left: max(env(safe-area-inset-left), 7.5%);
    }
  }
}
.searchfields-icon {
  color: #aaa;
}
.button-accent-flat {
  color: #00a4dc !important;
}
.clearLink {
  color: inherit !important;
  font-weight: inherit !important;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: middle;
}
.itemsViewSettingsContainer {
  -webkit-justify-content: center;
  justify-content: center;
}
@media (min-width: 40em) {
  .listIconButton-autohide {
    display: none !important;
  }
}
@media (max-width: 40em) {
  .listTextButton-autohide {
    display: none !important;
  }
}
.itemsViewSettingsContainer > .button-flat {
  margin: 0;
}
.layout-mobile #myPreferencesMenuPage {
  padding-top: 3.75em;
}
.itemDetailsGroup {
  margin-top: 1.5em;
}
.trackSelections {
  max-width: 44em;
}
.detailsGroupItem,
.trackSelections .selectContainer {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 0.5em !important;
  max-width: 44em;
}
.trackSelections .selectContainer {
  margin: 0 0 0.3em !important;
}
.detailsGroupItem .label,
.trackSelections .selectContainer .selectLabel {
  cursor: default;
  -webkit-flex-basis: 6.25em;
  flex-basis: 6.25em;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 0.6em 0 0;
}
.trackSelections .selectContainer .selectLabel {
  line-height: 1.75;
  margin: 0 0.2em 0 0;
}
.layout-mobile .detailsGroupItem .label,
.layout-mobile .trackSelections .selectContainer .selectLabel {
  -webkit-flex-basis: 4.5em;
  flex-basis: 4.5em;
}
.trackSelections .selectContainer .detailTrackSelect {
  font-size: inherit;
  overflow: hidden;
  padding: 0;
}
.trackSelections .selectContainer .selectArrowContainer .selectArrow {
  font-size: 1.4em;
  margin-top: 0;
}
.overview-controls {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.detail-clamp-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
}
@media (min-width: 40em) {
  .detail-clamp-text {
    -webkit-line-clamp: 6;
  }
}
.currentTimeText {
  padding-left: 0.8em;
  padding-right: 0.8em;
}