:root {
  --left-menu-bg-color: var(--el-bg-color-page) !important;
  --left-menu-bg-light-color: transparent !important;
  --left-menu-bg-active-color: var(--el-color-primary) !important;
  --left-menu-collapse-bg-active-color: var(--el-color-primary) !important;
  --left-menu-text-color: var(--el-text-color-regular) !important;
  --left-menu-text-active-color: #fff !important;
  --left-menu-border-color: transparent !important;
  --logo-title-text-color: var(--el-text-color-primary) !important;
  --logo-border-color: transparent !important;
  --top-header-bg-color: var(--el-bg-color-page) !important;
  --top-header-text-color: var(--el-text-color-primary) !important;
  --top-header-hover-color: var(--el-color-primary-light-9) !important;
  --top-tool-border-color: transparent !important;
  --left-menu-max-width: 240px !important;
  --keel-menu-band-inset: 2px;
}

html body .layout-border__right::after {
  display: none !important;
}

html body .layout-border__left::before {
  display: none !important;
}

html body .layout-border__top::before {
  display: none !important;
}

html body .v-menu .el-menu .el-sub-menu .el-menu .el-icon:not(.el-sub-menu__icon-arrow) {
  display: none;
}

html body .v-menu .el-menu .el-sub-menu .el-menu .el-menu-item {
  position: relative;
}

html body .v-menu .el-menu .el-sub-menu > .el-menu {
  padding-left: 0 !important;
}

html body .v-menu .el-menu .el-sub-menu > .el-menu > .el-sub-menu > .el-menu {
  padding-left: 0 !important;
}

html body .v-menu .el-menu .el-sub-menu .el-menu .el-menu-item {
  position: relative;
}

html body .v-menu .el-menu .el-sub-menu .el-menu .el-sub-menu__title {
  position: relative;
}

html body .v-menu .el-menu .el-sub-menu .el-menu .el-menu-item {
  padding-left: 45px !important;
}

html body .v-menu .el-menu .el-sub-menu .el-menu .el-sub-menu__title {
  padding-left: 45px !important;
}

html body .v-menu .el-menu .el-sub-menu > .el-menu > .el-menu-item::after {
  content: "";
  position: absolute;
  left: 25.5px;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0.5;
}

html body .v-menu .el-menu .el-sub-menu > .el-menu > .el-sub-menu > .el-sub-menu__title::after {
  content: "";
  position: absolute;
  left: 25.5px;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0.5;
}

html body .v-menu .el-menu .el-sub-menu > .el-menu > .el-sub-menu > .el-menu > .el-menu-item::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  width: 8px;
  height: 2px;
  margin-top: -1px;
  border-radius: 1px;
  background-color: currentColor;
  opacity: 0.5;
}

html body .v-menu .el-menu .el-sub-menu__title .el-sub-menu__icon-arrow {
  position: static;
  width: auto;
  height: auto;
  top: auto;
  right: auto;
  margin: 0 0 0 6px;
  vertical-align: middle;
}

html body .v-menu .el-menu {
  --el-menu-item-height: 42px;
  --el-menu-sub-item-height: 38px;
  --el-menu-base-level-padding: 16px;
  padding-right: 12px !important;
}

html body .v-menu .el-menu .el-menu-item {
  margin: 2px 0 !important;
}

html body .v-menu .el-menu .el-sub-menu__title {
  margin: 2px 0 !important;
}

html body .v-menu .el-menu .el-menu-item:not(.is-active):hover {
  background-color: transparent !important;
  color: var(--el-text-color-primary) !important;
}

html body .v-menu .el-menu .el-menu-item:not(.is-active):hover::before {
  content: "";
  position: absolute;
  top: var(--keel-menu-band-inset);
  bottom: var(--keel-menu-band-inset);
  left: 0;
  right: 0;
  border-radius: 0 999px 999px 0;
  background-color: var(--el-color-primary-light-8);
}

html body .el-menu .el-menu-item:not(.is-active):hover {
  background-color: transparent !important;
  color: var(--el-text-color-primary) !important;
}

html body .el-menu .el-menu-item:not(.is-active):hover::before {
  content: "";
  position: absolute;
  top: var(--keel-menu-band-inset);
  bottom: var(--keel-menu-band-inset);
  left: 0;
  right: 0;
  border-radius: 0 999px 999px 0;
  background-color: var(--el-color-primary-light-8);
}

html body .v-menu .el-menu .el-sub-menu .el-sub-menu__title:hover {
  background-color: transparent !important;
  color: var(--el-text-color-primary) !important;
}

