/* Generated by src/scripts/brand/build-brand.js from theme-hse.scss. Do not edit. */
:root:not(#brand) {
  --theme-white-extra: #afbdd1;
  --theme-white-alt: #eff2f6;
  --theme-primary-color-light: #1b2a5c;
  --theme-primary-color: #0c1533;
  --theme-primary-color-extra: #070d22;
  --theme-secondary-color-light: #3651a0;
  --theme-secondary-color: #234198;
  --theme-secondary-color-dark: #192f78;
  --theme-btn-primary-background: #234198;
  --theme-btn-primary-background-active: #192f78;
  --theme-btn-primary-hover-background: #1e388a;
  --theme-btn-secondary-background: #5b6573;
  --theme-btn-secondary-background-active: #3c4450;
  --theme-btn-secondary-hover-background: #4a5361;
  --theme-timepicker-color: #234198;
  --theme-toolbar-focus-ring: rgba(35, 65, 152, 0.28);
  --sidenav-toolbar-background: rgb(3.3725490196%, 5.9019607843%, 14.3333333333%);
  --sidenav-item-background-hover: rgb(3.7535014006%, 6.568627451%, 15.9523809524%);
  --sidenav-item-background-active: #234198;
  --sidenav-item-background-open: #234198;
  --sidenav-item-background-dropdown-open: rgb(10.9180035651%, 20.2762923351%, 47.4153297683%);
  --sidenav-item-level1-color-active: #8ec647;
  --sidenav-item-level1-font-weight-active: 500;
  --sidenav-item-level1-indicator: 2px solid #8ec647;
  --sidenav-item-level1-indicator-shadow: -1px 0 0 #8ec647;
  --sidenav-item-subheading-opacity: 0.5;
  --sidenav-item-subsection-opacity: 0.55;
  --sidenav-item-dropdown-level2: rgb(2.8011204482%, 4.9019607843%, 11.9047619048%);
  --sidenav-item-dropdown-level3: rgb(1.8487394958%, 3.2352941176%, 7.8571428571%);
  --sidenav-item-dropdown-level4: rgb(0.8963585434%, 1.568627451%, 3.8095238095%);
}
:root:not(#brand) .page.hse {
  background: linear-gradient(328deg, rgba(7, 13, 34, 0.62) -1.31%, rgba(35, 65, 152, 0.55) 102.53%), linear-gradient(117deg, #192f78 -3.39%, #070d22 100%);
}
:root:not(#brand) .page.hse::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30vw;
  height: 25vw;
  background: repeating-linear-gradient(180deg, transparent 0 1.6vw, rgba(142, 198, 71, 0.3) 1.6vw 2.1vw) top/100% 8.4vw no-repeat, linear-gradient(135deg, rgba(7, 13, 34, 0.8784313725) 6%, #16285e 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.hse::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25vw;
  height: 25vw;
  background: linear-gradient(309deg, #070d22 32%, #234198 84%, #8ec647 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.hse {
  width: 170px;
}
@media screen and (max-width: 599px) {
  :root:not(#brand) .page .login-card.single .login-form-wrapper .logo-container .logo.hse {
    width: 150px;
  }
}
:root:not(#brand) .sidenav-toolbar .sidenav-toolbar-logo.hse {
  margin-left: 8px;
}
:root:not(#brand) .sidenav-toolbar .sidenav-toolbar-logo.hse img {
  width: auto;
  max-width: 96px;
  max-height: 30px;
}
:root:not(#brand) .not-found-card .logo.hse {
  padding: 10px 16px;
  border-radius: 10px;
  background: #fff;
  line-height: 0;
}
:root:not(#brand) .not-found-card .code {
  background: linear-gradient(135deg, #ffffff 0%, #8ec647 100%);
  -webkit-background-clip: text;
  background-clip: text;
}