:root,
[data-mdb-theme=light] {
  --mdb-font-roboto: "Roboto", sans-serif;
  --mdb-bg-opacity: 1;
  --mdb-text-hover-opacity: 0.8;
  --mdb-surface-color: #4f4f4f;
  --mdb-surface-color-rgb: 79, 79, 79;
  --mdb-surface-bg: #fff;
  --mdb-surface-inverted-color: #fff;
  --mdb-surface-inverted-color-rgb: 255, 255, 255;
  --mdb-surface-inverted-bg: #6d6d6d;
  --mdb-divider-color: #f5f5f5;
  --mdb-divider-blurry-color: hsl(0, 0%, 40%);
  --mdb-highlight-bg-color: #eeeeee;
  --mdb-scrollbar-rail-bg: #eeeeee;
  --mdb-scrollbar-thumb-bg: #9e9e9e;
  --mdb-picker-header-bg: #3b71ca;
  --mdb-timepicker-clock-face-bg: var(--mdb-secondary-bg);
  --mdb-sidenav-backdrop-opacity: 0.1;
  --mdb-input-focus-border-color: var(--mdb-primary);
  --mdb-input-focus-label-color: var(--mdb-primary);
  --mdb-form-control-border-color: #bdbdbd;
  --mdb-form-control-label-color: #757575;
  --mdb-form-control-disabled-bg: #e0e0e0;
  --mdb-box-shadow-color: #000;
  --mdb-box-shadow-color-rgb: 0, 0, 0;
  --mdb-stepper-mobile-bg: #fbfbfb
}
[data-mdb-theme=dark] {
  color-scheme:dark;
  --mdb-surface-color: #fff;
  --mdb-surface-color-rgb: 255, 255, 255;
  --mdb-surface-bg: #424242;
  --mdb-surface-inverted-color: #fff;
  --mdb-surface-inverted-color-rgb: 255, 255, 255;
  --mdb-surface-inverted-bg: #757575;
  --mdb-divider-color: rgba(255, 255, 255, 0.12);
  --mdb-divider-blurry-color: hsl(0, 0%, 70%);
  --mdb-highlight-bg-color: #3c3c3c;
  --mdb-scrollbar-rail-bg: #9e9e9e;
  --mdb-scrollbar-thumb-bg: #eeeeee;
  --mdb-picker-header-bg: #323232;
  --mdb-timepicker-clock-face-bg: #616161;
  --mdb-sidenav-backdrop-opacity: 0.5;
  --mdb-form-control-border-color: rgba(255, 255, 255, 0.7);
  --mdb-form-control-label-color: #bdbdbd;
  --mdb-form-control-disabled-bg: #616161;
  --mdb-box-shadow-color: #000;
  --mdb-box-shadow-color-rgb: 0, 0, 0;
  --mdb-stepper-mobile-bg: #3b3b3b
}
hr:not([size]).hr {
  --mdb-divider-height: 2px;
  --mdb-divider-bg: var(--mdb-divider-color);
  --mdb-divider-opacity: 1;
  --mdb-divider-blurry-bg: transparent;
  --mdb-divider-blurry-bg-image: linear-gradient(90deg, transparent, var(--mdb-divider-blurry-color), transparent);
  --mdb-divider-blurry-height: 1px;
  --mdb-divider-blurry-opacity: 0.25;
  height:var(--mdb-divider-height);
  background-color:var(--mdb-divider-bg);
  opacity:var(--mdb-divider-opacity)
}
hr:not([size]).hr.hr-blurry {
  background-color:var(--mdb-divider-blurry-bg);
  background-image:var(--mdb-divider-blurry-bg-image);
  height:var(--mdb-divider-blurry-height);
  opacity:var(--mdb-divider-blurry-opacity)
}
hr:not([size]).vr {
  height:auto
}
hr.hr,
hr.vr {
  border-top:none !important
}