html body .v-menu .el-menu .el-sub-menu .el-sub-menu__title:hover::before {
  content: "";
  position: absolute;
  top: var(--keel-menu-band-inset);
  bottom: var(--keel-menu-band-inset);
  left: 0;
  right: 0;
  border-radius: 0 999px 999px 0;
  background-color: var(--el-color-primary-light-8);
}

html body .v-menu .el-menu.el-menu--vertical .el-menu-item.is-active {
  background-color: transparent !important;
  color: #fff !important;
}

html body .v-menu .el-menu .el-menu-item.is-active::before {
  content: "";
  position: absolute;
  top: var(--keel-menu-band-inset);
  bottom: var(--keel-menu-band-inset);
  left: 0;
  right: 0;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(90deg, var(--el-color-primary-light-3) 0%, var(--el-color-primary) 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
}

html body .v-menu .el-menu .el-menu-item.is-active:hover {
  background-color: transparent !important;
  color: #fff !important;
}

html body .v-menu .el-menu .el-menu-item.is-active:hover::before {
  background: linear-gradient(90deg, var(--el-color-primary-light-3) 0%, var(--el-color-primary) 100%);
}

html body .v-menu .el-menu.el-menu--vertical .el-sub-menu .el-menu-item.is-active {
  background-color: transparent !important;
  color: #fff !important;
}

html body .v-menu .el-menu.el-menu--vertical .el-sub-menu .el-menu-item.is-active::before {
  content: "";
  position: absolute;
  top: var(--keel-menu-band-inset);
  bottom: var(--keel-menu-band-inset);
  left: 0;
  right: 0;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(90deg, var(--el-color-primary-light-3) 0%, var(--el-color-primary) 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
}

html body .v-menu .el-menu.el-menu--vertical .el-sub-menu .el-menu-item.is-active:hover::before {
  background: linear-gradient(90deg, var(--el-color-primary-light-3) 0%, var(--el-color-primary) 100%);
}

html body .v-menu .el-menu .el-menu-item > * {
  position: relative;
  z-index: 1;
}

html body .v-menu .el-menu .el-sub-menu__title > * {
  position: relative;
  z-index: 1;
}

html body .el-menu.el-menu--vertical .el-menu-item.is-active {
  background-color: transparent !important;
  color: #fff !important;
}

html body .el-menu .el-menu-item.is-active::before {
  content: "";
  position: absolute;
  top: var(--keel-menu-band-inset);
  bottom: var(--keel-menu-band-inset);
  left: 0;
  right: 0;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(90deg, var(--el-color-primary-light-3) 0%, var(--el-color-primary) 100%);
}

html body .el-menu .el-menu-item.is-active:hover {
  background-color: transparent !important;
  color: #fff !important;
}

html body .el-menu .el-menu-item.is-active:hover::before {
  background: linear-gradient(90deg, var(--el-color-primary-light-3) 0%, var(--el-color-primary) 100%);
}

html body .v-menu .el-menu .el-sub-menu.is-active > .el-sub-menu__title {
  background-color: transparent !important;
  color: var(--el-color-primary) !important;
}

html body .v-menu .el-menu .el-sub-menu.is-active > .el-sub-menu__title::before {
  content: "";
  position: absolute;
  top: var(--keel-menu-band-inset);
  bottom: var(--keel-menu-band-inset);
  left: 0;
  right: 0;
  border-radius: 0 999px 999px 0;
  background-color: var(--el-color-primary-light-9);
}

html body .v-menu .el-menu .el-sub-menu.is-active > .el-sub-menu__title:hover {
  background-color: transparent !important;
  color: var(--el-color-primary) !important;
}

html body .el-menu .el-sub-menu.is-active > .el-sub-menu__title {
  background-color: transparent !important;
  color: var(--el-color-primary) !important;
}

html body .el-menu .el-sub-menu.is-active > .el-sub-menu__title::before {
  content: "";
  position: absolute;
  top: var(--keel-menu-band-inset);
  bottom: var(--keel-menu-band-inset);
  left: 0;
  right: 0;
  border-radius: 0 999px 999px 0;
  background-color: var(--el-color-primary-light-9);
}

html body .el-avatar {
  background-image: url(keelbase-avatar.svg) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

html body .el-avatar > img {
  visibility: hidden !important;
}

html body .el-avatar > .el-icon {
  visibility: hidden !important;
}

html body .login-form .el-row > .el-col:has(a[href*="iocoder.cn"]) {
  display: none !important;
}

html body .login-form .el-row > .el-divider:has(+ .el-col a[href*="iocoder.cn"]) {
  display: none !important;
}

/*# sourceMappingURL=keelbase-host.css.map */