html.preload #reactRoot {
  visibility: hidden;
  opacity: 0;
}

html.ready #reactRoot {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s ease;
}

body {
  transition: opacity ease-in 0.2s;
}
body[unresolved] {
  opacity: 0;
  display: block;
  overflow: hidden;
  position: relative;
}
.backgroundContainer-transparent:not(.withBackdrop),
.transparentDocument {
  background: 0 0 !important;
  background-color: transparent !important;
}
.layout-tv .mouseIdle,
.layout-tv .mouseIdle a,
.layout-tv .mouseIdle button,
.layout-tv .mouseIdle input,
.layout-tv .mouseIdle label,
.layout-tv .mouseIdle select,
.layout-tv .mouseIdle textarea,
.screensaver-noScroll.mouseIdle,
.screensaver-noScroll.mouseIdle a,
.screensaver-noScroll.mouseIdle button,
.screensaver-noScroll.mouseIdle input,
.screensaver-noScroll.mouseIdle label,
.screensaver-noScroll.mouseIdle select,
.screensaver-noScroll.mouseIdle textarea,
.transparentDocument .mouseIdle,
.transparentDocument .mouseIdle a,
.transparentDocument .mouseIdle button,
.transparentDocument .mouseIdle input,
.transparentDocument .mouseIdle label,
.transparentDocument .mouseIdle select,
.transparentDocument .mouseIdle textarea {
  cursor: none !important;
}
.preload {
  background-color: #101010;
}
.hide,
.layout-desktop .hide-desktop,
.layout-mobile .hide-mobile,
.layout-tv .hide-tv,
.mouseIdle .hide-mouse-idle,
.mouseIdle-tv .hide-mouse-idle-tv {
  display: none !important;
}
.mainDrawerHandle {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 0.8em;
  padding-left: env(safe-area-inset-left);
  caret-color: transparent;
}
[dir="ltr"] .mainDrawerHandle {
  left: 0;
}
[dir="rtl"] .mainDrawerHandle {
  left: 0;
}
.pageTitleWithLogo.pageTitleWithDefaultLogo {
  background-image: url(../images/banner-light.b103d4d1c6c06fcb73f0.png);
}
button.loading {
  position: relative;
  pointer-events: none;
  opacity: 0.9;

  color: transparent;
}

button.loading > * {
  visibility: hidden;
}

button.loading::after {
  content: "";
  position: absolute;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  width: 1.1em;
  height: 1.1em;

  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner 0.6s linear infinite;
}

@keyframes spinner {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}