/* Generated by src/scripts/brand/build-brand.js from theme-eso.scss. Do not edit. */
:root:not(#brand) {
  --theme-white-extra: #afbdd1;
  --theme-white-alt: #eff2f6;
  --theme-primary-color-light: #123349;
  --theme-primary-color: #0a2233;
  --theme-primary-color-extra: #061723;
  --theme-secondary-color-light: #0091cf;
  --theme-secondary-color: #0072a3;
  --theme-secondary-color-dark: #005a84;
  --theme-btn-primary-background: #0072a3;
  --theme-btn-primary-background-active: #005a84;
  --theme-btn-primary-hover-background: #006694;
  --theme-btn-secondary-background: #5b6573;
  --theme-btn-secondary-background-active: #3c4450;
  --theme-btn-secondary-hover-background: #4a5361;
  --theme-timepicker-color: #0072a3;
  --theme-toolbar-focus-ring: rgba(0, 114, 163, 0.28);
  --sidenav-toolbar-background: rgb(2.7740276438%, 9.4316939891%, 14.1475409836%);
  --sidenav-item-background-hover: rgb(3.1018964963%, 10.5464480874%, 15.8196721311%);
  --sidenav-item-background-active: #0072a3;
  --sidenav-item-background-open: #0072a3;
  --sidenav-item-background-dropdown-open: rgb(0%, 34.2150848069%, 48.9215686275%);
  --sidenav-item-level1-color-active: #4cc3f5;
  --sidenav-item-level1-font-weight-active: 500;
  --sidenav-item-level1-indicator: 2px solid #4cc3f5;
  --sidenav-item-level1-indicator-shadow: -1px 0 0 #4cc3f5;
  --sidenav-item-subheading-opacity: 0.5;
  --sidenav-item-subsection-opacity: 0.55;
  --sidenav-item-dropdown-level2: rgb(2.2822243652%, 7.7595628415%, 11.6393442623%);
  --sidenav-item-dropdown-level3: rgb(1.462552234%, 4.9726775956%, 7.4590163934%);
  --sidenav-item-dropdown-level4: rgb(0.6428801029%, 2.1857923497%, 3.2786885246%);
}
:root:not(#brand) .page.eso {
  background: linear-gradient(328deg, rgba(6, 23, 35, 0.62) -1.31%, rgba(0, 114, 163, 0.55) 102.53%), linear-gradient(117deg, #005a84 -3.39%, #061723 100%);
}
:root:not(#brand) .page.eso::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30vw;
  height: 25vw;
  background: repeating-linear-gradient(160deg, transparent 0 1.6vw, rgba(0, 160, 227, 0.34) 1.6vw 2.1vw) top/100% 8.4vw no-repeat, linear-gradient(135deg, rgba(6, 23, 35, 0.8784313725) 6%, #003a5c 76.48%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 70%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 70%);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 0;
  pointer-events: none;
}
:root:not(#brand) .page.eso::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25vw;
  height: 25vw;
  background: linear-gradient(309deg, #061723 32%, #0072a3 84%, #00a0e3 110%);
  clip-path: polygon(100% 100%, 0 100%, 100% 0);
  z-index: 0;
  pointer-events: none;
}
:root:not(#brand) .page .login-card .login-form-wrapper .logo-container .logo.eso {
  width: 210px;
}
@media screen and (max-width: 599px) {
  :root:not(#brand) .page .login-card.single .login-form-wrapper .logo-container .logo.eso {
    width: 190px;
  }
}
:root:not(#brand) .sidenav-toolbar .sidenav-toolbar-logo.eso {
  margin-left: 6px;
}
:root:not(#brand) .sidenav-toolbar .sidenav-toolbar-logo.eso img {
  width: auto;
  max-width: 120px;
  max-height: 36px;
}
:root:not(#brand) .not-found-card .logo.eso {
  padding: 10px 16px;
  border-radius: 10px;
  background: #fff;
  line-height: 0;
}
:root:not(#brand) .not-found-card .code {
  background: linear-gradient(135deg, #ffffff 0%, #4cc3f5 100%);
  -webkit-background-clip: text;
  background-clip: text;
}